:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#07182f;--ink-soft:#1f3a5f;--paper:#eef6ff;--surface:#fff;--surface-strong:#f8fbff;--line:#c7d9ee;--line-strong:#98b9dc;--muted:#607697;--teal:#20c7d9;--coral:#f05252;--gold:#f4b740;--blue:#1d63ed;--blue-strong:#0747a6;--green:#0c9b72;--radius:8px;--shadow:0 20px 45px #07182f21;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f6fbff;--ink-soft:#d5e7ff;--paper:#061326;--surface:#0b1f3a;--surface-strong:#102a4c;--line:#24476e;--line-strong:#3b6796;--muted:#9ab4d4;--teal:#41d4e8;--coral:#ff7d73;--gold:#ffd166;--blue:#6da3ff;--blue-strong:#93bdff;--green:#3ee4a8;--shadow:0 20px 45px #00000047}:root[data-large-text=true]{font-size:18px}:root[data-contrast=high]{--line:#3b75bc;--line-strong:#0b5bd3}*{box-sizing:border-box}html{background:radial-gradient(circle at 15% 10%, #1d63ed2e, transparent 36%), radial-gradient(circle at 90% 4%, #20c7d92e, transparent 30%), var(--paper);min-width:320px}body{min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{border:0}button,label.secondary-upload,label.icon-button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,label.secondary-upload:focus-within,label.icon-button:focus-within{outline-offset:2px;outline:3px solid #4775ff4d}.app-shell{min-height:100vh}.topbar{z-index:20;background:color-mix(in srgb, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #1d63ed24;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:76px;padding:14px 24px;display:grid;position:sticky;top:0}.brand-mark{border-radius:8px;place-items:center;width:46px;height:46px;display:grid;overflow:hidden;box-shadow:0 10px 28px #10131a2e}.brand-mark.large{width:72px;height:72px}.brand-mark img{width:100%;height:100%;display:block}.brand-copy{gap:2px;min-width:0;display:grid}.brand-copy span,.eyebrow,.form-header span,.section-heading span{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:800}.brand-copy strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1rem,2vw,1.2rem);overflow:hidden}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.primary-button,.ghost-button,.icon-button,.secondary-upload{border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:40px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg, var(--blue-strong), var(--blue));padding:0 16px;box-shadow:0 10px 22px #1d63ed3d}.primary-button:hover,.ghost-button:hover,.icon-button:hover,.secondary-upload:hover{transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.primary-button.wide{width:100%}.ghost-button{border:1px solid var(--line);color:var(--ink);background:var(--surface);padding:0 13px}.icon-button,.secondary-upload{width:40px;height:40px;color:var(--ink);background:var(--surface);border:1px solid #10131a1c;position:relative}.secondary-upload{width:auto;padding:0 13px}.icon-button input,.secondary-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.workspace{grid-template-columns:minmax(220px,270px) minmax(0,1fr) minmax(330px,420px);align-items:start;gap:18px;padding:22px 24px 32px;display:grid}.sidebar,.domain-board,.detail-panel,.stat-card,.gate-panel,.gate-visual,.form-section,.history-panel{border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 86%, transparent);border:1px solid #10131a1a;box-shadow:0 8px 22px #10131a0f}.sidebar{gap:16px;min-width:0;padding:16px;display:grid;position:sticky;top:98px}.sidebar>*{min-width:0;max-width:100%}.search-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:44px;padding:0 12px;display:grid}.search-box input{min-width:0;color:var(--ink);background:0 0;border:0}.search-box input:focus{outline:0}.security-strip{gap:8px;display:grid}.security-strip span{border-radius:var(--radius);min-height:34px;color:var(--blue-strong);overflow-wrap:anywhere;background:#1d63ed14;border:1px solid #1d63ed2e;align-items:center;gap:7px;min-width:0;padding:0 10px;font-size:.78rem;font-weight:850;display:inline-flex}.filter-block,.field{gap:8px;display:grid}.filter-title,.field label,.field>span{color:var(--ink-soft);align-items:center;gap:6px;font-size:.82rem;font-weight:850;display:inline-flex}.segmented-control{grid-template-columns:1fr;gap:6px;display:grid}.segmented-control button{border-radius:var(--radius);min-height:34px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;padding:0 10px}.segmented-control button.active{color:var(--ink);background:#1d63ed21;border-color:#1d63ed5c;font-weight:850}.field input,.field select,.field textarea,.gate-fields input{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:42px;color:var(--ink);background:var(--surface);padding:9px 11px}.field textarea,.notes-input{resize:vertical;min-height:92px}.accessibility-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.accessibility-controls button{border:1px solid var(--line);border-radius:var(--radius);min-width:0;min-height:52px;color:var(--ink-soft);background:var(--surface);cursor:pointer;justify-items:center;gap:4px;padding:7px 3px;font-size:.68rem;font-weight:850;display:grid}.accessibility-controls button.active{border-color:var(--blue);color:var(--blue-strong);background:color-mix(in srgb, var(--blue) 12%, var(--surface))}.provider-strip{grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:7px;display:grid}.provider-chip{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;place-items:center;width:100%;min-width:0;min-height:54px;display:grid;position:relative}.provider-chip.active{border-color:var(--blue);background:color-mix(in srgb, var(--blue) 12%, var(--surface));box-shadow:0 12px 26px #1d63ed29}.provider-chip:after{z-index:4;color:#fff;content:attr(data-tooltip);opacity:0;pointer-events:none;white-space:nowrap;background:#07182f;border-radius:8px;max-width:150px;padding:6px 8px;font-size:.72rem;font-weight:800;transition:all .16s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}:root[data-theme=dark] .provider-chip:after{color:#07182f;background:#f6fbff}.provider-chip:hover:after,.provider-chip:focus-visible:after,.provider-chip:active:after{opacity:1;transform:translate(-50%)}.provider-logo{--provider-color:var(--ink);border-radius:var(--radius);background:linear-gradient(180deg, #ffffffe0, #ffffff9e), color-mix(in srgb, var(--provider-color) 14%, white);border:1px solid #10131a17;flex:none;place-items:center;width:42px;height:42px;display:grid}.provider-logo img{object-fit:contain;max-width:32px;max-height:32px}.provider-logo.fallback{color:var(--provider-color);text-transform:uppercase;font-size:.76rem;font-weight:900}.content{gap:18px;min-width:0;display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;display:grid}.stat-card{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:78px;padding:14px;display:grid}.stat-card>span{border-radius:var(--radius);place-items:center;width:40px;height:40px;display:grid}.stat-card strong{font-size:1.6rem;line-height:1;display:block}.stat-card small{color:var(--muted);overflow-wrap:anywhere;font-weight:750;line-height:1.12;display:block}.stat-card.green>span{color:#0c7655;background:#1ec8a524}.stat-card.amber>span{color:#986212;background:#f6b64b33}.stat-card.red>span{color:#a62c22;background:#ff6b5f2e}.stat-card.blue>span{color:#2f54cf;background:#4775ff24}.stat-card.ink>span{color:var(--ink);background:#10131a14}.domain-board{min-height:calc(100vh - 210px);padding:16px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-heading h1{margin:3px 0 0;font-size:clamp(1.3rem,2.7vw,2.1rem);line-height:1.1}.domain-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.domain-card{border:1px solid var(--line);border-radius:var(--radius);min-height:190px;color:var(--ink);background:var(--surface);text-align:left;cursor:pointer;gap:14px;padding:15px;display:grid;position:relative;box-shadow:0 8px 18px #10131a0a}.domain-card:hover,.domain-card.selected{border-color:#1d63ed9e;transform:translateY(-1px);box-shadow:0 14px 30px #10131a1a}.status-pill{border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:25px;padding:0 9px;font-size:.72rem;font-weight:900;display:inline-flex}.status-pill.success{color:#057a55;background:#0c9b7229}.status-pill.warning{color:#915b00;background:#f4b7403d}.status-pill.danger{color:#b42318;background:#f052522e}.status-pill.neutral,.status-pill.muted{color:var(--muted);background:#10131a14}.domain-card-head{grid-template-columns:auto 1fr;align-items:center;gap:10px;min-width:0;display:grid}.domain-card-head>div{gap:2px;min-width:0;display:grid}.domain-card-head strong,.detail-title h2{overflow-wrap:anywhere}.domain-card-head strong,.domain-card-head small{display:block}.domain-card-head small,.detail-title small,.history-item small{color:var(--muted);font-weight:700}.domain-card-head small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.domain-card-meta{gap:8px;display:grid}.domain-card-meta span,.domain-card-foot span{color:var(--ink-soft);align-items:center;gap:6px;font-size:.86rem;font-weight:750;display:inline-flex}.domain-card-foot{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.domain-card-foot span{background:#1d63ed1a;border-radius:999px;min-height:27px;padding:0 8px}.empty-state{border:1px dashed var(--line-strong);border-radius:var(--radius);min-height:260px;color:var(--muted);grid-column:1/-1;place-items:center;gap:10px;display:grid}.detail-panel{gap:14px;max-height:calc(100vh - 120px);padding:16px;display:grid;position:sticky;top:98px;overflow:auto}.detail-panel.empty{min-height:320px;color:var(--muted);place-items:center}.detail-header{gap:12px;display:grid}.detail-title{grid-template-columns:auto 1fr;align-items:start;gap:12px;min-width:0;display:grid}.detail-title h2{margin:8px 0 2px;font-size:clamp(1.25rem,2.3vw,1.65rem);line-height:1.1}.detail-actions{gap:8px;display:flex}.quick-facts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.fact{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);gap:5px;min-width:0;padding:10px;display:grid}.fact span{color:var(--muted);font-size:.74rem;font-weight:800}.fact strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.access-group,.notes-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:10px;padding:13px;display:grid}.access-group h3,.form-section h3{align-items:center;gap:8px;margin:0;font-size:.98rem;display:inline-flex}.access-lines{gap:7px;display:grid}.info-line{grid-template-columns:minmax(72px,.42fr) minmax(0,1fr);align-items:center;gap:8px;min-height:32px;display:grid}.info-line span{color:var(--muted);font-size:.78rem;font-weight:800}.info-line strong{overflow-wrap:anywhere;min-width:0;font-size:.87rem}.secret-line{grid-template-columns:minmax(72px,.42fr) minmax(0,1fr) auto}.line-actions{gap:4px;display:flex}.line-actions button,.line-actions a{border-radius:var(--radius);width:28px;height:28px;color:var(--ink);cursor:pointer;background:#10131a0f;place-items:center;display:grid}.password-input{grid-template-columns:minmax(0,1fr) 38px 38px;gap:6px;display:grid}.password-input input{min-width:0}.password-input button{border:1px solid var(--line);border-radius:var(--radius);min-height:42px;color:var(--blue-strong);background:var(--surface);cursor:pointer;place-items:center;display:grid}.strength{border-radius:999px;align-items:center;width:fit-content;min-height:27px;padding:0 10px;font-size:.74rem;font-weight:900;display:inline-flex}.strength.success{color:#057a55;background:#0c9b7229}.strength.warning{color:#915b00;background:#f4b7403d}.strength.danger{color:#b42318;background:#f052522e}.notes-box strong{font-size:.9rem}.notes-box p{color:var(--ink-soft);white-space:pre-wrap;margin:0;line-height:1.5}.vault-gate{grid-template-columns:minmax(320px,520px) minmax(280px,1fr);align-items:stretch;gap:20px;min-height:100vh;padding:clamp(18px,4vw,48px);display:grid}.gate-panel{align-content:center;gap:18px;padding:clamp(22px,4vw,42px);display:grid}.gate-panel h1{margin:0;font-size:clamp(2rem,6vw,4.2rem);line-height:.98}.gate-panel p{color:var(--ink-soft);margin:0;line-height:1.6}.gate-note{border-radius:var(--radius);color:var(--blue-strong);background:#1d63ed17;border:1px solid #1d63ed38;padding:11px 12px;font-weight:800;line-height:1.4}.gate-fields{gap:8px;display:grid}.gate-fields label,.label-row label{color:var(--muted);font-size:.82rem;font-weight:850}.label-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.label-row button{border:1px solid var(--line);border-radius:var(--radius);min-height:30px;color:var(--blue-strong);background:var(--surface);cursor:pointer;align-items:center;gap:5px;padding:0 9px;font-size:.76rem;font-weight:900;display:inline-flex}.inline-alert{border-radius:var(--radius);color:#a62c22;background:#ff6b5f1f;border:1px solid #ff6b5f4d;align-items:center;gap:8px;padding:10px 12px;font-weight:750;display:flex}.inline-alert.info{color:var(--blue-strong);background:#1d63ed1a;border-color:#1d63ed47}.gate-actions{gap:10px;display:grid}.reset-vault-button{border-radius:var(--radius);color:#b42318;cursor:pointer;background:#f0525214;border:1px solid #f0525247;justify-content:center;align-items:center;gap:8px;min-height:40px;font-weight:900;display:inline-flex}.reset-vault-button.danger{color:#fff;background:#b42318}.gate-visual{background:linear-gradient(140deg,#07182feb,#092d5bc7),linear-gradient(45deg,#1d63ed9e,#20c7d96b);align-content:center;gap:14px;padding:clamp(20px,4vw,42px);display:grid}.orb-card{border-radius:var(--radius);color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1a;border:1px solid #ffffff24;grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;padding:18px;display:grid}.orb-card svg{color:var(--teal);grid-row:span 2}.orb-card.accent svg{color:var(--coral)}.orb-card.warm svg{color:var(--gold)}.orb-card strong{font-size:1.12rem}.orb-card span{color:#ffffffc2}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10131a8a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.domain-form,.history-panel{border-radius:var(--radius);background:var(--paper);width:min(980px,100%);max-height:min(92vh,980px);box-shadow:var(--shadow);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.history-panel{width:min(620px,100%)}.form-header,.form-footer{border-bottom:1px solid var(--line);background:#ffffffbd;justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.form-header h2{overflow-wrap:anywhere;margin:4px 0 0;font-size:clamp(1.2rem,3vw,1.8rem)}.form-footer{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end}.form-body{gap:14px;min-height:0;padding:18px;display:grid;overflow:auto}.form-section{gap:14px;padding:16px;display:grid}.form-grid{gap:12px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox-grid{flex-wrap:wrap;gap:10px;display:flex}.checkbox{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:36px;color:var(--ink-soft);align-items:center;gap:8px;padding:0 10px;font-weight:800;display:inline-flex}.checkbox input{width:16px;height:16px;accent-color:var(--teal)}.extra-access-list{gap:12px;display:grid}.extra-access{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);gap:12px;padding:14px;display:grid;position:relative}.mini-close{border-radius:var(--radius);cursor:pointer;background:#10131a14;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:8px;right:8px}.history-list{gap:10px;padding:18px;display:grid;overflow:auto}.history-list.compact{padding:0}.history-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.history-item>div{gap:6px;display:grid}.backup-panel{width:min(760px,100%)}.backup-body{gap:14px;padding:18px;display:grid;overflow:auto}.backup-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.backup-summary>div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);gap:5px;min-height:74px;padding:13px;display:grid}.backup-summary strong{overflow-wrap:anywhere}.backup-summary span{color:var(--muted);font-size:.8rem;font-weight:850}.backup-controls{grid-template-columns:minmax(190px,1fr) minmax(160px,.8fr) auto;align-items:end;gap:10px;display:grid}.empty-state.slim{min-height:150px}.credential-reminder{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(560px,100%);box-shadow:var(--shadow);gap:14px;padding:24px;display:grid}.credential-icon{border-radius:var(--radius);width:56px;height:56px;color:var(--blue-strong);background:#1d63ed1f;place-items:center;display:grid}.credential-reminder>span{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:900}.credential-reminder h2{margin:0;font-size:clamp(1.45rem,4vw,2rem);line-height:1.05}.credential-reminder p{color:var(--ink-soft);margin:0;line-height:1.5}.credential-display{gap:10px;display:grid}.credential-display>div{border-radius:var(--radius);background:var(--surface-strong);border:1px solid #1d63ed33;gap:5px;min-width:0;padding:12px;display:grid}.credential-display small{color:var(--muted);font-weight:900}.credential-display strong{overflow-wrap:anywhere}.credential-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.toast{z-index:80;border-radius:var(--radius);color:#fff;max-width:min(420px,100vw - 44px);box-shadow:var(--shadow);background:#07182f;padding:13px 15px;font-weight:800;position:fixed;bottom:22px;right:22px}:root[data-theme=dark] .toast{color:#07182f;background:#f6fbff}@media (width<=1180px){.workspace{grid-template-columns:minmax(210px,260px) minmax(0,1fr)}.detail-panel{grid-column:1/-1;max-height:none;position:static}}@media (width<=880px){.topbar{grid-template-columns:auto 1fr}.topbar-actions{grid-column:1/-1;justify-content:stretch}.topbar-actions .primary-button{flex:180px}.workspace,.vault-gate{grid-template-columns:1fr;padding:16px}.sidebar{position:static}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gate-visual{min-height:360px}}@media (width<=620px){.topbar{padding:12px}.brand-copy strong{white-space:normal}.icon-button{width:38px;height:38px}.workspace{padding:12px}.domain-grid,.backup-controls,.backup-summary,.form-grid.two,.quick-facts,.stats-grid{grid-template-columns:1fr}.domain-form,.history-panel{max-height:94vh}.modal-backdrop{padding:10px}.form-header,.form-body,.form-footer{padding:14px}.secret-line,.info-line{grid-template-columns:1fr}.line-actions{justify-content:flex-start}}
