:root{--bg-primary: #FFFFFF;--bg-secondary: #F5F5F5;--bg-tertiary: #F0F0F0;--bg-hover: #EBEBEB;--bg-elevated: #FFFFFF;--bg-dark: #181D27;--bg-dark-secondary: #1E2433;--bg-dark-tertiary: #252B3B;--blue: #1A7CDF;--blue-deep: #3B45F5;--green: #22C55E;--green-dim: #16A34A;--orange: #F97316;--purple: #A855F7;--pink: #EC4899;--indigo: #6366F1;--warning: #F59E0B;--error: #EF4444;--text-primary: #181D27;--text-secondary: #414651;--text-tertiary: #777777;--text-light: #FFFFFF;--text-muted: #AAAAAA;--border: #E5E5E5;--border-light: #EFEFEF;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible){outline:none}html,body,#root{height:100%;width:100%;font-family:var(--font);font-size:14px;color:var(--text-primary);background:var(--bg-secondary);-webkit-font-smoothing:antialiased}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:var(--radius-md);font-size:13px;font-family:var(--font);color:#fff;pointer-events:auto;cursor:pointer;animation:toast-in .25s ease-out;box-shadow:0 4px 16px #0000004d;max-width:400px}.toast-info{background:var(--bg-dark-secondary);border:1px solid rgba(255,255,255,.1)}.toast-success{background:#16532d;border:1px solid rgba(34,197,94,.3)}.toast-error{background:#521616;border:1px solid rgba(239,68,68,.3)}.toast-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.toast-info .toast-icon{background:var(--blue)}.toast-success .toast-icon{background:var(--green)}.toast-error .toast-icon{background:var(--error)}.toast-message{flex:1;line-height:1.4}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:var(--text-secondary)}.app-error{display:flex;align-items:center;justify-content:center;height:100%}.error-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-md);text-align:center;max-width:400px}.error-card h2{margin-bottom:12px;color:var(--error)}.error-card p{color:var(--text-secondary);margin-bottom:20px}.error-msg{color:var(--error);font-size:12px;margin-top:12px}.hint{color:var(--text-tertiary);font-size:13px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s;font-family:var(--font)}.btn-primary:hover{background:#1568bf}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;font-family:var(--font)}.btn-secondary:hover{background:var(--bg-hover)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-text{background:none;border:none;color:var(--text-tertiary);font-size:12px;cursor:pointer;font-family:var(--font)}.btn-text:hover{color:var(--text-primary)}.btn-link{background:none;border:none;color:#fff6;font-size:12px;cursor:pointer;margin-top:8px;font-family:var(--font)}.btn-link:hover{color:var(--blue)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:background .15s,color .15s}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon-sm{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:4px;cursor:pointer;color:var(--text-tertiary);transition:background .15s,color .15s}.btn-icon-sm:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon-sm.danger:hover{color:var(--error)}.btn-sm{padding:4px 10px;font-size:12px;border-radius:4px;border:1px solid var(--border);background:var(--blue);color:#fff;cursor:pointer;font-family:var(--font);font-weight:500}.btn-sm.btn-text{background:none;border:none;color:var(--text-tertiary)}.login-container{display:flex;align-items:center;justify-content:center;height:100%;background:var(--bg-dark)}.login-card{width:380px}.login-header{text-align:center;margin-bottom:28px}.logo-icon{margin-bottom:12px}.login-header h1{font-size:22px;font-weight:700;color:#fff;margin-bottom:4px}.login-header .subtitle{font-size:13px;color:#ffffff80}.login-card form{background:var(--bg-dark-secondary);border:1px solid rgba(255,255,255,.08);padding:28px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;gap:16px}.field-label{display:block;font-size:10px;font-weight:700;color:#fff6;letter-spacing:.5px;margin-bottom:6px}.field-input{width:100%;padding:10px 12px;font-size:14px;font-family:var(--font);color:#fff;background:var(--bg-dark-tertiary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);outline:none;transition:border-color .15s}.field-input:focus{border-color:var(--blue)}.code-input{font-size:28px;font-weight:700;font-family:var(--font-mono);text-align:center;letter-spacing:4px}.browser-layout{display:flex;height:100%}.sidebar{width:300px;background:var(--bg-primary);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.dark-sidebar{background:var(--bg-dark);border-right:1px solid rgba(255,255,255,.06);color:var(--text-light)}.sidebar-header{padding:14px 14px 10px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.dark-sidebar .sidebar-header{border-bottom-color:#ffffff0f}.sidebar-logo{display:flex;align-items:center;gap:10px}.sidebar-header-text{display:flex;flex-direction:column;min-width:0}.sidebar-title{font-size:13px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark-sidebar .sidebar-title{color:#ffffffe6}.sidebar-section{padding:12px 8px;flex:1;overflow-y:auto}.sidebar-label{font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:.5px;padding:0 8px;margin-bottom:8px}.sidebar-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:none;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;text-align:left;transition:background .15s,color .15s;font-family:var(--font)}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-item.active{background:#e8f0fe;color:var(--blue)}.dark-sidebar .sidebar-item{color:#fff9}.dark-sidebar .sidebar-item:hover{background:#ffffff0f;color:#fff}.dark-sidebar .sidebar-item.active{background:#1a7cdf26;color:var(--blue)}.sidebar-icon{display:flex;color:var(--green)}.volume-icon{color:var(--green)}.sidebar-org-switcher{padding:8px 12px 4px}.org-select{width:100%;padding:6px 8px;background:var(--bg-dark-tertiary);color:#fffc;border:1px solid rgba(255,255,255,.08);border-radius:5px;font-size:12px;font-family:var(--font);cursor:pointer;outline:none}.org-select:focus{border-color:var(--blue)}.org-select option{background:var(--bg-dark);color:#fff}.org-select-mini{background:transparent;border:none;color:#ffffff4d;font-size:10px;font-family:var(--font);cursor:pointer;outline:none;padding:2px}.org-select-mini option{background:var(--bg-dark);color:#fff}.sidebar-search{padding:8px 12px}.dark-search{background:var(--bg-dark-tertiary)!important;border-color:#ffffff14!important}.dark-search .search-input{color:#fff}.dark-search .search-input::placeholder{color:#ffffff4d}.dark-search .search-icon{color:#ffffff4d}.dark-search .search-clear{color:#fff6}.sidebar-workspaces{padding:8px 8px 4px}.sidebar-tree{flex:1;overflow-y:auto;padding:4px 8px}.tree-item{display:flex;align-items:center;gap:6px;width:100%;padding:5px 8px;border:none;background:none;border-radius:5px;font-size:12px;font-weight:500;color:#ffffff8c;cursor:pointer;text-align:left;transition:background .12s,color .12s;font-family:var(--font)}.tree-item:hover{background:#ffffff0f;color:#ffffffd9}.tree-item.active{background:#ffffff14;color:#fff;font-weight:600}.tree-toggle{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:none;border:none;color:#ffffff4d;cursor:pointer;padding:0;flex-shrink:0}.tree-toggle:hover{color:#fff9}.tree-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-count{font-size:10px;color:#ffffff40;flex-shrink:0}.project-item{font-size:13px;font-weight:600;padding:7px 10px;margin-bottom:2px}.tree-project-card{display:flex;align-items:center;gap:8px;margin:2px 8px 4px;padding:6px;border-radius:var(--radius-md);cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s}.tree-project-card:hover{background:#ffffff0f}.tree-project-card.active{background:#ffffff14;border-color:#ffffff1a}.tree-project-thumb{width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-dark-tertiary);display:flex;align-items:center;justify-content:center}.tree-project-thumb img{width:100%;height:100%;object-fit:contain;padding:3px;transform:scale(var(--thumb-zoom, 1))}.tree-project-name{font-size:13px;font-weight:600;color:#ffffffb3;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-project-card.active .tree-project-name{color:#fff}.sidebar-actions{padding:8px 12px;display:flex;flex-direction:column;gap:4px;border-top:1px solid rgba(255,255,255,.06)}.sidebar-action-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:#ffffff0a;border-radius:6px;font-size:12px;font-weight:500;color:#fff9;cursor:pointer;font-family:var(--font);transition:background .12s,color .12s}.sidebar-action-btn:hover{background:#ffffff14;color:#fff}.sidebar-action-btn.primary{background:#1a7cdf26;color:var(--blue)}.sidebar-action-btn.primary:hover{background:#1a7cdf40}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.dark-footer{border-top-color:#ffffff0f}.dark-footer .user-name{color:#ffffff80}.dark-footer .btn-text{color:#ffffff4d}.dark-footer .btn-text:hover{color:#fff}.user-info{display:flex;align-items:center;gap:8px}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.user-name{font-size:12px;color:var(--text-secondary);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.dark-main{background:var(--bg-dark-secondary)}.browser-toolbar{padding:10px 20px;background:var(--bg-elevated);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.toolbar-left{display:flex;align-items:center;gap:4px;min-width:0;flex:1}.toolbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.breadcrumbs{display:flex;align-items:center;gap:4px;min-width:0}.breadcrumb-link{background:none;border:none;font-size:14px;font-weight:600;color:var(--blue);cursor:pointer;font-family:var(--font);white-space:nowrap}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-sep{color:var(--text-tertiary);margin:0 2px}.breadcrumb-current{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap}.dark-toolbar{background:var(--bg-dark);border-bottom-color:#ffffff0f}.dark-toolbar .breadcrumb-link{color:var(--blue)}.dark-toolbar .breadcrumb-sep{color:#fff3}.dark-toolbar .breadcrumb-current{color:#ffffffd9}.file-count-label{font-size:12px;color:#ffffff4d}.filter-bar{display:flex;align-items:center;gap:16px;padding:8px 20px;background:var(--bg-dark);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;flex-wrap:wrap}.filter-bar-group{display:flex;align-items:center;gap:6px}.filter-label{font-size:11px;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.filter-select{background:var(--bg-dark-tertiary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:#ffffffd9;font-size:12px;padding:4px 8px;cursor:pointer;outline:none}.filter-select:hover{border-color:#fff3}.filter-select:focus{border-color:var(--blue)}.filter-select option{background:var(--bg-dark);color:#fff}.filter-pills{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.filter-pill{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:var(--bg-dark-tertiary);color:#ffffff8c;font-size:10px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.filter-pill:hover{border-color:#ffffff40;color:#fffc}.filter-pill.active{border-color:currentColor;background:var(--bg-dark-tertiary)}.filter-pill-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.filter-bar-meta{margin-left:auto}.filter-count{font-size:12px;color:#fff6}.filter-clear-btn{background:none;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);color:var(--blue);font-size:11px;padding:3px 10px;cursor:pointer;transition:all .15s ease}.filter-clear-btn:hover{background:#1a7cdf1a;border-color:var(--blue)}.dark-dialog{background:var(--bg-dark-tertiary);border-bottom-color:#ffffff0f}.dark-input{background:var(--bg-dark);border-color:#ffffff1a;color:#fff}.dark-input:focus{border-color:var(--blue)}.dark-progress{background:var(--bg-dark);border-bottom-color:#ffffff0f}.dark-progress .upload-progress-title{color:#ffffffd9}.dark-progress .upload-file-name{color:#ffffffb3}.dark-content{background:var(--bg-dark-secondary)}.dark-results{color:#fff9}.dark-results .btn-text{color:var(--blue)}.dark-label{color:#ffffff4d}.dark-empty{color:#fff6}.dark-empty .hint{color:#ffffff40}.dark-card{background:var(--bg-dark-tertiary)!important;border-color:#ffffff14;color:#fff}.dark-card:hover{border-color:var(--blue)}.status-banner{font-size:8px;font-weight:800;letter-spacing:.8px;text-align:center;padding:4px 8px;border-top:2px solid;cursor:pointer;transition:opacity .15s}.status-banner:hover{opacity:.8}.status-banner.striped{background:repeating-linear-gradient(-45deg,#ef444414,#ef444414 4px,#ef444429 4px,#ef444429 8px)!important}.file-name-row{display:flex;align-items:center;gap:4px}.file-name-row .file-name{flex:1}.status-set-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:none;border-radius:4px;cursor:pointer;color:#ffffff40;flex-shrink:0;transition:color .15s,background .15s}.status-set-btn:hover{color:#fff9;background:#ffffff0f}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-picker{position:absolute;bottom:100%;left:0;right:0;background:var(--bg-dark);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:4px;z-index:30;box-shadow:var(--shadow-lg)}.status-option{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;background:none;border:none;border-radius:4px;font-size:11px;font-weight:600;color:#ffffffb3;cursor:pointer;text-align:left;font-family:var(--font);transition:background .12s}.status-option:hover{background:#ffffff0f;color:#fff}.status-option.clear{color:#ffffff59;font-weight:400;justify-content:center;border-top:1px solid rgba(255,255,255,.06);margin-top:2px;padding-top:8px}.org-picker-container{display:flex;align-items:center;justify-content:center;height:100%;background:var(--bg-dark);color:var(--text-light)}.org-picker{text-align:center;max-width:400px;width:100%;padding:20px}.org-picker h1{font-size:22px;margin:12px 0 4px}.org-picker .subtitle{color:#ffffff80;font-size:13px;margin-bottom:24px}.org-list{display:flex;flex-direction:column;gap:6px}.org-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:var(--bg-dark-tertiary);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);cursor:pointer;text-align:left;font-family:var(--font);color:#fff;transition:border-color .15s,background .15s}.org-option:hover{border-color:var(--blue);background:#1a7cdf14}.org-option-info{display:flex;flex-direction:column}.org-option-name{font-size:14px;font-weight:600}.org-option-domain{font-size:11px;color:#ffffff59;margin-top:2px}.admin-container{display:flex;align-items:flex-start;justify-content:center;height:100%;background:var(--bg-dark);color:var(--text-light);padding:40px 20px;overflow-y:auto}.admin-panel{max-width:600px;width:100%}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.admin-header h1{font-size:20px}.admin-subtitle{color:#ffffff80;font-size:13px;margin-bottom:20px}.admin-org-list{display:flex;flex-direction:column;gap:4px}.admin-org-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-dark-tertiary);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s}.admin-org-row:hover{border-color:#ffffff26}.admin-org-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue);cursor:pointer}.admin-org-info{display:flex;flex-direction:column}.admin-org-name{font-size:13px;font-weight:600}.admin-org-id{font-size:11px;color:#ffffff4d;margin-top:2px}.admin-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.admin-count{font-size:12px;color:#fff6}.user-add-form{display:flex;gap:8px;margin-bottom:16px}.user-perm-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:12px;margin-bottom:8px}.user-perm-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.user-perm-email{font-size:13px;font-weight:600;color:#fff}.user-perm-toggles{display:grid;grid-template-columns:1fr 1fr;gap:6px}.user-perm-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:#fff9;cursor:pointer}.user-perm-toggle input[type=checkbox]{width:14px;height:14px;accent-color:var(--blue);cursor:pointer}.user-perm-toggle span{-webkit-user-select:none;user-select:none}.btn-text.danger{color:var(--error)}.btn-text.danger:hover{color:#f87171}.user-role-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;background:#ffffff14;color:#ffffff80;text-transform:uppercase;letter-spacing:.3px}.user-role-badge.super{background:#d4af3726;color:#d4af37}.storage-overview{display:flex;gap:12px;margin-bottom:12px}.storage-stat{flex:1;background:var(--bg-dark-tertiary);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);padding:16px;text-align:center}.storage-stat-value{display:block;font-size:22px;font-weight:700;color:#fff;margin-bottom:4px}.storage-stat-label{font-size:10px;color:#ffffff59;text-transform:uppercase;letter-spacing:.5px}.storage-status-bars{display:flex;flex-direction:column;gap:8px;margin-top:8px}.storage-status-row{display:flex;align-items:center;gap:8px}.storage-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.storage-status-name{font-size:11px;color:#fff9;min-width:140px}.storage-status-size{font-size:11px;font-family:var(--font-mono);color:#fff6;min-width:70px;text-align:right}.storage-status-bar{flex:1;height:6px;background:#ffffff0a;border-radius:3px;overflow:hidden}.storage-vol-row{padding:8px 0}.storage-vol-row+.storage-vol-row{border-top:1px solid rgba(255,255,255,.04)}.storage-vol-header{display:flex;justify-content:space-between;align-items:center}.storage-vol-name{font-size:13px;font-weight:600;color:#fffc}.storage-vol-size{font-size:11px;color:#fff6}.storage-suggestions{display:flex;flex-direction:column;gap:6px;margin-top:8px}.storage-suggestion{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#ffffff80;line-height:1.4}.age-analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.age-stat{background:#ffffff08;border-radius:var(--radius-sm);padding:10px;display:flex;flex-direction:column;gap:2px}.age-stat-value{font-size:22px;font-weight:700;color:var(--green)}.age-stat-value.warn{color:var(--warning)}.age-stat-value.alert{color:var(--orange)}.age-stat-value.danger{color:var(--error)}.age-stat-value.muted{color:#fff6}.age-stat-label{font-size:11px;color:#ffffff80}.age-stat-size{font-size:10px;color:#ffffff4d}.age-stale-list{margin-top:12px;border-top:1px solid rgba(255,255,255,.06);padding-top:10px}.age-stale-header{font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.3px;display:block;margin-bottom:6px}.age-stale-row{display:flex;flex-direction:column;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.03)}.age-stale-name{font-size:12px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.age-stale-meta{font-size:10px;color:#ffffff59}.age-stale-more{font-size:11px;color:#ffffff4d;display:block;margin-top:6px;font-style:italic}.storage-quick-actions{display:flex;gap:6px;margin:12px 0;flex-wrap:wrap}.storage-quick-actions .btn-secondary{font-size:11px;padding:6px 12px;background:var(--bg-dark-tertiary);color:#fff9;border-color:#ffffff14}.fm-container{margin-top:12px;background:var(--bg-dark-tertiary);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);overflow:hidden}.fm-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.04)}.fm-search{flex:1;padding:5px 8px;background:var(--bg-dark);border:1px solid rgba(255,255,255,.08);border-radius:4px;color:#fff;font-size:12px;font-family:var(--font);outline:none}.fm-search:focus{border-color:var(--blue)}.fm-search::placeholder{color:#ffffff40}.fm-filter-select{padding:5px 8px;background:var(--bg-dark);border:1px solid rgba(255,255,255,.08);border-radius:4px;color:#ffffffb3;font-size:11px;font-family:var(--font);cursor:pointer;outline:none}.fm-filter-select option{background:var(--bg-dark)}.fm-count{font-size:11px;color:#ffffff4d;white-space:nowrap}.fm-bulk-bar{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#1a7cdf14;border-bottom:1px solid rgba(26,124,223,.2)}.fm-bulk-count{font-size:11px;font-weight:600;color:var(--blue);margin-right:4px}.fm-bulk-btn{font-size:10px!important;padding:3px 8px!important;background:var(--bg-dark)!important;color:#fff9!important;border-color:#ffffff14!important}.fm-table-wrap{max-height:400px;overflow-y:auto}.fm-table{width:100%;border-collapse:collapse;font-size:11px}.fm-th{text-align:left;padding:6px 10px;font-size:10px;font-weight:700;color:#ffffff59;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap;-webkit-user-select:none;user-select:none}.fm-th:hover{color:#fff9}.fm-th-check{width:30px}.fm-row{transition:background .1s}.fm-row:hover{background:#ffffff08}.fm-row.selected{background:#1a7cdf0f}.fm-td{padding:5px 10px;border-bottom:1px solid rgba(255,255,255,.02);color:#fff9}.fm-td-check{width:30px}.fm-td-name{color:#ffffffd9;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fm-td-project{color:#fff6}.fm-td-size{font-family:var(--font-mono);font-size:10px;white-space:nowrap}.fm-td-date{white-space:nowrap;color:#ffffff4d}.storage-actions{display:flex;flex-direction:column;gap:6px;margin-top:8px}.storage-action{display:flex!important;align-items:center;gap:8px;width:100%;justify-content:flex-start!important;text-align:left;font-size:12px!important;padding:10px 12px!important;background:var(--bg-dark)!important;color:#ffffffb3!important;border-color:#ffffff14!important}.storage-action:hover{background:#ffffff0f!important;color:#fff!important}.danger-action{border-color:#ef444433!important}.danger-action:hover{background:#ef444414!important;color:#ef4444!important}.storage-suggestion-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#f59e0b26;color:#f59e0b;border-radius:50%;font-size:10px;font-weight:700;flex-shrink:0}.admin-tabs{display:flex;gap:2px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}.admin-tab{padding:10px 16px;background:none;border:none;border-bottom:2px solid transparent;color:#fff6;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font);transition:color .15s,border-color .15s}.admin-tab:hover{color:#ffffffb3}.admin-tab.active{color:var(--blue);border-bottom-color:var(--blue)}.admin-style-card{padding:16px;background:var(--bg-dark-tertiary);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);margin-bottom:8px}.admin-style-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.admin-style-logo{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);border-radius:8px;overflow:hidden}.admin-style-actions{display:flex;align-items:center;gap:8px;margin-bottom:12px}.admin-style-actions .btn-secondary{background:var(--bg-dark);color:#ffffffb3;border-color:#ffffff1a;font-size:12px;padding:6px 12px}.admin-style-preview{padding-top:10px;border-top:1px solid rgba(255,255,255,.04)}.admin-style-preview-label{display:block;font-size:10px;color:#ffffff4d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.admin-style-preview-sidebar{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-dark);border-radius:5px;font-size:12px;font-weight:600;color:#fffc;width:fit-content}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:none;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:#ffffff4d;cursor:pointer;transition:all .15s}.view-toggle-btn:hover{color:#fff9;border-color:#ffffff26}.view-toggle-btn.active{color:var(--blue);border-color:var(--blue);background:#1a7cdf1a}.stack-toggle-btn{padding:4px 10px;font-size:10px;font-weight:600;font-family:var(--font);background:none;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:#fff6;cursor:pointer;transition:all .15s;white-space:nowrap}.stack-toggle-btn:hover{color:#ffffffb3;border-color:#ffffff26}.stack-toggle-btn.active{color:var(--blue);border-color:var(--blue);background:#1a7cdf14}.file-list{display:flex;flex-direction:column;gap:2px}.list-row{display:grid;grid-template-columns:auto 48px 1fr 160px 80px 50px auto;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s;border:1px solid transparent!important}.list-row:hover{background:#ffffff0a;border-color:#ffffff14!important}.list-thumb{width:48px;height:32px;border-radius:4px;overflow:hidden;flex-shrink:0;background:var(--bg-dark)}.aspect-9-16 .list-thumb{width:28px;height:48px}.aspect-4-5 .list-thumb{width:36px;height:44px}.aspect-1-1 .list-thumb{width:40px;height:40px}.list-thumb img,.list-thumb>div{width:100%;height:100%}.list-thumb .video-thumb-img{object-fit:cover}.list-thumb .video-thumb-placeholder svg{width:16px;height:16px}.list-info{flex:1;min-width:0}.list-name{display:block;font-size:13px;font-weight:500;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.list-name:hover{white-space:normal;word-break:break-all;color:#fff}.list-meta{font-size:11px;color:#ffffff4d}.list-status{font-size:10px;font-weight:700;letter-spacing:.5px;white-space:nowrap;text-align:right}.list-badge{font-size:10px;color:var(--green);background:#22c55e1a;padding:2px 6px;border-radius:3px;white-space:nowrap;text-align:center;min-width:40px}.list-badge.empty-badge{background:none;color:transparent}.list-actions{display:flex;gap:2px;opacity:0;transition:opacity .15s;flex-shrink:0}.list-row:hover .list-actions{opacity:1}.list-actions .btn-icon-sm{color:#fff6}.list-actions .btn-icon-sm:hover{color:#fff;background:#ffffff14}.list-actions .btn-icon-sm.danger:hover{color:var(--error)}.upload-card{pointer-events:none;opacity:.85}.upload-circle-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.upload-circle{position:absolute}.upload-circle-text{font-size:13px;font-weight:700;font-family:var(--font-mono);color:#fff9;display:flex;align-items:center;justify-content:center}.upload-meta{color:var(--blue)!important}.file-select-check{position:absolute;top:6px;left:6px;width:18px;height:18px;border-radius:4px;border:2px solid rgba(255,255,255,.3);background:#0006;cursor:pointer;z-index:7;opacity:0;transition:opacity .15s,border-color .15s,background .15s;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.file-select-check.visible,.file-card:hover .file-select-check,.list-row:hover .file-select-check{opacity:1}.file-select-check.checked{opacity:1;background:var(--blue);border-color:var(--blue)}.file-select-check.checked:after{content:"";position:absolute;top:2px;left:4.5px;width:5px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.file-select-check.list-select{position:relative;top:auto;left:auto;flex-shrink:0}.file-card.selected{border-color:var(--blue)!important;box-shadow:0 0 0 1px var(--blue)}.list-row.selected{background:#1a7cdf14!important;border-color:var(--blue)!important}.bulk-action-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-dark);border:1px solid var(--blue);border-radius:var(--radius-sm);margin-bottom:12px}.bulk-count{font-size:12px;font-weight:600;color:var(--blue);margin-right:4px}.bulk-btn{font-size:11px!important;padding:4px 10px!important;gap:4px!important;background:var(--bg-dark-tertiary)!important;color:#ffffffb3!important;border-color:#ffffff1a!important}.bulk-btn:hover{background:#ffffff14!important;color:#fff!important}.dark-card .file-info{background:var(--bg-dark-tertiary);position:relative}.dark-card .file-name{color:#e8e8e8}.dark-card .file-meta{color:#888}.video-thumb-img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.video-thumb-img{width:100%;height:auto;display:block}.video-card:hover .video-thumb-img{transform:scale(1.05)}.video-thumb-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.video-card .file-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;transition:background .2s;pointer-events:none;z-index:1}.video-card:hover .file-thumb:after{background:#00000040}.search-bar{display:flex;align-items:center;gap:6px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;transition:border-color .15s;width:220px}.search-bar:focus-within{border-color:var(--blue)}.search-icon{flex-shrink:0;color:var(--text-tertiary)}.search-input{border:none;background:none;font-size:13px;font-family:var(--font);color:var(--text-primary);padding:7px 0;outline:none;width:100%}.search-input::placeholder{color:var(--text-muted)}.search-clear{background:none;border:none;cursor:pointer;color:var(--text-tertiary);display:flex;padding:2px;border-radius:3px}.search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.search-results-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 12px;font-size:13px;color:var(--text-secondary)}.upload-btn{padding:8px 16px}.btn-sm-pad{padding:6px 14px;font-size:13px}.inline-dialog{padding:10px 20px;background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.inline-form{display:flex;align-items:center;gap:8px}.inline-input{padding:7px 10px;font-size:13px;font-family:var(--font);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;color:var(--text-primary);width:260px}.inline-input:focus{border-color:var(--blue)}.context-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.context-menu{position:fixed;min-width:180px;padding:4px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.12);background:var(--bg-dark-secondary);box-shadow:0 8px 24px #0006;z-index:1001}.context-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:none;color:#fffc;font-size:13px;font-family:var(--font);cursor:pointer;border-radius:var(--radius-sm);transition:background .1s}.context-menu-item:hover{background:#ffffff14;color:#fff}.context-menu-item.danger{color:var(--error)}.context-menu-item.danger:hover{background:#ef44441f;color:#f87171}.inline-rename-form{display:flex;width:100%}.inline-rename-input{width:100%;padding:3px 6px;font-size:13px;font-family:var(--font);font-weight:600;background:var(--bg-dark-tertiary);border:1px solid var(--blue);border-radius:4px;color:#fff;outline:none}.upload-progress-panel{background:var(--bg-primary);border-bottom:1px solid var(--border);padding:12px 20px}.upload-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.upload-progress-title{font-size:13px;font-weight:600;color:var(--text-primary)}.upload-progress-item{margin-bottom:6px}.upload-progress-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.upload-file-name{font-size:12px;font-weight:500;color:var(--text-primary);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-status{font-size:11px;color:var(--text-tertiary)}.upload-status.done{color:var(--green)}.upload-status.error{color:var(--error)}.upload-progress-bar{height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.upload-progress-fill{height:100%;background:var(--blue);border-radius:2px;transition:width .3s ease}.upload-progress-fill.complete{background:var(--green)}.upload-progress-fill.error{background:var(--error)}.download-toast{position:fixed;bottom:20px;right:20px;background:var(--bg-dark);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:10px 14px;min-width:280px;box-shadow:var(--shadow-lg);z-index:100}.download-toast-info{display:flex;align-items:center;gap:8px;color:#ffffffb3;font-size:12px;margin-bottom:6px}.download-toast-info svg{flex-shrink:0;color:var(--blue)}.download-toast-pct{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:#fff6}.download-toast-bar{height:3px;background:#ffffff0f;border-radius:2px;overflow:hidden}.download-toast-fill{height:100%;border-radius:2px;transition:width .3s ease}.drag-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a7cdf0f;border:3px dashed var(--blue);border-radius:var(--radius-md);z-index:20;display:flex;align-items:center;justify-content:center;pointer-events:none}.drag-overlay-content{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--blue);font-size:16px;font-weight:600}.drag-overlay-content .hint{font-size:13px;color:var(--text-tertiary);font-weight:400}.section-label{font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px;margin-top:4px}.browser-content{flex:1;padding:20px 24px;overflow-y:auto}.loading-bar{height:3px;background:var(--bg-tertiary);border-radius:2px;margin-bottom:16px;overflow:hidden}.loading-bar-inner{height:100%;width:40%;background:var(--blue);border-radius:2px;animation:loading-slide 1s ease-in-out infinite}@keyframes loading-slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,200px));gap:16px;margin-bottom:24px}.file-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s;text-align:left;font-family:var(--font)}.file-card:hover{border-color:var(--blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.file-thumb{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:80px;background:var(--bg-dark)}.video-thumb{background:linear-gradient(135deg,#1a1f2e,#0d1117)}.video-thumb-icon{opacity:.6;transition:opacity .2s,transform .2s}.video-card:hover .video-thumb-icon{opacity:1;transform:scale(1.1)}.folder-thumb{background:var(--bg-tertiary)}.folder-card:hover .folder-thumb{background:var(--bg-hover)}.folder-thumb.has-thumb{background:var(--bg-dark-tertiary);overflow:hidden}.folder-thumb-img{width:100%;height:100%;object-fit:contain;padding:12px;transition:transform .2s;transform:scale(var(--thumb-zoom, 1))}.folder-card:hover .folder-thumb-img{transform:scale(calc(var(--thumb-zoom, 1) * 1.05))}.folder-thumb-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.thumb-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.thumb-preview-modal{background:var(--bg-dark);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);max-width:700px;width:90%;overflow:hidden;box-shadow:0 20px 60px #00000080}.thumb-preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.thumb-preview-header h3{font-size:14px;font-weight:600;color:#fff}.thumb-preview-body{display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-dark-secondary);min-height:300px}.thumb-preview-canvas{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:280px;max-height:400px}.thumb-preview-img{max-width:100%;max-height:380px;object-fit:contain;border-radius:var(--radius-sm)}.thumb-preview-controls{display:flex;align-items:center;gap:8px;padding:8px 20px;background:var(--bg-dark);border-top:1px solid rgba(255,255,255,.04)}.thumb-zoom{display:flex;align-items:center;gap:4px}.thumb-zoom .btn-icon-sm{color:#ffffff80;width:28px;height:28px}.thumb-zoom .btn-icon-sm:hover{color:#fff;background:#ffffff14}.thumb-zoom-label{font-size:11px;font-family:var(--font-mono);color:#fff6;min-width:40px;text-align:center}.thumb-bg-picker{display:flex;align-items:center;gap:5px;margin-left:auto}.thumb-bg-label{font-size:10px;color:#ffffff59;margin-right:2px}.thumb-bg-swatch{width:20px;height:20px;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:border-color .15s,transform .1s;box-shadow:inset 0 0 0 1px #ffffff1a}.thumb-bg-swatch:hover{transform:scale(1.15)}.thumb-bg-swatch.active{border-color:var(--blue);transform:scale(1.1)}.thumb-bg-custom{width:20px;height:20px;border:none;border-radius:4px;cursor:pointer;background:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.thumb-bg-custom::-webkit-color-swatch-wrapper{padding:0}.thumb-bg-custom::-webkit-color-swatch{border:1px solid rgba(255,255,255,.2);border-radius:4px}.thumb-pending-label{font-size:11px;color:var(--green)}.thumb-card-preview{padding:12px 20px 16px;background:var(--bg-dark);border-top:1px solid rgba(255,255,255,.04)}.thumb-card-preview-label{display:block;font-size:10px;font-weight:700;color:#ffffff4d;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px}.thumb-card-mockup{width:180px;background:var(--bg-dark-tertiary);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);overflow:hidden}.thumb-card-mockup-img{height:100px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-dark-tertiary)}.thumb-card-mockup-img img{width:100%;height:100%;object-fit:contain;padding:8px}.thumb-card-mockup-name{padding:6px 10px;font-size:11px;font-weight:600;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb-preview-footer{display:flex;align-items:center;gap:8px;padding:14px 20px;border-top:1px solid rgba(255,255,255,.06)}.thumb-preview-footer .btn-secondary{background:var(--bg-dark-tertiary);color:#ffffffb3;border-color:#ffffff1a}.thumb-preview-footer .btn-secondary:hover{background:#ffffff1a;color:#fff}.thumb-preview-footer .btn-primary:disabled{opacity:.4;cursor:not-allowed}.review-badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:3px;background:#0009;padding:4px 7px;border-radius:5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.review-badge .badge-count{font-size:10px;font-weight:700;color:#f59e0b}.notes-badge{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;gap:4px;background:#000000b3;padding:3px 7px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;pointer-events:none}.version-info-bottom{position:absolute;bottom:6px;right:6px;display:flex;flex-direction:column;align-items:flex-end;gap:3px;z-index:5;pointer-events:none}.version-count-badge{font-size:10px;font-weight:700;color:#fff;background:#000000b3;padding:3px 8px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.version-current-badge{font-size:10px;font-weight:700;color:#22c55e;background:#000000b3;padding:3px 8px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.version-badge{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff6;font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;pointer-events:none;text-decoration:line-through;opacity:.7}.version-badge.latest{background:#22c55ecc;color:#fff;font-size:10px;padding:3px 8px;border-radius:4px;text-decoration:none;opacity:1}.version-badge.latest:after{content:" LATEST";font-size:8px;letter-spacing:.5px}.list-badge.latest{background:#1a7cdf26;color:var(--blue)}.list-badge.old-ver{background:#ffffff0d;color:#ffffff59;text-decoration:line-through}.list-badge.latest{background:#22c55e26!important;color:#22c55e!important;font-weight:700}.old-version-row{opacity:.65}.old-version-row:hover{opacity:.9}.old-version-row .list-name{color:#ffffff8c}.stacked-wrapper{position:relative;margin-bottom:16px;margin-right:12px;cursor:pointer}.stacked-wrapper>.file-card{position:relative;z-index:3}.stack-card-behind{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);border:2px solid rgba(255,255,255,.18);background:#2a3148;box-shadow:0 2px 8px #0000004d}.stack-card-1{z-index:2;transform:rotate(2.5deg) translate(6px,5px)}.stack-card-2{z-index:1;transform:rotate(5deg) translate(12px,8px);border-color:#ffffff1f;background:#232840}.stack-expanded{display:flex;flex-direction:column;gap:8px;padding:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg)}.stack-expanded .stack-hero-label{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;font-size:11px;color:#ffffff80;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stack-expanded .stack-hero-label .stack-collapse-btn{background:none;border:none;color:var(--blue);cursor:pointer;font-size:11px;font-weight:600;padding:2px 6px}.stack-expanded .stack-hero-label .stack-collapse-btn:hover{text-decoration:underline}.stack-expanded>.file-card{margin:0!important}.stack-older-versions{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;padding:4px 0}.stack-older-versions .file-card{opacity:.75;transform:scale(.95);transition:opacity .15s,transform .15s}.stack-older-versions .file-card:hover{opacity:1;transform:scale(1)}.stack-older-version-label{position:absolute;top:6px;left:6px;z-index:5;font-size:10px;font-weight:700;background:#000000b3;color:#ffffffe6;padding:2px 6px;border-radius:4px}.list-check-col{display:flex;align-items:center;gap:2px}.list-version-toggle{display:flex;align-items:center;justify-content:center;width:14px;height:14px;background:none;border:none;color:#ffffff4d;cursor:pointer;padding:0;flex-shrink:0}.list-version-toggle:hover{color:#fff9}.list-version-inline{color:var(--blue);font-weight:600}.version-sub-row{padding-left:28px!important}.version-sub-indent{width:16px;flex-shrink:0}.file-card:has(.version-badge:not(.latest)){opacity:.6}.file-card:has(.version-badge:not(.latest)):hover{opacity:.85}.version-switcher{display:flex;align-items:center;gap:8px;padding:4px 10px;background:var(--bg-dark-tertiary);border-radius:var(--radius-sm);flex-shrink:0}.version-label{font-size:11px;font-weight:600;color:#ffffff80;white-space:nowrap}.version-dots{display:flex;gap:3px}.version-dot-btn{padding:2px 6px;font-size:10px;font-weight:700;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:3px;color:#fff6;cursor:pointer;font-family:var(--font);transition:all .15s}.version-dot-btn:hover{background:#ffffff1a;color:#fff}.version-dot-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}.version-dot-btn.is-latest{border-color:#22c55e4d}.version-dot-btn.is-latest.active{background:#22c55e;border-color:#22c55e}.notes-badge span{font-size:10px;font-weight:700;color:#f59e0b}.file-hover-actions{position:absolute;top:8px;left:8px;display:flex;gap:4px;opacity:0;transition:opacity .15s;z-index:6}.file-card:hover .file-hover-actions{opacity:1}.file-action-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#0009;border:none;border-radius:6px;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s}.file-action-btn:hover{background:#1a7cdfd9}.file-action-btn.danger:hover{background:#ef4444d9}.file-info{padding:6px 8px}.file-name{display:block;font-size:11px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{display:block;font-size:10px;color:var(--text-tertiary);margin-top:2px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:12px;color:var(--text-tertiary)}.review-layout{display:flex;flex-direction:column;height:100%;background:var(--bg-dark);color:var(--text-light)}.review-header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--bg-dark-secondary);border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.review-header .btn-icon{color:var(--text-light)}.review-header .btn-icon:hover{background:var(--bg-dark-tertiary)}.review-title{font-size:15px;font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-header-actions{display:flex;align-items:center;gap:10px}.review-header .btn-secondary{background:var(--bg-dark-tertiary);color:var(--text-light);border-color:#ffffff1f}.review-header .btn-secondary:hover{background:#ffffff1f}.btn-approve{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font);transition:background .15s}.btn-approve:hover{background:#22c55e40}.save-status{font-size:12px;padding:4px 10px;border-radius:4px}.save-status.saving{color:var(--warning)}.save-status.saved{color:var(--green)}.revert-alert{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#f59e0b1a;border-bottom:2px solid #F59E0B;flex-shrink:0}.revert-alert-icon{flex-shrink:0}.revert-alert-text{flex:1;display:flex;flex-direction:column;gap:2px}.revert-alert-text strong{font-size:12px;color:#f59e0b}.revert-alert-text span{font-size:11px;color:#ffffff80}.revert-alert-close{background:none;border:none;color:#ffffff4d;cursor:pointer;padding:4px}.revert-alert-close:hover{color:#fff}.review-body{flex:1;display:flex;min-height:0}.player-section{flex:1;display:flex;flex-direction:column;min-width:0}.video-container{flex:1;position:relative;background:#000;display:flex;align-items:center;justify-content:center;min-height:0}.video-container video{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;cursor:pointer}.drawing-display{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.drawing-display img{width:100%;height:100%;object-fit:contain}.player-controls{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--bg-dark-secondary);flex-shrink:0}.play-btn{color:var(--text-light)!important;width:40px;height:40px}.play-btn:hover{background:var(--bg-dark-tertiary)!important}.timeline{flex:1;position:relative;height:24px;display:flex;align-items:center}.timeline-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-dark-tertiary);border-radius:3px;outline:none;cursor:pointer}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--blue);border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 1px 4px #0000004d}.timeline-markers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.timeline-marker{position:absolute;top:50%;width:14px;height:14px;transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer;transition:transform .15s,filter .15s;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.timeline-marker svg{width:14px;height:14px;border-radius:3px}.timeline-marker:hover{transform:translate(-50%,-50%) scale(1.4);filter:drop-shadow(0 1px 4px rgba(26,124,223,.6))}.timecode-display{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);white-space:nowrap;min-width:120px;text-align:right}.note-input-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-dark-secondary);border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.note-timecode-badge{font-family:var(--font-mono);font-size:11px;background:var(--blue);color:#fff;padding:4px 8px;border-radius:4px;white-space:nowrap;font-weight:600}.note-input{flex:1;padding:8px 12px;font-size:13px;font-family:var(--font);background:var(--bg-dark-tertiary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text-light);outline:none}.note-input:focus{border-color:var(--blue)}.note-input::placeholder{color:#ffffff4d}.draw-btn{color:var(--text-muted)!important}.draw-btn.active{color:var(--blue)!important;background:var(--bg-dark-tertiary)!important}.note-input-bar.drawing-active{background:#1a7cdf26;border-top:1px solid rgba(26,124,223,.3)}.note-input-bar.drawing-active .note-input{background:#ffffffe6;color:var(--bg-dark);border-color:var(--blue)}.note-input-bar.drawing-active .note-input::placeholder{color:#0006}.note-input-bar.hidden{display:none}.drawing-attached{font-size:11px;color:var(--green)}.add-note-btn{padding:8px 16px;font-size:13px}.notes-panel{width:340px;background:var(--bg-dark-secondary);border-left:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;flex-shrink:0;scrollbar-gutter:stable}.notes-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.notes-header h2{font-size:14px;font-weight:700}.note-count{font-size:11px;color:var(--text-muted);background:var(--bg-dark-tertiary);padding:2px 8px;border-radius:10px}.notes-hint-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:11px;color:#ffffff4d;border-bottom:1px solid rgba(255,255,255,.04)}.notes-hint-bar .hint-check{pointer-events:none;border-color:#ffffff4d}.activity-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:6px 16px;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.04);color:#ffffff59;font-size:10px;font-weight:600;letter-spacing:.3px;cursor:pointer;font-family:var(--font);transition:color .15s}.activity-toggle:hover{color:#fff9}.activity-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.activity-popup{background:var(--bg-dark);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);max-width:500px;width:90%;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.activity-popup-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.activity-popup-header h3{font-size:14px;font-weight:600;color:#fff}.activity-popup-list{padding:12px 18px;overflow-y:auto;flex:1}.status-timeline{padding:8px 16px 4px}.timeline-entry{display:flex;gap:8px;padding:4px 0;align-items:flex-start}.timeline-dot{width:6px;height:6px;border-radius:50%;background:#fff3;margin-top:5px;flex-shrink:0}.timeline-content{display:flex;flex-direction:column;gap:1px;min-width:0}.timeline-text{font-size:10px;color:#fff6;line-height:1.4}.timeline-text strong{color:#fff9;font-weight:600}.timeline-status{font-weight:700;font-size:9px;letter-spacing:.3px}.timeline-time{font-size:9px;color:#fff3}.notes-list{flex:1;overflow-y:auto;padding:8px}.notes-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:8px;color:var(--text-muted);text-align:center}.notes-empty .hint{font-size:12px}.note-card{background:var(--bg-dark-tertiary);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:6px;cursor:pointer;transition:border-color .15s,background .15s}.note-card.resolved{opacity:.5;border-color:#22c55e26}.note-card.resolved .note-text{text-decoration:line-through;text-decoration-color:#fff3}.note-card:hover{border-color:#ffffff26}.note-card.active{border-color:var(--blue);background:#1a7cdf1a}.note-card-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.note-check{width:14px;height:14px;border-radius:3px;border:1.5px solid rgba(255,255,255,.2);background:none;cursor:pointer;flex-shrink:0;transition:all .15s;padding:0;position:relative}.note-check:hover{border-color:#fff6}.note-check.checked{background:#22c55e;border-color:#22c55e}.note-check.checked:after{content:"";position:absolute;top:1px;left:3.5px;width:4px;height:7px;border:solid white;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.note-check.reply-check{width:12px;height:12px;border-radius:2px}.note-check.reply-check.checked:after{top:.5px;left:3px;width:3px;height:6px;border-width:0 1.5px 1.5px 0}.auto-addressed-label{display:block;font-size:9px;color:#22c55e99;font-style:italic;margin-bottom:2px}.auto-addressed-label.small{font-size:8px;margin-bottom:1px}.note-text.addressed,.note-reply-text.addressed{opacity:.5}.reply-addressed{opacity:.6}.note-card.fully-addressed{border-color:#22c55e4d;background:#22c55e0a}.note-card.fully-addressed .note-text{opacity:.5}.notes-header-meta{display:flex;align-items:center;gap:8px}.note-resolved-count{font-size:11px;font-weight:600}.note-timecode{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--blue);background:#1a7cdf26;border:none;padding:2px 6px;border-radius:3px;cursor:pointer}.note-timecode:hover{background:#1a7cdf40}.note-author{font-size:11px;font-weight:600;color:var(--text-muted);flex:1}.note-actions{display:flex;gap:2px;opacity:0;transition:opacity .15s}.note-card:hover .note-actions{opacity:1}.note-actions .btn-icon-sm{color:#fff6}.note-actions .btn-icon-sm:hover{background:#ffffff1a;color:#fff}.note-actions .btn-icon-sm.danger:hover{color:var(--error)}.note-text{font-size:13px;color:#ffffffd9;line-height:1.5}.note-edit{display:flex;flex-direction:column;gap:6px}.note-edit-input{width:100%;padding:6px 8px;font-size:13px;font-family:var(--font);background:var(--bg-dark);border:1px solid var(--blue);border-radius:4px;color:var(--text-light);outline:none}.note-edit-actions{display:flex;gap:6px}.note-drawing-indicator{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:10px;color:#ffffff59;font-style:italic}.note-drawing-indicator svg{color:var(--blue);opacity:.6}.note-replies{margin-top:8px;padding-left:12px;border-left:2px solid rgba(26,124,223,.3)}.note-reply{padding:6px 0}.note-reply+.note-reply{border-top:1px solid rgba(255,255,255,.04)}.note-reply-header{display:flex;align-items:center;gap:6px;margin-bottom:3px}.note-reply-author{font-size:11px;font-weight:600;color:var(--blue)}.note-reply-time{font-size:10px;color:#ffffff4d;flex:1}.note-reply-header .btn-icon-sm{opacity:0;transition:opacity .15s;width:18px;height:18px}.note-reply:hover .note-reply-header .btn-icon-sm{opacity:1}.note-reply-text{font-size:12px;color:#ffffffb3;line-height:1.4}.note-reply-btn{margin-top:6px;background:none;border:none;color:#ffffff59;font-size:11px;font-family:var(--font);cursor:pointer;padding:2px 0;transition:color .15s}.note-reply-btn:hover{color:var(--blue)}.note-reply-form{margin-top:8px;display:flex;align-items:center;gap:6px}.note-reply-input{flex:1;padding:5px 8px;font-size:12px;font-family:var(--font);background:var(--bg-dark);border:1px solid rgba(255,255,255,.12);border-radius:4px;color:var(--text-light);outline:none}.note-reply-input:focus{border-color:var(--blue)}.note-reply-form .btn-sm{padding:4px 8px;font-size:11px}.marker-tooltip{position:fixed;transform:translate(-50%) translateY(-100%);margin-top:-10px;background:#181d27f2;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:10px 14px;min-width:200px;max-width:300px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;pointer-events:none}.marker-tooltip-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.marker-tooltip-time{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--blue);background:#1a7cdf26;padding:2px 6px;border-radius:3px}.marker-tooltip-author{font-size:11px;font-weight:600;color:#fff9}.marker-tooltip-text{font-size:13px;color:#ffffffe6;line-height:1.4;margin:0}.marker-tooltip-replies{display:block;margin-top:6px;font-size:10px;color:#fff6}.drawing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.drawing-canvas{width:100%;height:100%;cursor:crosshair}.drawing-toolbar{position:absolute;bottom:60px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#181d27f2;padding:8px 12px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.drawing-tools{display:flex;gap:2px}.tool-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:5px;color:#ffffff80;cursor:pointer;transition:all .12s}.tool-btn:hover{color:#fff;background:#ffffff14}.tool-btn.active{color:var(--blue);border-color:var(--blue);background:#1a7cdf1f}.drawing-divider{width:1px;height:20px;background:#ffffff1a}.drawing-btn{font-size:11px!important;padding:5px 10px!important}.drawing-delete-btn{color:#ef4444!important;border-color:#ef44444d!important}.drawing-delete-btn:hover{background:#ef444426!important}.drawing-note-bar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#181d27f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.08)}.drawing-tc-badge{font-family:var(--font-mono);font-size:11px;background:var(--blue);color:#fff;padding:4px 8px;border-radius:4px;white-space:nowrap;font-weight:600}.drawing-note-input{flex:1;padding:7px 10px;font-size:13px;font-family:var(--font);background:#ffffffeb;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);color:#181d27;outline:none}.drawing-note-input:focus{border-color:var(--blue)}.drawing-note-input::placeholder{color:#0006}.drawing-submit{padding:7px 16px;font-size:13px}.drawing-colors{display:flex;gap:4px}.color-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .15s,transform .1s}.color-swatch.active{border-color:#fff;transform:scale(1.15)}.color-swatch:hover{transform:scale(1.1)}.drawing-sizes{display:flex;gap:4px}.size-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:4px;cursor:pointer}.size-btn.active{border-color:#ffffff4d;background:#ffffff1a}.size-dot{display:block;border-radius:50%;background:#fff}.drawing-toolbar .btn-primary{padding:6px 14px}.drawing-toolbar .btn-secondary{padding:6px 14px;background:#ffffff1a;color:#fff;border-color:#ffffff26}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}.notes-list::-webkit-scrollbar-thumb{background:#ffffff1a}.notes-list::-webkit-scrollbar-thumb:hover{background:#fff3}@media(max-width:1024px){.sidebar{width:220px}.notes-panel{width:300px}.filter-bar{flex-wrap:wrap;gap:6px}.list-row{grid-template-columns:auto 40px 1fr 120px 70px 45px auto}}@media(max-width:900px){.sidebar{width:200px}.notes-panel{width:280px}.list-row{grid-template-columns:auto 40px 1fr 100px auto}.list-status{font-size:9px}}@media(max-width:700px){.browser-layout{flex-direction:column}.sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border)}.sidebar-tree{display:none}.sidebar-actions{flex-direction:row}.sidebar-footer{display:none}.filter-bar{padding:6px 12px}.review-body{flex-direction:column}.notes-panel{width:100%;height:300px;border-left:none;border-top:1px solid rgba(255,255,255,.06)}.review-header-actions{gap:4px}.review-header-actions .btn-secondary{font-size:11px;padding:6px 8px}.version-switcher{display:none}}.verify-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.verify-modal{background:var(--bg-dark);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:32px;max-width:420px;width:90%;text-align:center;box-shadow:0 20px 60px #00000080}.verify-icon{margin-bottom:16px}.verify-modal h2{font-size:18px;color:#fff;margin-bottom:8px}.verify-filename{font-size:13px;color:#ffffff80;font-family:var(--font-mono);margin-bottom:12px;word-break:break-all}.verify-desc{font-size:13px;color:#fff9;margin-bottom:16px}.verify-final-check{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#d4af3714;border:1px solid rgba(212,175,55,.2);border-radius:var(--radius-sm);cursor:pointer;text-align:left;margin-bottom:8px}.verify-final-check input{width:16px;height:16px;accent-color:#D4AF37;cursor:pointer}.verify-final-check span{font-size:13px;color:#fffc}.verify-hint{font-size:11px;color:#ffffff4d;margin-bottom:20px;text-align:left}.verify-actions{display:flex;gap:8px;justify-content:flex-end}.verify-actions .btn-secondary{background:var(--bg-dark-tertiary);color:#ffffffb3;border-color:#ffffff1a}.verify-actions .btn-approve{padding:10px 20px}