@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800;900&family=Geist+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap";:root{--surface: #0a0a0a;--surface-dim: #111111;--surface-container-lowest: #000000;--surface-container-low: #0a0a0a;--surface-container: #131313;--surface-container-high: #1c1c1c;--surface-container-highest: #222222;--surface-bright: #303030;--surface-header: #111111;--on-surface: #f0f0f0;--on-surface-variant: #a0a0a0;--on-surface-muted: #808080;--text-muted: #808080;--outline: #474747;--outline-variant: #2a2a2a;--border: rgba(255, 255, 255, .12);--border-subtle: rgba(255, 255, 255, .08);--primary: #ffffff;--primary-hover: #e2e2e2;--on-primary: #131313;--primary-container: #2a2a2a;--status-online: #22c55e;--status-warning: #f59e0b;--status-error: #ef4444;--font-sans: "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Geist Mono", monospace;--header-h: 3.8rem;--sidebar-w: 280px;--transition-fast: 50ms ease;--transition-normal: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border-radius:0!important}html,body{height:100%;min-height:100vh;background-color:var(--surface);color:var(--on-surface);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--surface-container-lowest)}::-webkit-scrollbar-thumb{background:var(--surface-container-highest)}::-webkit-scrollbar-thumb:hover{background:var(--outline)}#app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{height:var(--header-h);background:var(--surface-dim);border-bottom:1px solid var(--outline-variant);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;flex-shrink:0;position:sticky;top:0;z-index:100}.header-logo{font-family:var(--font-mono);font-size:.9rem;font-weight:700;letter-spacing:.15rem;color:#fff;text-transform:uppercase;display:flex;align-items:center;gap:.5rem;flex:0 0 auto}.header-logo .material-symbols-outlined{font-size:24px;color:var(--on-surface-variant)}.header-quota{flex:1;max-width:380px;margin:0 2rem;display:flex;flex-direction:column;gap:.3rem}.quota-labels{display:flex;justify-content:space-between;align-items:center}.quota-label-text{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);letter-spacing:.04rem}.quota-bar{height:3px;background:var(--surface-container-high);position:relative;overflow:hidden}.quota-fill{position:absolute;left:0;top:0;height:100%;background:#fff;transition:width var(--transition-normal);max-width:100%}.quota-fill.warning{background:var(--status-warning)}.quota-fill.danger{background:var(--status-error)}.header-user{display:flex;align-items:center;gap:.75rem;flex:0 0 auto}.header-username{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit}.app-body{display:flex;flex:1;overflow:hidden}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--surface-dim);border-right:1px solid var(--outline-variant);display:flex;flex-direction:column;overflow:hidden}.sidebar-section-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1rem;color:var(--text-muted);padding:1rem 1rem .5rem}.sidebar-folders{flex:1;overflow-y:auto;padding:.25rem 0}.sidebar-folder-item{display:flex;align-items:center;gap:.6rem;padding:.55rem 1rem;cursor:pointer;font-size:.82rem;color:var(--on-surface-variant);transition:all var(--transition-fast);border-left:2px solid transparent;-webkit-user-select:none;user-select:none}.sidebar-folder-item:hover{background:var(--surface-container);color:var(--on-surface)}.sidebar-folder-item.active{background:var(--surface-container);color:#fff;border-left-color:#fff}.sidebar-folder-dot{width:8px;height:8px;flex-shrink:0}.sidebar-folder-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.sidebar-folder-sub{padding-left:2.2rem}.sidebar-bottom{border-top:1px solid var(--outline-variant);padding:.75rem 1rem}.sidebar-quota-text{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);margin-bottom:.5rem}.main-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid var(--outline-variant);background:var(--surface);flex-shrink:0;gap:1rem;flex-wrap:wrap}.toolbar-left{display:flex;align-items:center;gap:.75rem}.toolbar-right{display:flex;align-items:center;gap:.5rem}.breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-muted);flex-wrap:wrap}.breadcrumb-item{display:flex;align-items:center;gap:.4rem}.breadcrumb-link{color:var(--on-surface-variant);cursor:pointer;transition:color var(--transition-fast);background:none;border:none;font-family:var(--font-sans);font-size:.78rem;padding:0}.breadcrumb-link:hover{color:#fff}.breadcrumb-sep{color:var(--outline);font-size:.7rem}.breadcrumb-current{color:#fff;font-weight:600}.search-wrap{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.6rem;font-size:20px!important;color:var(--text-muted);pointer-events:none}.search-field{background:var(--surface-container);border:1px solid var(--outline-variant);color:var(--on-surface);padding:.45rem .75rem .45rem 2rem;font-family:var(--font-mono);font-size:.75rem;width:180px;outline:none;transition:all var(--transition-fast)}.search-field:focus{border-color:var(--outline);background:var(--surface-container-high)}.search-field::placeholder{color:var(--text-muted)}.filter-pills{display:flex;gap:.25rem}.filter-pill{background:transparent;border:1px solid var(--outline-variant);color:var(--text-muted);padding:.3rem .7rem;font-family:var(--font-sans);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06rem;cursor:pointer;transition:all var(--transition-fast)}.filter-pill:hover{border-color:var(--outline);color:var(--on-surface)}.filter-pill.active{background:var(--surface-container-high);border-color:var(--outline);color:#fff}.content-area{flex:1;overflow-y:auto;position:relative}.table-card{background:var(--surface-container);border:1px solid var(--outline-variant);overflow:hidden;margin:1.25rem}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.82rem}.data-table th{background:var(--surface-container-high);padding:.65rem 1rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06rem;color:var(--on-surface-variant);border-bottom:1px solid var(--outline-variant);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.data-table th:hover{color:#fff}.data-table th .sort-icon{font-size:16px!important;vertical-align:middle;opacity:.5}.data-table th.sorted .sort-icon{opacity:1;color:#fff}.data-table td{padding:.75rem 1rem;border-bottom:1px solid var(--outline-variant);color:var(--on-surface);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--surface-container-high)}.data-table .col-check{width:2.5rem;padding-right:.25rem}.data-table .col-icon{width:2.5rem;padding-right:0}.data-table .col-name{min-width:200px}.data-table .col-size{width:90px;white-space:nowrap}.data-table .col-date{width:140px;white-space:nowrap}.data-table .col-folder{width:130px}.data-table .col-actions{width:140px;text-align:right}.file-icon{font-size:24px!important;vertical-align:middle;color:var(--text-muted)}.file-icon.folder{color:var(--on-surface-variant)}.file-name-cell{display:flex;align-items:center;gap:.5rem;font-weight:500}.file-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px;cursor:pointer}.file-name-text:hover{color:#fff}.font-mono{font-family:var(--font-mono)}.text-muted{color:var(--text-muted)}.folder-color-dot{display:inline-block;width:7px;height:7px;flex-shrink:0}.row-actions{display:flex;gap:.25rem;justify-content:flex-end}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;white-space:nowrap;border:1px solid transparent;height:2.1rem;padding:0 1rem;font-family:var(--font-sans);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07rem;text-decoration:none;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;vertical-align:middle;background:none;color:inherit}.btn .material-symbols-outlined{font-size:20px!important}.btn-primary{background:#fff;color:#131313;border-color:transparent}.btn-primary:hover{background:#e2e2e2}.btn-secondary{background:transparent;color:var(--on-surface);border-color:var(--outline)}.btn-secondary:hover{background:#1c1c1c;border-color:gray;color:#fff}.btn-ghost{background:transparent;color:var(--on-surface);border-color:transparent}.btn-ghost:hover{background:#1c1c1c;border-color:transparent;color:#fff}.btn-nav{background:none;border:1px solid var(--outline);color:gray;font-family:var(--font-sans);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08rem;padding:0 .9rem;height:1.85rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:all var(--transition-fast)}.btn-nav:hover{border-color:gray;color:#fff;text-decoration:none}.btn-nav .material-symbols-outlined{font-size:16px!important}.btn-danger{background:#ef44441a;color:#ef4444;border-color:#ef444440}.btn-danger:hover{background:#ef444433}.btn-sm{height:1.75rem;padding:0 .65rem;font-size:.65rem}.btn-icon{width:2.1rem;height:2.1rem;padding:0;background:transparent;border:none;color:var(--on-surface-variant);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{background:#1c1c1c;color:#fff}.btn-icon.danger:hover{background:#ef44441a;color:#ef4444}.btn-icon .material-symbols-outlined{font-size:17px!important}.btn-block{width:100%}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .45rem;font-family:var(--font-mono);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05rem;border:1px solid transparent}.badge-neutral{background:var(--surface-container-high);color:var(--on-surface);border-color:var(--outline)}.badge-white{background:#fff;color:#131313}.badge-green{background:#22c55e1a;color:#4ade80;border-color:#22c55e4d}.badge-amber{background:#f59e0b1a;color:#fbbf24;border-color:#f59e0b4d}.badge-red{background:#ef44441a;color:#f87171;border-color:#ef44444d}.form-group{margin-bottom:1.25rem}.input-label{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08rem;color:var(--on-surface-variant);margin-bottom:.4rem}.input-field,.select-field{width:100%;background:var(--surface-container-high);color:var(--on-surface);border:1px solid var(--outline);outline:none;padding:.6rem .85rem;font-family:var(--font-sans);font-size:.84rem;transition:all var(--transition-fast)}.input-field:focus,.select-field:focus{border-color:#fff;background:var(--surface-container)}.input-field::placeholder{color:var(--text-muted)}.select-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.custom-checkbox{display:flex;align-items:center;cursor:pointer}.custom-checkbox input[type=checkbox]{display:none}.checkbox-box{width:15px;height:15px;border:1px solid var(--outline);background:transparent;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.custom-checkbox input:checked+.checkbox-box{background:#fff;border-color:#fff}.custom-checkbox input:checked+.checkbox-box:after{content:"";width:8px;height:5px;border-left:2px solid #131313;border-bottom:2px solid #131313;transform:rotate(-45deg) translateY(-1px)}.drop-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#000000b3;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.drop-overlay.active{display:flex}.drop-overlay .drop-icon{font-size:4.5rem!important;color:#fff;opacity:.8}.drop-overlay .drop-text{font-family:var(--font-mono);font-size:.85rem;font-weight:700;letter-spacing:.1rem;text-transform:uppercase;color:#fff;opacity:.8}.upload-queue{background:var(--surface-container);border:1px solid var(--outline-variant);margin:1.25rem;margin-bottom:0}.upload-queue-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid var(--outline-variant);background:var(--surface-container-high)}.upload-queue-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06rem;color:var(--on-surface-variant)}.transfer-item{padding:.65rem 1rem;border-bottom:1px solid var(--outline-variant);display:flex;align-items:center;gap:1rem}.transfer-item:last-child{border-bottom:none}.transfer-name{font-family:var(--font-mono);font-size:.75rem;color:var(--on-surface);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-status{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);white-space:nowrap}.progress-bar-wrap{flex:1;max-width:200px;height:3px;background:var(--surface-container-highest);position:relative}.progress-bar-fill{position:absolute;left:0;top:0;height:100%;background:#fff;transition:width var(--transition-normal)}.modal-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:200;align-items:center;justify-content:center}.modal-backdrop.active{display:flex}.modal-dialog{background:var(--surface-container);border:1px solid var(--outline);width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;position:relative}.modal-dialog.modal-wide{max-width:680px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--outline-variant);background:var(--surface-container-high);flex-shrink:0}.modal-title{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08rem;color:#fff}.modal-title .material-symbols-outlined{font-size:20px!important}.modal-body{padding:1.5rem 1.25rem;overflow-y:auto;flex:1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--outline-variant);flex-shrink:0}.color-picker{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.25rem}.color-swatch{width:24px;height:24px;cursor:pointer;border:2px solid transparent;transition:all var(--transition-fast);flex-shrink:0}.color-swatch.selected{border-color:#fff}.preview-content{display:flex;align-items:center;justify-content:center;min-height:200px;background:var(--surface-container-lowest)}.preview-img{max-width:100%;max-height:60vh;object-fit:contain;display:block}.preview-video{max-width:100%;max-height:60vh;display:block}.preview-iframe{width:100%;height:60vh;border:none;display:block}.preview-unsupported{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;color:var(--text-muted);text-align:center}.preview-unsupported .material-symbols-outlined{font-size:4.5rem!important}.preview-unsupported p{font-size:.82rem}.bulk-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--surface-container-high);border-top:1px solid var(--outline);z-index:150;padding:.75rem 1.5rem;align-items:center;justify-content:space-between;gap:1rem}.bulk-bar.active{display:flex}.bulk-count{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--on-surface);text-transform:uppercase;letter-spacing:.06rem}.bulk-actions{display:flex;gap:.5rem}.tree-view{display:flex;flex-direction:column;gap:.1rem}.tree-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;font-size:.82rem;color:var(--on-surface-variant);transition:all var(--transition-fast)}.tree-item:hover{background:var(--surface-container-high);color:var(--on-surface)}.tree-item.selected{background:var(--surface-container-high);color:#fff}.tree-item .material-symbols-outlined{font-size:20px!important}.tree-item-sub{padding-left:2rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:.75rem;color:var(--text-muted)}.empty-state .material-symbols-outlined{font-size:2.5rem!important;opacity:.5}.empty-title{font-family:var(--font-mono);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1rem;color:var(--text-muted)}.empty-sub{font-size:.8rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--surface);padding:2rem}.login-card{background:var(--surface-container);border:1px solid var(--outline-variant);padding:2.5rem;width:100%;max-width:380px}.login-brand{display:flex;align-items:center;gap:.6rem;margin-bottom:2rem}.login-brand-name{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;letter-spacing:.15rem;color:#fff;text-transform:uppercase}.login-brand-sub{font-size:.7rem;color:var(--text-muted);margin-top:.1rem}.login-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1rem;color:var(--on-surface-variant);margin-bottom:1.5rem}.login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:.6rem .85rem;font-size:.78rem;margin-bottom:1rem;display:none}.login-error.visible{display:block}.shared-empty{padding:3rem;text-align:center;color:var(--text-muted)}.link-url{font-family:var(--font-mono);font-size:.72rem;color:var(--on-surface-variant);word-break:break-all}.sort-asc:after{content:" ↑"}.sort-desc:after{content:" ↓"}.hidden{display:none!important}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:.5rem}.w-full{width:100%}.mt-1{margin-top:.25rem}.mb-1{margin-bottom:.25rem}@media (max-width: 768px){.sidebar,.header-quota,.data-table .col-date,.data-table .col-folder{display:none}}