:root{--sidebar-bg: #1f2937;--sidebar-fg: #cbd5e1;--sidebar-fg-active: #ffffff;--sidebar-active-bg: #2563eb;--content-bg: #f8fafc;--border: #e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{margin:0;color:#0f172a;background:var(--content-bg)}.layout{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--sidebar-bg);color:var(--sidebar-fg);display:flex;flex-direction:column;padding:20px 12px}.sidebar__brand{font-size:18px;font-weight:700;color:#fff;padding:8px 12px 20px}.sidebar__nav{display:flex;flex-direction:column;gap:4px}.sidebar__link{display:block;padding:10px 12px;border-radius:8px;color:var(--sidebar-fg);text-decoration:none;font-size:14px;transition:background .15s,color .15s}.sidebar__link:hover{background:#ffffff14;color:var(--sidebar-fg-active)}.sidebar__link.active{background:var(--sidebar-active-bg);color:var(--sidebar-fg-active);font-weight:600}.sidebar__footer{margin-top:auto;padding:16px 12px 4px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:2px;font-size:11px;color:#94a3b8}.sidebar__footer span{text-transform:uppercase;letter-spacing:.05em;opacity:.7}.content{flex:1;padding:32px 40px;overflow-y:auto}.content h1{margin-top:0;font-size:22px}.breadcrumb{display:flex;align-items:center;gap:2px;font-size:14px;margin-bottom:12px;flex-wrap:wrap}.breadcrumb__item{color:#2563eb;cursor:pointer;padding:2px 4px;border-radius:4px}.breadcrumb__item:hover{background:#eff6ff}.breadcrumb__item--active{color:#0f172a;cursor:default;font-weight:600}.breadcrumb__item--active:hover{background:none}.breadcrumb__sep{color:#cbd5e1;margin:0 2px}.file-browser{padding:0;overflow:hidden}.file-table{width:100%;border-collapse:collapse;font-size:14px}.file-table th{text-align:left;padding:10px 16px;border-bottom:2px solid var(--border);color:#64748b;font-weight:600}.file-table td{padding:10px 16px;border-bottom:1px solid var(--border)}.file-table tr:last-child td{border-bottom:none}.file-row--folder{cursor:pointer}.file-row--folder:hover td{background:#f0f9ff}.file-name{display:flex;align-items:center;gap:8px}.file-icon{font-size:16px;flex-shrink:0}.file-meta{color:#94a3b8;font-size:13px;white-space:nowrap}.empty{color:#94a3b8;font-size:14px;margin:16px}.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px 24px;margin-top:16px}