html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f}html{--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)}html{--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)}html{--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500}html{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px}html{--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}*,:before,:after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.static{position:static}.table{display:table}.grid{display:grid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--bg:#F4F7F8;--surface:#FFFFFF;--surface-2:#EDF2F3;--surface-3:#E4EBEC;--border:#D8E2E4;--border-strong:#C3D1D3;--ink:#0F1E22;--ink-2:#33484D;--muted:#5F757A;--accent:#0E7C86;--accent-strong:#0B5E66;--accent-ink:#FFFFFF;--accent-soft:#DBECEE;--glow:#14B8C4;--success:#1E9E5A;--success-soft:#E3F4EB;--warning:#9C6B12;--warning-soft:#F8EDD5;--critical:#C43A2D;--critical-soft:#F9E4E1;--info:#2E6FD6;--info-soft:#E3ECFB;--shadow:0 1px 2px rgba(15,30,34,.06),0 8px 24px -12px rgba(15,30,34,.18);--radius:14px;--rail:250px;--topbar:60px;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--sans:Roboto,system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif}@media(prefers-color-scheme:dark){:root{--bg:#0B1417;--surface:#101D21;--surface-2:#16262B;--surface-3:#1D3138;--border:#22383E;--border-strong:#2E474E;--ink:#E8EFF0;--ink-2:#B7C6C9;--muted:#829097;--accent:#22B8C4;--accent-strong:#3ECAD4;--accent-ink:#062226;--accent-soft:#0F2F34;--glow:#38D3DD;--success:#3FBE77;--success-soft:#0E2A1D;--warning:#D9A63C;--warning-soft:#2C2310;--critical:#E8695B;--critical-soft:#2E1512;--info:#5C93EC;--info-soft:#122036;--shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px -14px rgba(0,0,0,.6)}}:root[data-theme=light]{--bg:#F4F7F8;--surface:#FFFFFF;--surface-2:#EDF2F3;--surface-3:#E4EBEC;--border:#D8E2E4;--border-strong:#C3D1D3;--ink:#0F1E22;--ink-2:#33484D;--muted:#5F757A;--accent:#0E7C86;--accent-strong:#0B5E66;--accent-ink:#FFFFFF;--accent-soft:#DBECEE;--glow:#14B8C4;--success:#1E9E5A;--success-soft:#E3F4EB;--warning:#9C6B12;--warning-soft:#F8EDD5;--critical:#C43A2D;--critical-soft:#F9E4E1;--info:#2E6FD6;--info-soft:#E3ECFB;--shadow:0 1px 2px rgba(15,30,34,.06),0 8px 24px -12px rgba(15,30,34,.18)}:root[data-theme=dark]{--bg:#0B1417;--surface:#101D21;--surface-2:#16262B;--surface-3:#1D3138;--border:#22383E;--border-strong:#2E474E;--ink:#E8EFF0;--ink-2:#B7C6C9;--muted:#829097;--accent:#22B8C4;--accent-strong:#3ECAD4;--accent-ink:#062226;--accent-soft:#0F2F34;--glow:#38D3DD;--success:#3FBE77;--success-soft:#0E2A1D;--warning:#D9A63C;--warning-soft:#2C2310;--critical:#E8695B;--critical-soft:#2E1512;--info:#5C93EC;--info-soft:#122036;--shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px -14px rgba(0,0,0,.6)}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;text-wrap:balance;letter-spacing:-.01em}*{scrollbar-width:thin}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--mono)}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.spacer{flex:1}.app{display:grid;grid-template-columns:var(--rail) 1fr;min-height:100vh}.rail{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:16px 18px;border-bottom:1px solid var(--border)}.brand .mark{width:34px;height:34px;border-radius:9px;flex:0 0 auto;background:linear-gradient(150deg,var(--accent),var(--glow));display:grid;place-items:center;color:#fff;box-shadow:0 4px 12px -4px color-mix(in srgb,var(--accent) 60%,transparent)}.brand b{font-size:15px;letter-spacing:-.02em}.brand small{display:block;color:var(--muted);font-size:11px}.nav{padding:10px;display:flex;flex-direction:column;gap:2px;overflow:auto}.nav .group{font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);padding:14px 12px 6px}.nav a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:9px;color:var(--ink-2);text-decoration:none;font-weight:500;font-size:13.5px;border:1px solid transparent;cursor:pointer}.nav a mat-icon{font-size:18px;width:18px;height:18px;opacity:.85}.nav a:hover{background:var(--surface-2);color:var(--ink)}.nav a.active{background:var(--accent-soft);color:var(--accent-strong);border-color:color-mix(in srgb,var(--accent) 22%,transparent);font-weight:600}.nav a.locked{opacity:.42;pointer-events:none}.nav a .lock{margin-left:auto;font-size:14px;width:14px;height:14px;opacity:.7}.rail .foot{margin-top:auto;padding:12px 16px;border-top:1px solid var(--border);color:var(--muted);font-size:11px;line-height:1.6}.topbar{height:var(--topbar);border-bottom:1px solid var(--border);background:var(--surface);display:flex;align-items:center;gap:14px;padding:0 22px;position:sticky;top:0;z-index:5}.topbar h1{font-size:16px;font-weight:650}.crumb{color:var(--muted);font-size:12.5px}.chip{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--ink-2)}.chip .dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.chip.ok{background:var(--success-soft);color:var(--success);border-color:color-mix(in srgb,var(--success) 30%,transparent)}.chip.ok .dot{background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 22%,transparent)}.chip.warn{background:var(--warning-soft);color:var(--warning);border-color:color-mix(in srgb,var(--warning) 30%,transparent)}.chip.warn .dot{background:var(--warning)}.iconbtn{width:36px;height:36px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--ink-2);display:grid;place-items:center}.iconbtn mat-icon{font-size:18px;width:18px;height:18px}.iconbtn:hover{background:var(--surface-2);color:var(--ink)}main{padding:26px 30px 60px;max-width:1180px}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:10px 16px;font-weight:600;font-size:13.5px;background:var(--surface-2);color:var(--ink)}.btn mat-icon{font-size:17px;width:17px;height:17px}.btn:hover{background:var(--surface-3)}.btn:disabled{opacity:.5;pointer-events:none}.btn.primary{background:linear-gradient(150deg,var(--accent),var(--accent-strong));color:var(--accent-ink);box-shadow:0 6px 18px -8px color-mix(in srgb,var(--accent) 70%,transparent)}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{background:transparent;border-color:var(--border-strong);color:var(--ink-2)}.btn.ghost:hover{background:var(--surface-2);color:var(--ink)}.btn.sm{padding:6px 11px;font-size:12.5px;border-radius:8px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.field input,.field select{background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;padding:9px 11px;color:var(--ink);font-family:inherit;font-size:13.5px}.field input:focus,.field select:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:1px;border-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card.pad{padding:20px}.grid{display:grid;gap:16px}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}@media(max-width:860px){.tiles{grid-template-columns:repeat(2,1fr)}}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 17px;box-shadow:var(--shadow)}.tile .lbl{font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.tile .val{font-size:23px;font-weight:700;letter-spacing:-.02em;margin-top:8px}.tile .val small{font-size:14px;font-weight:600;color:var(--muted)}.tile .sub{font-size:12px;color:var(--muted);margin-top:4px}.up{color:var(--success);font-weight:600}.sec-head{display:flex;align-items:center;gap:12px;margin:6px 0 14px}.sec-head h3{font-size:15px;font-weight:650}.hero{background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 55%),var(--surface);border:1px solid var(--border);border-radius:20px;padding:36px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero h2{font-size:27px;font-weight:700;letter-spacing:-.02em;margin:8px 0 10px}.hero p{color:var(--ink-2);max-width:60ch;margin:0 0 22px;font-size:14.5px}.flow{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0 4px}.step-card{flex:1 1 190px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:15px 16px}.step-card .n{width:24px;height:24px;border-radius:7px;background:var(--accent-soft);color:var(--accent-strong);font-weight:700;font-size:12.5px;display:grid;place-items:center;margin-bottom:10px}.step-card b{font-size:13.5px;display:block;margin-bottom:3px}.step-card small{color:var(--muted);font-size:12px;line-height:1.45}.accts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:820px){.accts{grid-template-columns:1fr}}.acct{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 19px;box-shadow:var(--shadow);cursor:pointer;text-align:left;transition:border-color .15s,transform .15s;width:100%}.acct:hover{border-color:var(--accent);transform:translateY(-2px)}.acct .top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.acct .nick{font-weight:650;font-size:15px}.acct .sub{color:var(--muted);font-size:12.5px;margin-top:2px}.acct .bal{font-size:24px;font-weight:700;letter-spacing:-.02em;margin-top:16px}.acct .row{display:flex;justify-content:space-between;align-items:flex-end;margin-top:4px}.acct .avail{font-size:12px;color:var(--muted)}.badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--border)}.badge.tealo{background:var(--accent-soft);color:var(--accent-strong);border-color:transparent}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin:4px 0 20px}.tabs button{background:none;border:none;padding:10px 14px;font-weight:600;font-size:13.5px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;text-transform:capitalize}.tabs button:hover{color:var(--ink)}.tabs button.active{color:var(--accent-strong);border-bottom-color:var(--accent)}.toolbar{display:flex;gap:12px;align-items:flex-end;margin-bottom:14px;flex-wrap:wrap}.tablewrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}table.pp{width:100%;border-collapse:collapse;font-size:13.5px;min-width:640px}table.pp thead th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface-2)}table.pp tbody td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--ink-2)}table.pp tbody tr:last-child td{border-bottom:none}table.pp tbody tr:hover{background:var(--surface-2)}td.amt{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink)}td.amt.cr{color:var(--success)}.pill{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;display:inline-block}.pill.cr,.pill.set{background:var(--success-soft);color:var(--success)}.pill.dr{background:var(--surface-3);color:var(--ink-2)}.pill.pend{background:var(--warning-soft);color:var(--warning)}.pill.info{background:var(--info-soft);color:var(--info)}.tfoot{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;color:var(--muted);font-size:12.5px;border-top:1px solid var(--border)}.method{font-family:var(--mono);font-size:11px;font-weight:700;padding:2px 7px;border-radius:5px}.method.get{background:var(--info-soft);color:var(--info)}.method.post{background:var(--success-soft);color:var(--success)}.method.del{background:var(--critical-soft);color:var(--critical)}.stmt{display:flex;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid var(--border)}.stmt:last-child{border-bottom:none}.stmt .ic{width:38px;height:38px;border-radius:9px;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center;flex:0 0 auto}.stmt b{font-size:13.5px}.stmt .meta{color:var(--muted);font-size:12px;margin-top:2px}.two{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}@media(max-width:820px){.two{grid-template-columns:1fr}}.form{display:flex;flex-direction:column;gap:16px}.result{border-radius:12px;padding:20px;border:1px solid var(--border);height:100%}.result.yes{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 32%,transparent)}.result.no{background:var(--critical-soft);border-color:color-mix(in srgb,var(--critical) 32%,transparent)}.result .big{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:700}.result.yes .big{color:var(--success)}.result.no .big{color:var(--critical)}.kv{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--border)}.kv:last-child{border-bottom:none}.kv span{color:var(--muted)}.kv b{font-variant-numeric:tabular-nums}.steps{display:flex;gap:0;margin-bottom:24px;max-width:640px}.steps .s{flex:1;display:flex;align-items:center;gap:10px}.steps .s .c{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;background:var(--surface-2);color:var(--muted);border:1px solid var(--border-strong);flex:0 0 auto}.steps .s .t{font-size:12.5px;font-weight:600;color:var(--muted)}.steps .s:after{content:"";flex:1;height:2px;background:var(--border);margin:0 10px}.steps .s:last-child:after{display:none}.steps .s.done .c{background:var(--success);color:#fff;border-color:transparent}.steps .s.active .c{background:var(--accent);color:var(--accent-ink);border-color:transparent}.steps .s.active .t,.steps .s.done .t{color:var(--ink)}.empty-hint{color:var(--muted);font-size:13px;background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:10px;padding:14px 16px;margin-top:14px}.alert{border-radius:10px;padding:12px 14px;font-size:13px;margin-top:14px}.alert.err{background:var(--critical-soft);color:var(--critical);border:1px solid color-mix(in srgb,var(--critical) 30%,transparent)}.alert.warnbox{background:var(--warning-soft);color:var(--warning);border:1px solid color-mix(in srgb,var(--warning) 30%,transparent)}.bar{height:5px;border-radius:999px;background:var(--surface-3);overflow:hidden;margin-top:12px}.bar i{display:block;height:100%;width:40%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--glow));animation:indet 1.1s ease-in-out infinite}@keyframes indet{0%{margin-left:-40%}to{margin-left:100%}}@media(prefers-reduced-motion:reduce){.bar i{animation:none}}
