:root{--bg-main:#f5f7fb;--surface:#fff;--surface-soft:#f8fafc;--ink:#111827;--muted:#64748b;--border:#e2e8f0;--accent:#2563eb;--accent-strong:#1d4ed8;--accent-soft:#dbeafe;--success:#15803d;--shadow:0 18px 45px #0f172a17;--body-bg:radial-gradient(circle at top left,#2563eb24,transparent 34rem),linear-gradient(180deg,#fff 0%,var(--bg-main)42%,#eef2f7 100%);--glass:#ffffffe6;--auth-glass:#ffffffe0;--auth-right-bg:linear-gradient(135deg,#2563eb21,#14b8a621),#eef6ff;--vault-bg:#ffffffd1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg-main:#0f172a;--surface:#172033;--surface-soft:#111827;--ink:#eef2ff;--muted:#a5b4c8;--border:#334155;--accent:#60a5fa;--accent-strong:#93c5fd;--accent-soft:#60a5fa29;--success:#22c55e;--shadow:0 22px 55px #00000057;--body-bg:radial-gradient(circle at top left,#60a5fa33,transparent 32rem),linear-gradient(180deg,#0b1120 0%,var(--bg-main)48%,#020617 100%);--glass:#0f172adb;--auth-glass:#0f172ae6;--auth-right-bg:linear-gradient(135deg,#60a5fa2e,#2dd4bf1f),#111827;--vault-bg:#0f172ad1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{min-height:100%}body{min-height:100%;color:var(--ink);background:var(--body-bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.auth-container{place-items:center;min-height:100vh;padding:32px;display:grid}.auth-card{background:var(--auth-glass);width:min(960px,100%);min-height:560px;box-shadow:var(--shadow);border:1px solid #94a3b847;border-radius:8px;grid-template-columns:1.02fr .98fr;display:grid;overflow:hidden}.auth-left,.auth-right{padding:clamp(28px,5vw,64px)}.auth-left{flex-direction:column;justify-content:center;display:flex}.brand-mark{border:1px solid var(--border);width:48px;height:48px;color:var(--accent);background:var(--surface);border-radius:8px;place-items:center;margin-bottom:28px;font-weight:900;display:grid;box-shadow:0 10px 25px #2563eb1f}.auth-title{letter-spacing:0;margin:0 0 14px;font-size:clamp(40px,7vw,76px);line-height:.95}.auth-text{max-width:440px;color:var(--muted);margin:0 0 32px;line-height:1.65}.connect-btn{color:#fff;background:var(--ink);border:0;border-radius:8px;width:min(100%,260px);min-height:50px;padding:14px 18px;font-size:15px;font-weight:800;transition:transform .16s,background .16s,box-shadow .16s}.connect-btn:hover{background:#020617;transform:translateY(-1px);box-shadow:0 12px 24px #0f172a2e}.connect-btn:active{transform:translateY(0)}.connect-btn:disabled{opacity:.72;transform:none}.auth-footer{color:#94a3b8;max-width:320px;margin-top:18px;font-size:13px;line-height:1.5}.auth-right{background:var(--auth-right-bg);place-items:center;display:grid}.vault-preview{background:var(--vault-bg);border:1px solid #2563eb29;border-radius:8px;gap:16px;width:min(100%,340px);padding:24px;display:grid;box-shadow:0 20px 50px #1e40af21}.vault-topline,.vault-row,.session-card{justify-content:space-between;align-items:center;gap:16px;display:flex}.vault-topline span,.vault-row span,.session-card span,.stat-card span{color:var(--muted);font-size:13px}.vault-topline strong,.vault-row strong,.session-card strong{font-size:14px}.vault-ring{background:radial-gradient(circle,#2563eb29,transparent 62%),var(--surface);border:1px solid #2563eb2e;border-radius:8px;align-content:center;place-items:center;min-height:190px;display:grid}.vault-ring span{font-size:56px;font-weight:900;line-height:1;display:block}.vault-ring small{color:var(--muted);margin-top:8px;font-weight:700}.app-container{width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:32px}.app-header{background:var(--glass);border:1px solid #94a3b847;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:20px 22px;display:flex;box-shadow:0 12px 30px #0f172a0f}.header-actions{align-items:center;gap:12px;display:flex}.theme-toggle{border:1px solid var(--border);min-height:48px;color:var(--ink);background:var(--surface);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:800;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.theme-toggle:before{content:"";background:var(--ink);width:16px;height:16px;box-shadow:inset -5px -3px 0 var(--surface);border-radius:50%}.theme-toggle:hover{border-color:var(--accent);transform:translateY(-1px)}.auth-theme-toggle{z-index:2;position:fixed;top:24px;right:24px}.app-logo{margin:0;font-size:clamp(28px,4vw,42px);line-height:1}.upload-input{border:1px solid var(--accent);color:#fff;background:var(--accent);white-space:nowrap;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 18px;font-weight:800;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex}.upload-input:hover{background:var(--accent-strong);transform:translateY(-1px);box-shadow:0 12px 24px #2563eb38}.upload-input input{display:none}.upload-input.is-disabled{opacity:.72;pointer-events:none}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.stat-card,.app-panel{background:var(--glass);border:1px solid #94a3b847;border-radius:8px}.stat-card{align-content:center;gap:8px;min-height:96px;padding:18px;display:grid}.stat-card strong{font-size:clamp(22px,3vw,30px)}.app-content{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.app-panel{padding:22px;box-shadow:0 12px 28px #0f172a0f}.panel-heading{justify-content:space-between;gap:16px;margin-bottom:18px;display:flex}.panel-heading h2,.security-panel h3,.empty-state h3{margin:0}.file-list{gap:10px;display:grid}.file-item{border:1px solid var(--border);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:12px;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex}.file-item:hover{border-color:#2563eb61;transform:translateY(-1px);box-shadow:0 10px 24px #0f172a0f}.file-primary{align-items:center;gap:12px;min-width:0;display:flex}.file-icon{width:46px;height:46px;color:var(--accent-strong);background:var(--accent-soft);border-radius:8px;flex:0 0 46px;place-items:center;font-size:11px;font-weight:900;display:grid}.file-copy{gap:4px;min-width:0;display:grid}.file-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-copy span{color:var(--muted);font-size:13px}.file-actions{flex:none;align-items:center;gap:8px;display:flex}.file-action-btn{border:1px solid var(--border);width:42px;height:42px;color:var(--accent);background:var(--surface);border-radius:8px;flex:0 0 42px;place-items:center;transition:color .16s,border-color .16s,transform .16s;display:grid}.file-action-btn:hover{border-color:var(--accent);color:var(--accent-strong);transform:translateY(-1px)}.file-action-btn.danger{color:#dc2626}.file-action-btn.danger:hover{color:#b91c1c;border-color:#dc2626}.file-action-btn:disabled{opacity:.56;transform:none}.empty-state{min-height:300px;color:var(--muted);text-align:center;background:var(--surface-soft);border:1px dashed #cbd5e1;border-radius:8px;align-content:center;place-items:center;gap:12px;padding:28px;display:grid}.empty-icon{width:54px;height:54px;color:var(--accent);background:var(--accent-soft);border-radius:8px;place-items:center;font-size:32px;font-weight:300;display:grid}.empty-state p{max-width:360px;margin:0;line-height:1.55}.security-panel{position:sticky;top:24px}.security-panel .auth-text{margin-bottom:22px}.session-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;margin-bottom:16px;padding:14px}.check-list{gap:10px;display:grid}.check-list span{color:var(--ink);padding-left:24px;font-size:14px;position:relative}.check-list span:before{content:"";background:var(--success);border-radius:50%;width:14px;height:14px;position:absolute;top:3px;left:0;box-shadow:inset 0 0 0 4px #dcfce7}:root[data-theme=dark] .connect-btn{color:#020617;background:#f8fafc}:root[data-theme=dark] .connect-btn:hover{background:#e2e8f0}:root[data-theme=dark] .auth-footer{color:#94a3b8}:root[data-theme=dark] .empty-state{border-color:#334155}:root[data-theme=dark] .check-list span:before{box-shadow:inset 0 0 0 4px #22c55e38}@media (max-width:840px){.auth-card,.app-content,.stats-grid{grid-template-columns:1fr}.auth-card{min-height:auto}.auth-right{padding-top:0}.security-panel{position:static}}@media (max-width:560px){.auth-container,.app-container{padding:18px}.app-header,.header-actions{flex-direction:column;align-items:stretch}.theme-toggle,.upload-input{width:100%}.file-item{align-items:flex-start}}