:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#030303;--surface:#0b0d13;--surface-2:#10131a;--surface-3:#151922;--border:#1c212b;--border-soft:#171a22;--text:#f5f6f8;--text-muted:#8b93a3;--text-dim:#5c6473;--primary:#3670e2;--primary-hover:#2f62c9;--primary-glow:#3ab8f5;--danger:#e40014;--success:#00c758;--radius-card:20px;--radius-control:12px;--radius-pill:999px}h1,h3{font-family:Unbounded,Inter,sans-serif}@keyframes spin{to{transform:rotate(360deg)}}*{box-sizing:border-box}:root{--bg:#030303;--surface:#0b0d13;--surface-2:#10131a;--surface-3:#151922;--border:#1c212b;--border-soft:#171a22;--text:#f5f6f8;--text-muted:#8b93a3;--text-dim:#5c6473;--primary:#3670e2;--primary-hover:#2f62c9;--primary-glow:#3ab8f5;--danger:#e40014;--success:#00c758;--radius-card:20px;--radius-control:12px;--radius-pill:999px}html,body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}h1,h3,.brand-word{font-family:Unbounded,Inter,sans-serif}button{font-family:inherit}.center-screen{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.center-screen:before{content:"";pointer-events:none;background:radial-gradient(#3670e238,#0000 70%);width:900px;height:500px;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);flex-direction:column;gap:14px;width:340px;padding:40px 36px;display:flex;position:relative;box-shadow:0 20px 60px #00000080}.brand-logo{align-items:center;gap:10px;display:flex}.brand-logo img{width:26px;height:28px}.brand-logo span{letter-spacing:.02em;font-family:Unbounded,sans-serif;font-size:16px;font-weight:600}.brand-logo .accent{color:var(--primary-glow)}.login-card h1{letter-spacing:-.01em;margin:10px 0 0;font-size:22px;font-weight:700}.login-card .hint{color:var(--text-muted);margin:0 0 6px;font-size:13px;line-height:1.5}.login-card input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--text);outline:none;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.login-card input:focus{border-color:var(--primary)}.error{color:#ff6568;font-size:13px}.primary-btn{background:var(--primary);color:#fff;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.primary-btn:hover:not(:disabled){background:var(--primary-hover)}.primary-btn:active:not(:disabled){transform:scale(.98)}.primary-btn:disabled{opacity:.5;cursor:default}button.secondary,a.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}button.secondary:hover,a.secondary:hover{border-color:var(--primary);background:var(--surface-3)}.danger-btn{color:#ff6568;border-radius:var(--radius-pill);cursor:pointer;background:#e400141f;border:1px solid #e400144d;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.danger-btn:hover{background:#e4001433}.app{max-width:1180px;margin:0 auto;padding:28px 24px 80px}.topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.stats-row{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);align-items:center;gap:14px;padding:16px 20px;display:flex}.stat-icon{width:40px;height:40px;color:var(--primary-glow);background:#3670e21f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-value{font-family:Unbounded,sans-serif;font-size:17px;font-weight:700;line-height:1.3}.stat-label{color:var(--text-muted);font-size:12px}.upload-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.upload-toggle input{opacity:0;width:0;height:0;position:absolute}.upload-toggle:has(input:checked){border-color:var(--primary)}.upload-toggle:has(input:checked) .stat-icon{background:var(--primary);color:#fff}.toolbar{gap:10px;margin-bottom:22px;display:flex}.search-wrap{flex:1;position:relative}.search-icon{color:var(--text-dim);pointer-events:none;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.search{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);width:100%;color:var(--text);outline:none;padding:11px 16px 11px 40px;font-family:inherit;font-size:14px;transition:border-color .15s}.search:focus{border-color:var(--primary)}.file-grid,.grid-loading{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.file-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;color:inherit;border-radius:16px;flex-direction:column;gap:10px;padding:14px;font-family:inherit;transition:border-color .15s,transform .1s,background .15s;display:flex}.file-card:hover{border-color:var(--primary);background:var(--surface-2);transform:translateY(-2px)}.file-card.skeleton{background:linear-gradient(100deg, var(--surface) 30%, var(--surface-3) 50%, var(--surface) 70%);cursor:default;background-size:200% 100%;height:168px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.file-thumb{aspect-ratio:1.3;background:var(--surface-2);border-radius:12px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.file-thumb img{object-fit:cover;width:100%;height:100%}.thumb-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:22px;height:22px;color:var(--text);background:#030303bf;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px}.file-card-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.file-card-meta{color:var(--text-muted);font-size:12px}.empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;padding:70px 0;display:flex}.empty p{color:var(--text);margin:6px 0 0;font-size:15px;font-weight:500}.empty span{color:var(--text-dim);font-size:13px}.pagination{color:var(--text-muted);justify-content:center;align-items:center;gap:18px;margin-top:26px;font-size:13px;display:flex}.pagination button{background:var(--surface);width:34px;height:34px;color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:border-color .15s;display:flex}.pagination button:hover:not(:disabled){border-color:var(--primary)}.pagination button:disabled{opacity:.35;cursor:default}.drag-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;background:#030303d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.drag-overlay-inner{color:var(--primary-glow);border:2px dashed var(--primary);border-radius:var(--radius-card);flex-direction:column;align-items:center;gap:14px;padding:60px 90px;display:flex}.drag-overlay-inner p{color:var(--text);margin:0;font-size:16px;font-weight:600}.upload-queue{z-index:150;flex-direction:column;gap:8px;width:300px;display:flex;position:fixed;bottom:20px;right:20px}.upload-task{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-control);padding:10px 14px;box-shadow:0 10px 30px #0006}.upload-task-name{text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:12.5px;overflow:hidden}.upload-task-bar{border-radius:var(--radius-pill);background:var(--surface-3);height:4px;overflow:hidden}.upload-task-fill{background:linear-gradient(90deg, var(--primary), var(--primary-glow));height:100%;transition:width .1s}.upload-task-status{font-size:12px}.upload-task-status.ok{color:var(--success)}.upload-task-status.err{color:#ff6568}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:300;background:#030303b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);width:360px;max-width:100%;padding:28px;position:relative;box-shadow:0 20px 60px #00000080}.modal-card h3{margin:0 0 8px;font-size:17px}.modal-card p{color:var(--text-muted);margin:0 0 20px;font-size:13px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.modal-close{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;width:30px;height:30px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{color:var(--text);border-color:var(--primary)}.detail-card{width:420px}.detail-preview{aspect-ratio:1.6;border-radius:var(--radius-control);background:var(--surface-2);justify-content:center;align-items:center;width:100%;margin-bottom:16px;display:flex;overflow:hidden}.detail-preview img{object-fit:contain;width:100%;height:100%}.detail-name{word-break:break-word;margin:0 0 10px;font-size:16px}.detail-badges{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.badge{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;display:inline-flex}.detail-list{grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 20px;font-size:13px;display:grid}.detail-list dt{color:var(--text-dim)}.detail-list dd{text-align:right;color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.detail-actions{flex-wrap:wrap;gap:8px;display:flex}.detail-actions>*{flex:1;justify-content:center}.as-link{text-decoration:none}.toast-stack{z-index:400;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;right:20px}.toast{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-control);max-width:320px;padding:12px 18px;font-size:13px;animation:.2s ease-out toast-in;box-shadow:0 10px 30px #0006}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast-success{color:#7bf1a8;border-color:#00c75866}.toast-error{color:#ff6568;border-color:#e4001466}.toast-info{color:var(--text)}.login-tabs{background:var(--surface-2);border-radius:var(--radius-pill);gap:4px;margin:4px 0;padding:4px;display:flex}.login-tabs button{color:var(--text-muted);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;flex:1;padding:8px 10px;font-size:12.5px;font-weight:600;transition:background .15s,color .15s}.login-tabs button.active{background:var(--primary);color:#fff}.login-card form{flex-direction:column;gap:12px;display:flex}.whoami{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:6px 12px;font-size:13px}.tab-nav{border-bottom:1px solid var(--border-soft);gap:6px;margin-bottom:22px;display:flex}.tab-nav button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-right:20px;padding:10px 4px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s}.tab-nav button:hover{color:var(--text)}.tab-nav button.active{color:var(--text);border-bottom-color:var(--primary)}.owner-tag{color:var(--text-dim)}.users-panel{flex-direction:column;gap:22px;display:flex}.create-user-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);flex-wrap:wrap;align-items:center;gap:10px;padding:16px 20px;display:flex}.create-user-form input[type=text],.create-user-form input:not([type=checkbox]){background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--text);outline:none;flex:1;min-width:160px;padding:10px 14px;font-family:inherit;font-size:13.5px}.create-user-form input:focus{border-color:var(--primary)}.checkbox-inline{color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.checkbox-inline input{accent-color:var(--primary)}.users-table{border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);width:100%;font-size:13px;overflow:hidden}.users-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);background:var(--surface-2);padding:14px 16px;font-size:12px;font-weight:500}.users-table td{border-bottom:1px solid var(--border-soft);padding:14px 16px}.users-table tr:last-child td{border-bottom:none}.users-table .filename{font-weight:500}.users-table .muted{color:var(--text-muted)}.users-table .actions{text-align:right}.role-badge{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);align-items:center;padding:3px 10px;font-size:11.5px;display:inline-flex}.role-badge.admin{color:var(--primary-glow);background:#3670e226;border-color:#3670e266}button.link{color:var(--primary-glow);cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:none;padding:4px 8px;font-family:inherit;font-size:13px;transition:background .15s}button.link:hover{background:#3ab8f51a}button.link.danger{color:#ff6568}button.link.danger:hover{background:#e400141a}@media (width<=640px){.stats-row{grid-template-columns:1fr}.toolbar{flex-direction:column}.file-grid,.grid-loading{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.upload-queue{width:auto;left:12px;right:12px}}.dl-page{flex-direction:column;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.dl-bg{pointer-events:none;background:radial-gradient(#3670e238,#0000 70%);width:1000px;height:560px;position:absolute;top:-25%;left:50%;transform:translate(-50%)}.dl-brand{color:inherit;align-items:center;gap:10px;margin:8px 0 40px;text-decoration:none;display:flex;position:relative}.dl-brand img{width:24px;height:26px}.dl-brand span{font-family:Unbounded,sans-serif;font-size:15px;font-weight:600}.dl-brand .accent{color:var(--primary-glow)}.dl-center{flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.dl-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}.dl-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);text-align:center;width:400px;max-width:100%;padding:36px;box-shadow:0 20px 60px #00000080}.dl-preview{aspect-ratio:1.5;border-radius:var(--radius-control);background:var(--surface-2);justify-content:center;align-items:center;width:100%;margin-bottom:20px;display:flex;overflow:hidden}.dl-preview img{object-fit:contain;width:100%;height:100%}.dl-name{word-break:break-word;margin:0 0 8px;font-size:17px;line-height:1.4}.dl-meta-row{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;display:flex}.dl-dot{color:var(--text-dim)}.dl-download-btn{background:var(--primary);color:#fff;border-radius:var(--radius-pill);cursor:pointer;border:none;justify-content:center;align-items:center;gap:9px;width:100%;padding:13px 20px;font-family:Unbounded,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,transform .1s;display:flex}.dl-download-btn:hover:not(:disabled){background:var(--primary-hover)}.dl-download-btn:active:not(:disabled){transform:scale(.98)}.dl-download-btn:disabled{opacity:.7;cursor:default}.dl-download-error{border-radius:var(--radius-control);color:#ff6568;text-align:left;background:#e400141a;border:1px solid #e400144d;margin-top:12px;padding:10px 14px;font-size:12.5px;line-height:1.5}.dl-info-list{border-top:1px solid var(--border-soft);margin:24px 0 0;padding-top:20px}.dl-info-row{justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.dl-info-row dt{color:var(--text-dim)}.dl-info-row dd{color:var(--text-muted);margin:0}.dl-footer{color:var(--text-dim);margin-top:22px;font-size:12px}.dl-footer a{color:var(--primary-glow);text-decoration:none}.dl-footer a:hover{text-decoration:underline}.dl-status-icon{background:var(--surface-2);width:60px;height:60px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;font-family:Unbounded,sans-serif;font-size:18px;font-weight:700;display:flex}.dl-status h1{margin:0 0 8px;font-size:17px}.dl-status p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}