@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,400..800;1,400..600&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--accent:oklch(52.5% .095 162);--accent-hover:oklch(49% .1 162);--accent-soft:oklch(95.5% .025 162);--accent-soft-border:oklch(88% .04 162);--accent-contrast:oklch(99% .01 162);--bg:oklch(98.4% .002 250);--surface:oklch(100% 0 0);--surface-2:oklch(97.6% .0025 250);--surface-3:oklch(95.5% .004 250);--rail:oklch(21.5% .011 260);--rail-fg:oklch(80% .01 260);--rail-fg-dim:oklch(61.5% .01 260);--rail-active:oklch(29% .014 260);--border:oklch(91.8% .004 255);--border-strong:oklch(86% .006 255);--hairline:transparent;--text:oklch(23% .009 262);--text-2:oklch(46% .009 262);--text-3:oklch(53% .009 262);--text-inverse:oklch(98% .002 250);--success:oklch(52% .12 158);--success-soft:oklch(95.5% .03 158);--warning:oklch(54% .12 65);--warning-soft:oklch(96% .045 75);--danger:oklch(55% .18 27);--danger-soft:oklch(96% .035 27);--info:oklch(53.5% .1 245);--info-soft:oklch(96% .03 245);--neutral-soft:oklch(95.5% .003 255);--credit:oklch(50% .13 158);--debit:oklch(54% .17 27);--gc:oklch(53% .1 72);--gc-soft:oklch(95% .045 78);--shadow-sm:0 1px 2px oklch(20% .02 262/.05);--shadow-md:0 1px 2px oklch(20% .02 262/.04), 0 4px 12px oklch(20% .02 262/.07);--shadow-lg:0 8px 28px oklch(20% .02 262/.12);--shadow-pop:0 20px 56px oklch(20% .02 262/.2);--font-ui:"Hanken Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--row-h:44px;--pad-y:9px;--pad-x:13px;--control-h:35px;--gap:16px;--fs-base:13.5px;--radius-sm:6px;--radius:8px;--radius-lg:11px;--radius-xl:15px;--rail-w:62px;--nav-w:238px;--topbar-h:58px}[data-theme=dark]{--accent:oklch(68% .105 162);--accent-hover:oklch(74% .11 162);--accent-soft:oklch(28% .045 162);--accent-soft-border:oklch(40% .055 162);--accent-contrast:oklch(15% .02 162);--bg:oklch(18% .006 264);--surface:oklch(21.5% .007 264);--surface-2:oklch(24.5% .008 264);--surface-3:oklch(28.5% .009 264);--rail:oklch(15.5% .006 264);--rail-fg:oklch(80% .01 264);--rail-fg-dim:oklch(58% .01 264);--rail-active:oklch(30% .011 264);--border:oklch(31% .008 264);--border-strong:oklch(40% .01 264);--hairline:transparent;--text:oklch(95% .004 264);--text-2:oklch(73% .008 264);--text-3:oklch(66% .009 264);--text-inverse:oklch(17% .006 264);--success:oklch(74% .13 158);--success-soft:oklch(30% .05 158);--warning:oklch(78% .11 75);--warning-soft:oklch(32% .05 75);--danger:oklch(66% .16 28);--danger-soft:oklch(27% .07 28);--info:oklch(70% .1 240);--info-soft:oklch(30% .045 240);--neutral-soft:oklch(29% .006 264);--credit:oklch(76% .13 158);--debit:oklch(70% .15 28);--gc:oklch(78% .1 78);--gc-soft:oklch(33% .05 78);--shadow-sm:0 1px 2px oklch(0% 0 0/.3);--shadow-md:0 1px 2px oklch(0% 0 0/.25), 0 6px 16px oklch(0% 0 0/.35);--shadow-lg:0 12px 34px oklch(0% 0 0/.5);--shadow-pop:0 24px 60px oklch(0% 0 0/.6)}.density-compact{--row-h:36px;--pad-y:6px;--pad-x:11px;--control-h:31px;--gap:12px;--fs-base:13px}.density-comfortable{--row-h:52px;--pad-y:13px;--pad-x:16px;--control-h:42px;--gap:22px;--fs-base:14px}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-ui);font-size:var(--fs-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.45}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}::selection{background:var(--accent-soft);color:var(--text)}h1,h2,h3,h4,h5{letter-spacing:-.014em;margin:0;font-weight:650}a{color:inherit;text-decoration:none}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.tnum{font-variant-numeric:tabular-nums}.display{letter-spacing:-.025em;font-weight:700}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid var(--surface);border-radius:8px}::-webkit-scrollbar-track{background:0 0}.app{height:100vh;display:flex;overflow:hidden}.rail{width:var(--rail-w);background:var(--rail);z-index:30;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;padding:13px 0 12px;display:flex}.rail-logo{flex-shrink:0;margin-bottom:14px}.rail-btn{width:42px;height:42px;color:var(--rail-fg-dim);background:0 0;border:none;border-radius:10px;flex-shrink:0;place-items:center;transition:background .14s,color .14s;display:grid;position:relative}.rail-btn:hover{background:var(--rail-active);color:var(--rail-fg)}.rail-btn.active{background:var(--rail-active);color:oklch(92% .04 162)}.rail-btn.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;height:22px;position:absolute;top:50%;left:-13px;transform:translateY(-50%)}.rail-btn svg{width:21px;height:21px}.rail-spacer{flex:1}.rail-btn[data-tip]:hover:after{content:attr(data-tip);color:oklch(92% .01 264);white-space:nowrap;z-index:60;box-shadow:var(--shadow-md);pointer-events:none;background:oklch(15% .006 264);border:1px solid oklch(32% .008 264);border-radius:6px;padding:5px 10px;font-size:12px;font-weight:550;position:absolute;top:50%;left:52px;transform:translateY(-50%)}.nav{width:var(--nav-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;transition:width .18s,margin-left .18s;display:flex;overflow:hidden}.nav.collapsed{border-right:none;width:0;margin-left:0}.nav-head{padding:17px 18px 11px}.nav-domain{letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);font-size:10.5px;font-weight:700}.nav-title{letter-spacing:-.02em;margin-top:3px;font-size:18px;font-weight:700}.nav-list{flex:1;padding:6px 11px 16px;overflow-y:auto}.nav-group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:14px 10px 5px;font-size:10px;font-weight:700}.nav-item{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text-2);background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;font-weight:500;transition:background .12s,color .12s;display:flex;position:relative}.nav-item:hover{background:var(--surface-3);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item.active svg{color:var(--accent);opacity:1}.nav-item svg{opacity:.78;flex-shrink:0;width:17px;height:17px}.nav-item .nav-badge{background:var(--danger);color:#fff;font-size:11px;font-weight:700;font-family:var(--font-mono);border-radius:99px;margin-left:auto;padding:1px 7px}.nav-item.active .nav-badge{background:var(--accent);color:var(--accent-contrast)}.main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);background:var(--surface);z-index:20;flex-shrink:0;align-items:center;gap:12px;padding:0 18px 0 14px;display:flex}.icon-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-2);background:0 0;border:1px solid #0000;place-items:center;transition:background .12s,color .12s;display:grid}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.icon-btn svg{width:18px;height:18px}.search-trigger{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);min-width:250px;max-width:380px;height:37px;color:var(--text-3);align-items:center;gap:9px;padding:0 13px;font-size:13px;transition:border-color .14s,background .14s;display:flex}.search-trigger:hover{border-color:var(--border-strong)}.search-trigger svg{width:16px;height:16px}.search-trigger .kbd{margin-left:auto}.kbd{font-family:var(--font-mono);background:var(--surface-3);border:1px solid var(--border);color:var(--text-3);border-radius:5px;padding:1px 6px;font-size:11px}.content{flex:1;overflow:hidden auto}.page{max-width:1400px;margin:0 auto;padding:26px 30px 72px}.page-wide{max-width:none}@keyframes rise{0%{opacity:0;transform:translateY(7px)}}.page>*{animation:.42s cubic-bezier(.2,.7,.2,1) both rise}.page>:first-child{animation-delay:10ms}.page>:nth-child(2){animation-delay:50ms}.page>:nth-child(3){animation-delay:90ms}.page>:nth-child(4){animation-delay:.13s}.page>:nth-child(n+5){animation-delay:.16s}.page-head{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-head .ph-titles{min-width:0}.page-head h1{letter-spacing:-.025em;font-size:26px;font-weight:700;line-height:1.1}.page-head .ph-sub{color:var(--text-2);margin-top:5px;font-size:13.5px}.page-head .ph-actions{flex-shrink:0;align-items:center;gap:9px;margin-left:auto;display:flex}.btn{height:var(--control-h);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s,transform 70ms,opacity .12s;display:inline-flex}.btn:hover{background:var(--surface-3)}.btn:active{transform:translateY(1px)}.btn svg{width:16px;height:16px}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-3)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-success{background:var(--success);border-color:var(--success);color:#fff}[data-theme=dark] .btn-success{color:oklch(16% .02 158)}.btn-success:hover{opacity:.9}.btn-sm{height:29px;padding:0 11px;font-size:12.5px}.btn-icon{width:var(--control-h);padding:0}.btn:disabled{opacity:.4;pointer-events:none}.badge{white-space:nowrap;background:var(--neutral-soft);color:var(--text-2);border-radius:6px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:650;line-height:1.5;display:inline-flex}.badge .dot{background:currentColor;border-radius:99px;width:6px;height:6px}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-accent,.badge-brass{background:var(--accent-soft);color:var(--accent)}.badge-outline{box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--text-2);background:0 0}.tour-active-pill{transition:filter .12s,box-shadow .12s}.tour-active-pill:not(:disabled):hover{filter:brightness(1.04)}.tour-active-pill.badge-outline:not(:disabled):hover{box-shadow:inset 0 0 0 1px var(--accent);color:var(--text)}.tour-active-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.card-pad{padding:18px}.card-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 18px;display:flex}.card-head h3{letter-spacing:-.01em;font-size:14px;font-weight:650}.card-head .ch-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;transition:border-color .14s;position:relative;overflow:hidden}.stat:hover{border-color:var(--border-strong)}.stat-clickable{cursor:pointer}.stat-clickable:hover{border-color:var(--accent)}.stat-clickable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stat .stat-label{color:var(--text-2);align-items:center;gap:7px;font-size:12px;font-weight:550;display:flex}.stat .stat-label svg{width:15px;height:15px;color:var(--text-3)}.stat .stat-value{letter-spacing:-.03em;font-size:27px;font-weight:700;font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-top:8px}.stat .stat-delta{align-items:center;gap:5px;margin-top:6px;font-size:12px;font-weight:600;display:flex}.stat .stat-delta.up{color:var(--success)}.stat .stat-delta.down{color:var(--danger)}.stat .stat-delta .muted{color:var(--text-3);font-weight:500}.table-wrap{overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl thead th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);padding:0 var(--pad-x);border-bottom:1px solid var(--border);background:var(--surface);z-index:2;white-space:nowrap;-webkit-user-select:none;user-select:none;height:37px;font-size:10.5px;font-weight:700;position:sticky;top:0}.tbl thead th.sortable{cursor:pointer}.tbl thead th.sortable:hover{color:var(--text)}.tbl thead th .th-inner{align-items:center;gap:5px;display:inline-flex}.tbl thead th.num,.tbl td.num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tbl tbody td{padding:0 var(--pad-x);height:var(--row-h);border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.tbl tbody tr{transition:background .1s}.tbl tbody tr:hover{background:var(--surface-2)}.tbl tbody tr.clickable{cursor:pointer}.tbl tbody tr.selected{background:var(--accent-soft)}.tbl .col-id{font-family:var(--font-mono);color:var(--text-3);font-size:12px}.tbl-foot{border-top:1px solid var(--border);color:var(--text-2);align-items:center;gap:12px;padding:12px 16px;font-size:12.5px;display:flex}.credit{color:var(--credit);font-weight:600}.debit{color:var(--debit);font-weight:600}.gc{color:var(--gc);font-weight:600}.badge-gc{background:var(--gc-soft);color:var(--gc)}.avatar{color:#fff;font-weight:700;font-family:var(--font-ui);text-transform:uppercase;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.avatar-sm{border-radius:7px;width:27px;height:27px;font-size:11px}.avatar-md{width:35px;height:35px;font-size:13px}.avatar-lg{border-radius:12px;width:58px;height:58px;font-size:21px}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-2);font-size:12.5px;font-weight:600}.field .hint{color:var(--text-3);font-size:11.5px}.input,.select,.textarea{height:var(--control-h);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);width:100%;padding:0 11px;font-size:13px;transition:border-color .14s,box-shadow .14s}.textarea{resize:vertical;height:auto;min-height:72px;padding:9px 11px;line-height:1.5}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input::placeholder{color:var(--text-3)}.input-group{align-items:center;display:flex;position:relative}.input-group .pre{color:var(--text-3);font-family:var(--font-mono);pointer-events:none;font-size:13px;position:absolute;left:11px}.input-group .input{padding-left:26px}.search-box{align-items:center;display:flex;position:relative}.search-box svg{width:16px;height:16px;color:var(--text-3);pointer-events:none;position:absolute;left:11px}.search-box .input{padding-left:33px}.tabs{border-bottom:1px solid var(--border);gap:2px;margin-bottom:20px;display:flex}.tab{color:var(--text-2);background:0 0;border:none;padding:10px 14px;font-size:13.5px;font-weight:550;transition:color .12s;position:relative}.tab:hover{color:var(--text)}.tab.active{color:var(--text);font-weight:650}.tab.active:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.tab .tab-count{font-size:11px;font-family:var(--font-mono);color:var(--text-3);margin-left:6px}.segmented{background:var(--surface-3);border-radius:var(--radius-sm);gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--text-2);background:0 0;border:none;border-radius:5px;padding:5px 12px;font-size:12.5px;font-weight:600;transition:background .12s,color .12s}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.filterbar{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:18px;display:flex}.filterbar .spacer{flex:1}.tselect{height:var(--control-h);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--text);appearance:none;padding:0 32px 0 12px;font-size:13px;font-weight:550}.tselect:focus{border-color:var(--accent);outline:none}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:oklch(20% .02 262/.4);place-items:center;padding:24px;animation:.14s fade;display:grid;position:fixed;inset:0}[data-theme=dark] .overlay{background:oklch(0% 0 0/.55)}.modal{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-pop);flex-direction:column;width:100%;max-width:540px;max-height:88vh;animation:.16s cubic-bezier(.2,.8,.3,1) pop;display:flex;overflow:hidden}.modal-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:17px 20px;display:flex}.modal-head h3{letter-spacing:-.01em;font-size:16px;font-weight:650}.modal-body{padding:20px;overflow-y:auto}.modal-foot{border-top:1px solid var(--border);background:var(--surface-2);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.97)translateY(6px)}}@keyframes slideup{0%{opacity:0;transform:translateY(8px)}}@keyframes pulse{0%,to{opacity:.45}50%{opacity:.85}}.drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;background:oklch(20% .02 262/.35);animation:.14s fade;position:fixed;inset:0}[data-theme=dark] .drawer-overlay{background:oklch(0% 0 0/.5)}.drawer{background:var(--bg);width:600px;max-width:94vw;box-shadow:var(--shadow-pop);z-index:91;border-left:1px solid var(--border-strong);flex-direction:column;animation:.22s cubic-bezier(.2,.8,.3,1) slidein;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes slidein{0%{opacity:.4;transform:translate(32px)}}.cmdk{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:620px;box-shadow:var(--shadow-pop);align-self:flex-start;margin-top:13vh;animation:.15s pop;overflow:hidden}.cmdk-input{border-bottom:1px solid var(--border);align-items:center;gap:11px;padding:15px 18px;display:flex}.cmdk-input svg{width:18px;height:18px;color:var(--text-3)}.cmdk-input input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:16px}.cmdk-list{max-height:52vh;padding:8px;overflow-y:auto}.cmdk-group{text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);padding:11px 10px 4px;font-size:10.5px;font-weight:700}.cmdk-item{border-radius:var(--radius-sm);color:var(--text);align-items:center;gap:12px;padding:10px;font-size:13.5px;display:flex}.cmdk-item svg{width:16px;height:16px;color:var(--text-2)}.cmdk-item.active{background:var(--accent-soft);color:var(--accent)}.cmdk-item.active svg{color:var(--accent)}.cmdk-item .ci-meta{color:var(--text-3);margin-left:auto;font-size:11px}.meter{background:var(--surface-3);border-radius:99px;height:7px;overflow:hidden}.meter>i{background:var(--accent);border-radius:99px;height:100%;display:block}.muted{color:var(--text-3)}.divider{background:var(--border);height:1px;margin:16px 0}.row{align-items:center;gap:10px;display:flex}.col{flex-direction:column;display:flex}.grid{gap:var(--gap);display:grid}.empty{text-align:center;color:var(--text-3);padding:50px 24px}.empty svg{opacity:.5;width:38px;height:38px;margin-bottom:10px}.kv{grid-template-columns:minmax(120px,38%) 1fr;gap:10px 16px;font-size:13px;display:grid}.kv dt{color:var(--text-2)}.kv dd{text-align:right;margin:0;font-weight:550}.tag-dot{border-radius:99px;flex-shrink:0;width:8px;height:8px}.toast-wrap{z-index:200;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--surface);border:1px solid var(--border-strong);border-left:3px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow-lg);align-items:center;gap:11px;min-width:290px;padding:13px 16px;font-size:13.5px;animation:.2s slideup;display:flex}.toast.success{border-left-color:var(--success)}.toast.danger{border-left-color:var(--danger)}.toast svg{flex-shrink:0;width:18px;height:18px}@media (width<=760px){.page{padding:20px 16px 48px}}.main,.content,.page,.page>*,.grid>*,.row>*,.card{min-width:0}.kv dd,.col-id,.mono,.badge,.cmdk-item .ci-meta{overflow-wrap:anywhere}pre,code{max-width:100%;overflow-x:auto}pre{white-space:pre}@media (width<=720px){.rail{box-shadow:var(--shadow-pop);z-index:95;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.nav{top:0;left:var(--rail-w);width:var(--nav-w);transform:translateX(calc(-100% - var(--rail-w)));z-index:94;box-shadow:var(--shadow-pop);transition:transform .2s;position:fixed;bottom:0}.nav.collapsed{width:var(--nav-w);border-right:1px solid var(--border);margin-left:0}.app.drawer-open .rail,.app.drawer-open .nav{transform:translate(0)}.app.drawer-open .main:before{content:"";z-index:93;background:oklch(20% .02 262/.4);position:fixed;inset:0}.main{width:100%}.topbar{gap:8px;padding:0 12px}.search-trigger{flex:1;min-width:0;max-width:none}.search-trigger span:not(.kbd){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.login-screen{background:radial-gradient(1200px 600px at 50% -10%, var(--accent-soft), transparent 60%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{width:100%;max-width:380px;box-shadow:var(--shadow-pop);flex-direction:column;gap:16px;padding:28px;display:flex}.login-brand{align-items:center;gap:14px;margin-bottom:4px;display:flex}.login-title{letter-spacing:-.015em;font-size:19px;font-weight:750}.login-sub{color:var(--text-3);margin-top:2px;font-size:12.5px;font-weight:500}.login-error{color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-sm);background:oklch(97% .03 25/.6);align-items:center;gap:9px;padding:10px 12px;font-size:13px;display:flex}[data-theme=dark] .login-error{background:oklch(30% .06 25/.4)}.login-error svg{flex-shrink:0}.login-eye{width:26px;height:26px;color:var(--text-3);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login-eye:hover{color:var(--text-2);background:var(--surface-2)}.login-foot{text-align:center;color:var(--text-3);margin-top:2px;font-size:11.5px}