:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f8fafc;--color-surface:#fff;--color-surface-subtle:#f1f5f9;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-soft:#eff6ff;--color-success:#15803d;--color-success-soft:#f0fdf4;--color-warning:#b45309;--color-warning-soft:#fffbeb;--color-danger:#b91c1c;--color-danger-soft:#fef2f2;--shadow-panel:0 1px 2px #0f172a0a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--sidebar-width:232px;--topbar-height:64px;font-family:Inter,PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--color-text);background:var(--color-bg);font-size:14px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-frame{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.product-mark{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:0 8px 22px;display:flex}.product-mark>span,.auth-brand{border-radius:var(--radius-md);color:#fff;background:#1e293b;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.product-mark strong,.product-mark small,.account-chip strong,.account-chip small,.sidebar-footer strong,.sidebar-footer small{display:block}.product-mark strong{font-size:14px}.product-mark small,.account-chip small,.sidebar-footer small{color:var(--color-text-muted);font-size:11px}.nav-group{margin-top:22px}.nav-group p{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;margin:0 10px 7px;font-size:10px;font-weight:700}.nav-group a{border-radius:var(--radius-md);color:var(--color-text-secondary);margin:2px 0;padding:9px 11px;font-size:13px;font-weight:550;text-decoration:none;display:block}.nav-group a:hover{background:var(--color-surface-subtle);color:var(--color-text)}.nav-group a.active{color:#1e40af;background:var(--color-primary-soft)}.sidebar-footer{border-top:1px solid var(--color-border);align-items:center;gap:9px;margin-top:auto;padding:13px 9px;display:flex}.sidebar-footer strong{font-size:12px}.status-dot{background:var(--color-warning);border-radius:50%;flex:none;width:8px;height:8px}.app-content{min-width:0}.topbar{height:var(--topbar-height);border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;padding:0 30px;display:flex}.environment-badge,.status-tag{border:1px solid var(--color-border);border-radius:999px;align-items:center;font-size:10px;font-weight:750;display:inline-flex}.environment-badge{color:var(--color-primary);background:var(--color-primary-soft);padding:3px 7px}.topbar-note{color:var(--color-text-muted);margin-left:8px;font-size:11px}.account-chip{color:inherit;background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex}.account-chip>span{color:#334155;background:var(--color-surface-subtle);border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.account-chip strong{text-align:right;font-size:12px}.page-content{width:min(1280px,100%);margin:0 auto;padding:32px}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.section-kicker{color:var(--color-primary);letter-spacing:.11em;margin:0 0 5px;font-size:10px;font-weight:750}.page-header h1,.auth-card h1,.public-card h1{letter-spacing:-.025em;margin:0;font-size:26px;line-height:1.25}.page-header>div>p:last-child{max-width:680px;color:var(--color-text-muted);margin:8px 0 0}.page-actions{flex:none}.button{border-radius:var(--radius-md);min-height:36px;padding:0 14px;font-size:12px;font-weight:650}.button.primary{border:1px solid var(--color-primary);color:#fff;background:var(--color-primary)}.button.primary:not(:disabled):hover{background:var(--color-primary-hover)}.button.secondary{border:1px solid var(--color-border-strong);color:var(--color-text-secondary);background:var(--color-surface)}.button.danger{border:1px solid var(--color-danger);color:#fff;background:var(--color-danger)}.button.text{min-height:auto;color:var(--color-primary);background:0 0;border:0}.button.full{width:100%}.button.align-start{justify-self:start}.button:disabled{cursor:not-allowed;opacity:.55}.panel,.metric-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-panel)}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric-card{padding:18px}.metric-card span,.metric-card small{color:var(--color-text-muted);font-size:11px;display:block}.metric-card strong{letter-spacing:-.025em;margin:9px 0 5px;font-size:24px;display:block}.table-panel{overflow:hidden}.table-toolbar{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:12px;padding:14px 16px;display:flex}.search-placeholder{border:1px solid var(--color-border);border-radius:var(--radius-md);color:#94a3b8;background:var(--color-bg);width:min(280px,60%);padding:8px 11px;font-size:12px}.table-head{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-surface-subtle);grid-template-columns:repeat(5,minmax(110px,1fr));gap:16px;padding:10px 16px;font-size:11px;font-weight:650;display:grid}.empty-row{min-height:220px;color:var(--color-text-muted);text-align:center;place-items:center;display:grid}.empty-row strong{color:var(--color-text-secondary)}.empty-row span{margin-top:-80px;font-size:12px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.setting-card{justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.setting-card strong,.policy-card strong{font-size:14px}.setting-card p,.policy-card p{color:var(--color-text-muted);margin:6px 0 0;font-size:12px}.policy-card{min-height:150px;padding:20px}.policy-card strong{margin-top:18px;display:block}.status-tag{padding:4px 8px}.status-tag.neutral{color:var(--color-text-secondary);background:var(--color-surface-subtle)}.status-tag.warning{color:var(--color-warning);background:var(--color-warning-soft);border-color:#fde68a}.auth-page,.public-page{background:var(--color-bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card,.public-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:min(100%,420px);box-shadow:var(--shadow-panel);padding:30px}.auth-brand{margin-bottom:22px}.muted{color:var(--color-text-muted)}.form-stack{gap:14px;margin-top:24px;display:grid}.form-stack label{color:var(--color-text-secondary);gap:7px;font-size:12px;display:grid}.form-stack input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle);height:40px;padding:0 11px}.public-card .button{margin-top:18px}input,select{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);min-height:38px;color:var(--color-text);background:var(--color-surface);padding:0 10px}label>span{color:var(--color-text-secondary);font-size:12px;font-weight:600}.action-row,.row-actions,.modal-actions,.check-row,.inline-form{align-items:center;gap:10px;display:flex}.row-actions{flex-wrap:wrap}.row-actions button,.danger-link{color:var(--color-primary);background:0 0;border:0;padding:0;font-size:12px}.row-actions .danger-link,.danger-link{color:var(--color-danger)}.notice{border-radius:var(--radius-md);border:1px solid;margin:0 0 16px;padding:10px 12px;font-size:12px}.notice.error{color:var(--color-danger);background:var(--color-danger-soft);border-color:#fecaca}.notice.success{color:var(--color-success);background:var(--color-success-soft);border-color:#bbf7d0}.notice.info{color:#1d4ed8;background:var(--color-primary-soft);border-color:#bfdbfe}.upload-progress{border-radius:var(--radius-lg);background:var(--color-primary-soft);border:1px solid #bfdbfe;margin-bottom:18px;padding:15px 18px}.upload-progress>div{justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.upload-progress progress{width:100%;height:8px;accent-color:var(--color-primary)}.data-table{min-width:760px}.data-row{border-bottom:1px solid var(--color-border);min-height:60px;color:var(--color-text-secondary);align-items:center;gap:16px;padding:10px 16px;font-size:12px;display:grid}.data-row:last-child{border-bottom:0}.data-head{min-height:38px;color:var(--color-text-muted);background:var(--color-surface-subtle);font-size:11px;font-weight:700}.files-table .data-row,.shares-table .data-row,.users-table .data-row,.audit-table .data-row{grid-template-columns:minmax(210px,1.5fr) minmax(80px,.6fr) minmax(100px,.7fr) minmax(130px,.9fr) minmax(170px,1fr)}.file-name{min-width:0;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.file-name small,.ip-text{color:var(--color-text-muted);text-overflow:ellipsis;margin-top:3px;font-size:10px;font-weight:400;display:block;overflow:hidden}.empty-state{min-height:210px;color:var(--color-text-muted);text-align:center;place-items:center;display:grid}.empty-state strong{color:var(--color-text-secondary)}.empty-state span{margin-top:-70px}.status-tag.success{color:var(--color-success);background:var(--color-success-soft);border-color:#bbf7d0}.status-tag.danger{color:var(--color-danger);background:var(--color-danger-soft);border-color:#fecaca}.modal-backdrop{z-index:100;background:#0f172a75;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius-lg);background:var(--color-surface);width:min(640px,100%);max-height:calc(100vh - 48px);padding:22px;overflow-y:auto;box-shadow:0 20px 45px #0f172a33}.modal>header,.form-panel>header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.modal h2,.form-panel h2{margin:0;font-size:16px}.icon-button{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-muted);background:var(--color-surface-subtle);border:0;font-size:20px}.modal-actions{justify-content:flex-end;margin-top:6px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid label,.inline-form label,.public-password{gap:7px;display:grid}.form-grid .button{align-self:end}.check-row{flex-wrap:wrap;align-items:flex-start}.check-row label{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.check-row input{min-height:0}.settings-stack{gap:16px;display:grid}.form-panel{padding:20px}.form-panel header p{color:var(--color-text-muted);margin:5px 0 0;font-size:12px}.session-list{display:grid}.session-list>div{border-top:1px solid var(--color-border);grid-template-columns:160px 1fr 220px;gap:14px;padding:11px 0;font-size:11px;display:grid}.session-list span,.session-list small{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.two-factor-setup{grid-template-columns:180px 1fr;gap:24px;display:grid}.two-factor-setup img{border:1px solid var(--color-border);width:180px}.two-factor-setup label{gap:7px;margin:15px 0;display:grid}.recovery-box code{color:var(--color-text);background:var(--color-surface-subtle);white-space:pre-wrap;padding:16px;line-height:1.9;display:block}.loading-page{min-height:100vh;color:var(--color-text-muted);place-items:center;display:grid}.loading-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;background:#fff;padding:40px}.share-meta{border-top:1px solid var(--color-border);margin:22px 0}.share-meta>div{border-bottom:1px solid var(--color-border);justify-content:space-between;padding:10px 0;display:flex}.share-meta dt{color:var(--color-text-muted)}.share-meta dd{margin:0;font-weight:650}.public-password{margin-top:18px}.public-footer{color:var(--color-text-muted);text-align:center;margin-top:24px;display:block}.link-button{place-items:center;text-decoration:none;display:inline-grid}.public-card h1{overflow-wrap:anywhere;margin-top:18px}@media (width<=900px){:root{--sidebar-width:190px}.metric-grid,.card-grid{grid-template-columns:1fr}.table-panel{overflow-x:auto}.table-head{min-width:720px}}@media (width<=680px){.app-frame{display:block}.sidebar{width:100%;height:auto;position:static}.sidebar nav,.sidebar-footer{display:none}.topbar{padding:0 16px}.page-content{padding:22px 16px}.page-header{flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:1fr}.action-row{flex-direction:column;align-items:stretch;width:100%}.modal-backdrop{padding:10px}.session-list>div{grid-template-columns:1fr;gap:3px}.two-factor-setup{grid-template-columns:1fr}}