:root{color-scheme:dark;--bg:#071625;--surface:#0b2034;--surface2:#102a43;--line:#254866;--muted:#9eb2c6;--text:#eef7ff;--blue:#1f9cf0;--blue2:#1778c4;--green:#24d49a;--shadow:0 26px 70px rgba(0,0,0,.35)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 70% 0,#123b5d 0,transparent 30%),var(--bg);color:var(--text)}button,input,select{font:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;color:#000;padding:.75rem 1rem}.skip-link:focus{top:1rem}.shell{min-height:100vh}.topbar{height:76px;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(7,22,37,.94);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.brand img{border-radius:12px}.brand span{display:grid;line-height:1}.brand strong{font-size:1.18rem;letter-spacing:.04em}.brand small{font-size:.65rem;letter-spacing:.22em;color:#9fc8e7;margin-top:5px}.connection{margin-left:auto;display:flex;gap:9px;align-items:center;color:var(--muted);font-size:.82rem}.connection i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.account{margin-left:24px;display:flex;align-items:center;gap:16px}.account>span{display:grid;text-align:right}.account small{color:var(--muted);font-size:.72rem}
.button{border:1px solid var(--line);border-radius:9px;padding:.72rem 1rem;font-weight:700;color:var(--text);background:var(--surface2);cursor:pointer;transition:.16s ease}.button:hover{transform:translateY(-1px);border-color:#4e7ba1}.button:disabled{opacity:.55;cursor:wait}.button.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));border-color:#4cb3f6}.button.ghost{background:transparent}.button.wide{width:100%}.eyebrow{margin:0 0 .6rem;color:#5bbdf7;font-weight:800;font-size:.72rem;letter-spacing:.15em}
.login-panel{min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(320px,1fr) minmax(340px,480px);align-items:center;gap:8vw;padding:6vh 9vw}.login-copy{max-width:720px}.login-copy h1{font-size:clamp(2.6rem,5vw,5.4rem);line-height:.97;margin:.25rem 0 1.6rem;letter-spacing:-.04em}.login-copy>p:not(.eyebrow){max-width:650px;font-size:1.1rem;line-height:1.7;color:#b7c8d7}.login-copy ul{display:flex;gap:24px;flex-wrap:wrap;padding:0;margin:2rem 0 0;list-style:none;color:#cbe3f5}.login-copy li:before{content:'✓';color:var(--green);margin-right:8px}.login-card{padding:34px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,rgba(18,48,74,.95),rgba(8,27,44,.96));box-shadow:var(--shadow);display:grid;gap:18px}.login-card .mark{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;font-size:1.7rem;font-weight:900;background:linear-gradient(135deg,#29afff,#0a6cb8)}.login-card h2{margin:0;font-size:1.6rem}.login-card label{display:grid;gap:8px;color:#c9dceb;font-size:.82rem;font-weight:700}.login-card input,.login-card select,.search input{width:100%;border:1px solid var(--line);border-radius:8px;background:#071a2b;color:var(--text);padding:.82rem .9rem;outline:none}.login-card input:focus,.login-card select:focus,.search input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(31,156,240,.15)}.form-message{min-height:1.2rem;margin:0;color:#ff9299;font-size:.85rem}
.vault{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:calc(100vh - 76px)}.sidebar{border-right:1px solid var(--line);background:#081a2b;padding:22px 14px;display:flex;flex-direction:column}.side-heading,.panel-heading{display:flex;align-items:center;justify-content:space-between}.side-heading{padding:0 8px 16px;color:#8eb3d1;font-size:.7rem;font-weight:800;letter-spacing:.12em}.icon-button{border:1px solid var(--line);background:#0c2740;color:#fff;border-radius:7px;width:32px;height:32px;cursor:pointer}.folder-tree{display:grid;gap:3px}.folder{width:100%;border:0;border-radius:7px;background:transparent;color:#cfe2f1;text-align:left;padding:9px 10px;display:flex;gap:8px;align-items:center;cursor:pointer;font-size:.84rem}.folder:hover,.folder.active{background:#123a5c;color:#fff}.folder.active{box-shadow:inset 3px 0 var(--blue)}.folder .caret{width:12px;color:#7398b7}.folder .folder-icon{color:#51baff}.security-note{margin-top:auto;border:1px solid #1d4b6c;border-radius:10px;padding:13px;background:#0d263c;display:grid;gap:5px}.security-note strong{font-size:.78rem}.security-note span{color:var(--muted);font-size:.72rem;line-height:1.45}
.workspace{min-width:0;padding:28px}.workspace-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.workspace-header h1{font-size:2rem;margin:.2rem 0 .35rem}.workspace-header p{margin:0;color:var(--muted)}.breadcrumb{font-size:.75rem!important;color:#61bdf3!important}.toolbar{display:flex;gap:10px;align-items:center}.search{position:relative;display:flex;align-items:center}.search span{position:absolute;left:12px;color:#7ea0bb}.search input{width:min(330px,30vw);padding-left:34px}.status{padding:12px 15px;margin-bottom:18px;border:1px solid #2a698f;background:#0d3854;border-radius:9px;font-size:.83rem}.status.error{border-color:#903f48;background:#481e28;color:#ffd1d4}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.document-panel,.details{border:1px solid var(--line);border-radius:12px;background:rgba(11,32,52,.92);overflow:hidden}.panel-heading{padding:16px 18px;border-bottom:1px solid var(--line)}.panel-heading h2{font-size:1rem;margin:0}.panel-heading span{color:var(--muted);font-size:.74rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid rgba(37,72,102,.65)}th{font-size:.66rem;letter-spacing:.08em;color:#86a8c3;background:#091b2c}td{font-size:.8rem;color:#c6daea}tr[data-id]{cursor:pointer}tr[data-id]:hover,tr[data-id].selected{background:#113754}td:first-child{color:#fff;font-weight:700}.type-chip,.badge{display:inline-flex;border:1px solid #315b7d;background:#102b43;border-radius:999px;padding:4px 8px;font-size:.67rem}.empty{padding:60px 20px;display:grid;place-items:center;gap:7px;color:var(--muted)}
.details{padding:22px;min-height:430px}.details-empty{height:100%;display:grid;place-content:center;text-align:center;gap:8px;color:var(--muted)}.file-glyph{font-size:3.5rem;color:#4a7699}.details h2{font-size:1.25rem;overflow-wrap:anywhere}.badge{color:#89eecb;border-color:#247a61}.details dl{margin:20px 0;display:grid;gap:0}.details dl div{padding:11px 0;border-bottom:1px solid var(--line)}dt{color:#7fa3c0;font-size:.65rem;text-transform:uppercase;letter-spacing:.07em}dd{margin:5px 0 0;font-size:.8rem;overflow-wrap:anywhere}.audit-note{font-size:.7rem;color:var(--muted);text-align:center;line-height:1.45}.size{white-space:nowrap}
@media(max-width:1050px){.content-grid{grid-template-columns:1fr}.details{min-height:0}.login-panel{padding:5vh 5vw}.vault{grid-template-columns:240px 1fr}.workspace-header{align-items:stretch;flex-direction:column}.toolbar{justify-content:space-between}.search{flex:1}.search input{width:100%}}@media(max-width:760px){.topbar{padding:0 14px}.connection{display:none}.account>span{display:none}.login-panel{grid-template-columns:1fr;padding:36px 18px}.login-copy h1{font-size:2.6rem}.login-copy ul{display:grid;gap:8px}.vault{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);max-height:240px;overflow:auto}.workspace{padding:18px}.toolbar{flex-direction:column;align-items:stretch}.content-grid{display:block}.details{margin-top:16px}}