*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b0f19;color:#f8fafc}.app{min-height:100vh;display:flex;flex-direction:row;background:radial-gradient(circle at top left,rgba(56,189,248,.1),transparent 30%),radial-gradient(circle at bottom right,rgba(168,85,247,.08),transparent 30%),#0b0f19}.sidebar{width:240px;flex-shrink:0;border-right:1px solid rgba(255,255,255,.08);background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 8px;overflow-y:auto}.sidebar-section{margin-bottom:24px}.sidebar-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b;padding:8px 12px 6px}.sidebar-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:#cbd5e1;font-size:14px;text-align:left;cursor:pointer;transition:background .12s ease,color .12s ease}.sidebar-item:hover{background:#ffffff0f;color:#f8fafc}.sidebar-item.active{background:#38bdf826;color:#38bdf8;font-weight:600}.sidebar-icon{font-size:16px;flex-shrink:0}.sidebar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-area{flex:1;display:flex;flex-direction:column;min-width:0}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:#0f172a80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0}.brand{display:flex;align-items:center;gap:8px;font-weight:800}.brand-mark{font-size:20px}.brand-name{font-size:16px}.header-actions{display:flex;align-items:center;gap:8px}.ghost-btn{border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:8px 14px;background:#ffffff0d;color:#f8fafc;font-weight:600;font-size:13px;cursor:pointer;transition:background .15s ease}.ghost-btn:hover:not(:disabled){background:#ffffff1f}.ghost-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar{display:flex;align-items:center;gap:6px;padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#f8fafc;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease;flex-shrink:0}.icon-btn:hover:not(:disabled){background:#ffffff1f}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.breadcrumb{flex:1;min-width:0;display:flex;align-items:center;gap:2px;padding:6px 12px;border-radius:8px;background:#0f172ab3;border:1px solid rgba(255,255,255,.08);overflow:hidden;cursor:text}.breadcrumb-segment{display:flex;align-items:center;gap:2px;white-space:nowrap}.breadcrumb-sep{color:#64748b;margin:0 4px;font-size:14px}.breadcrumb-button{border:none;background:transparent;color:#cbd5e1;font-size:13px;padding:2px 6px;border-radius:4px;cursor:pointer;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb-button:hover{background:#ffffff14;color:#f8fafc}.breadcrumb-input{flex:1;min-width:0;padding:6px 12px;border-radius:8px;background:#0f172ae6;border:1px solid #38bdf8;color:#f8fafc;font-size:13px;outline:none;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.search-input{width:220px;padding:7px 12px;border-radius:8px;background:#0f172ab3;border:1px solid rgba(255,255,255,.1);color:#f8fafc;font-size:13px;outline:none;transition:border-color .15s ease;flex-shrink:0}.search-input:focus{border-color:#38bdf8}.content{flex:1;display:grid;grid-template-columns:1fr minmax(280px,340px);gap:0;min-height:0}.content:not(:has(.storage-panel)){grid-template-columns:1fr}.file-list{display:flex;flex-direction:column;padding:0 8px 24px;overflow-y:auto;min-width:0}.list-header,.file-row{display:grid;grid-template-columns:28px minmax(120px,1fr) 100px 140px 140px;align-items:center;gap:12px;padding:8px 12px}.list-header{position:sticky;top:0;z-index:1;background:#0b0f19eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:2px}.col-header{border:none;background:transparent;color:#94a3b8;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;padding:4px 0;text-align:left;position:relative}.col-header:hover{color:#e2e8f0}.col-header.active{color:#38bdf8}.col-header.active:after{content:"▲";position:absolute;margin-left:6px;font-size:9px;top:50%;transform:translateY(-50%)}.col-header.active.desc:after{content:"▼"}.col-size,.col-date{text-align:right}.status{padding:32px;text-align:center;color:#94a3b8}.file-row{width:100%;border:none;border-radius:8px;background:transparent;color:#f8fafc;text-align:left;cursor:pointer;font-size:14px;margin:1px 0;transition:background .12s ease}.file-row:hover{background:#ffffff0f}.file-icon{font-size:16px;text-align:center}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size,.file-type,.file-date{color:#94a3b8;font-size:13px;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size,.file-date{text-align:right}.storage-panel{border-left:1px solid rgba(255,255,255,.08);background:#0f172a99;padding:20px;overflow-y:auto}.storage-panel h2{margin:0 0 14px;font-size:16px}.storage-panel h3{margin:20px 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8}.storage-total{display:flex;align-items:baseline;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.storage-total .label{color:#94a3b8;font-size:13px}.storage-total strong{font-size:18px}.storage-bar{margin-bottom:12px}.storage-bar-label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:5px}.bar-track{height:7px;border-radius:999px;background:#ffffff14;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#38bdf8,#a855f7);transition:width .3s ease}.muted{color:#94a3b8}.error{margin:12px 16px;padding:10px 14px;border-radius:10px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#fca5a5;font-size:13px;flex-shrink:0}