:root{--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-numeric: "SF Pro Text", -apple-system, Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--track-display: -.03em;--track-title: -.02em;--track-body: 0;--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--r-pill: 999px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--s10: 40px;--s12: 48px;--s16: 64px;--shadow-sm: 0 1px 2px rgb(0 0 0 / .04), 0 1px 3px rgb(0 0 0 / .06);--shadow-md: 0 4px 12px rgb(0 0 0 / .08), 0 1px 3px rgb(0 0 0 / .06);--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--dur-fast: .12s;--dur-med: .22s;--dur-slow: .38s;--content-width: 720px;--content-width-wide: 1040px;font-size:17px;color-scheme:light}:root[data-textsize=small]{font-size:15px}:root[data-textsize=default]{font-size:17px}:root[data-textsize=large]{font-size:20px}:root[data-textsize=xlarge]{font-size:23px}:root{--density: 1;--tap: 52px}:root[data-density=compact]{--density: .75;--tap: 44px}:root[data-motion=reduced] *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){:root[data-motion=system] *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root,:root[data-theme=green]{--primary: #0a5c36;--on-primary: #ffffff;--primary-container: #a8f2c8;--on-primary-container: #00210f;--primary-hover: #0d7444;--secondary: #4c6357;--on-secondary: #ffffff;--secondary-container: #cee9d8;--on-secondary-container: #092016;--tertiary: #8a5a00;--on-tertiary: #ffffff;--tertiary-container: #ffdea8;--on-tertiary-container: #2c1800;--surface: #fbfdf9;--surface-dim: #dbe5dd;--surface-bright: #fbfdf9;--surface-container-lowest: #ffffff;--surface-container-low: #f5faf5;--surface-container: #eff4ef;--surface-container-high: #e9efe9;--surface-container-highest: #e3e9e3;--on-surface: #171d19;--on-surface-variant: #414942;--outline: #717971;--outline-variant: #c1c9c1;--hero-tint-a: #0a5c36;--hero-tint-b: #8a5a00}:root[data-theme=gold]{--primary: #8a5000;--on-primary: #ffffff;--primary-container: #ffddb6;--on-primary-container: #2c1600;--primary-hover: #a86300;--secondary: #705b41;--on-secondary: #ffffff;--secondary-container: #fcdec0;--on-secondary-container: #271905;--tertiary: #0a5c36;--on-tertiary: #ffffff;--tertiary-container: #a8f2c8;--on-tertiary-container: #00210f;--surface: #fff8f4;--surface-dim: #e6d9cf;--surface-bright: #fff8f4;--surface-container-lowest: #ffffff;--surface-container-low: #fef2e8;--surface-container: #f9ece2;--surface-container-high: #f3e6dc;--surface-container-highest: #ede0d6;--on-surface: #201a15;--on-surface-variant: #4f4539;--outline: #817567;--outline-variant: #d3c4b4;--hero-tint-a: #8a5000;--hero-tint-b: #0a5c36}:root[data-theme=indigo]{--primary: #3a4d9c;--on-primary: #ffffff;--primary-container: #dbe1ff;--on-primary-container: #00164e;--primary-hover: #4a5fb8;--secondary: #585e72;--on-secondary: #ffffff;--secondary-container: #dde1f9;--on-secondary-container: #151b2c;--tertiary: #0a5c36;--on-tertiary: #ffffff;--tertiary-container: #a8f2c8;--on-tertiary-container: #00210f;--surface: #fbf8ff;--surface-dim: #dbd9e0;--surface-bright: #fbf8ff;--surface-container-lowest: #ffffff;--surface-container-low: #f5f2fa;--surface-container: #efedf4;--surface-container-high: #eae7ef;--surface-container-highest: #e4e1e9;--on-surface: #1b1b21;--on-surface-variant: #454654;--outline: #767685;--outline-variant: #c6c5d6;--hero-tint-a: #3a4d9c;--hero-tint-b: #0a5c36}:root{--error: #b3261e;--on-error: #ffffff;--error-container: #fbdedb;--on-error-container: #410e0b;--warn: #8a6d00;--warn-container: #ffeeb0;--on-warn-container: #2a2000;--success: #0a5c36;--success-container: #a8f2c8;--on-success-container: #00210f}:root[data-mode=dark],:root[data-mode=dark][data-theme=green]{color-scheme:dark;--primary: #8bd6aa;--on-primary: #003920;--primary-container: #00522f;--on-primary-container: #a8f2c8;--primary-hover: #a3e2bd;--secondary: #b2ccbc;--on-secondary: #1e352a;--secondary-container: #354b3f;--on-secondary-container: #cee9d8;--tertiary: #f0bf6d;--on-tertiary: #452b00;--tertiary-container: #634000;--on-tertiary-container: #ffdea8;--surface: #0f1511;--surface-dim: #0f1511;--surface-bright: #353b36;--surface-container-lowest: #0a0f0c;--surface-container-low: #171d19;--surface-container: #1b211d;--surface-container-high: #262c27;--surface-container-highest: #313732;--on-surface: #dfe4df;--on-surface-variant: #c1c9c1;--outline: #8b938b;--outline-variant: #414942;--error: #ffb4ab;--on-error: #690005;--error-container: #93000a;--on-error-container: #ffdad6;--warn: #f0cf5a;--warn-container: #5c4900;--on-warn-container: #ffeeb0;--success: #8bd6aa;--success-container: #00522f;--on-success-container: #a8f2c8;--shadow-sm: 0 1px 2px rgb(0 0 0 / .3), 0 1px 3px rgb(0 0 0 / .4);--shadow-md: 0 4px 12px rgb(0 0 0 / .45), 0 1px 3px rgb(0 0 0 / .4)}:root[data-mode=dark][data-theme=gold]{--primary: #ffb95c;--on-primary: #492900;--primary-container: #683c00;--on-primary-container: #ffddb6;--primary-hover: #ffcd8a;--secondary: #dfc2a2;--on-secondary: #3f2d17;--secondary-container: #57432c;--on-secondary-container: #fcdec0;--tertiary: #8bd6aa;--on-tertiary: #003920;--tertiary-container: #00522f;--on-tertiary-container: #a8f2c8;--surface: #17120d;--surface-dim: #17120d;--surface-bright: #3e3730;--surface-container-lowest: #110d08;--surface-container-low: #201a15;--surface-container: #241e18;--surface-container-high: #2f2822;--surface-container-highest: #3a332c;--on-surface: #ece1d8;--on-surface-variant: #d3c4b4;--outline: #9c8e80;--outline-variant: #4f4539}:root[data-mode=dark][data-theme=indigo]{--primary: #b6c4ff;--on-primary: #05286d;--primary-container: #213c84;--on-primary-container: #dbe1ff;--primary-hover: #ccd5ff;--secondary: #c1c5dd;--on-secondary: #2a3042;--secondary-container: #404659;--on-secondary-container: #dde1f9;--tertiary: #8bd6aa;--on-tertiary: #003920;--tertiary-container: #00522f;--on-tertiary-container: #a8f2c8;--surface: #121218;--surface-dim: #121218;--surface-bright: #38383f;--surface-container-lowest: #0d0d13;--surface-container-low: #1b1b21;--surface-container: #1f1f25;--surface-container-high: #2a2930;--surface-container-highest: #35343b;--on-surface: #e4e1e9;--on-surface-variant: #c6c5d6;--outline: #90909f;--outline-variant: #454654}@media(prefers-color-scheme:dark){:root[data-mode=system],:root[data-mode=system][data-theme=green]{color-scheme:dark;--primary: #8bd6aa;--on-primary: #003920;--primary-container: #00522f;--on-primary-container: #a8f2c8;--primary-hover: #a3e2bd;--secondary: #b2ccbc;--on-secondary: #1e352a;--secondary-container: #354b3f;--on-secondary-container: #cee9d8;--tertiary: #f0bf6d;--on-tertiary: #452b00;--tertiary-container: #634000;--on-tertiary-container: #ffdea8;--surface: #0f1511;--surface-dim: #0f1511;--surface-bright: #353b36;--surface-container-lowest: #0a0f0c;--surface-container-low: #171d19;--surface-container: #1b211d;--surface-container-high: #262c27;--surface-container-highest: #313732;--on-surface: #dfe4df;--on-surface-variant: #c1c9c1;--outline: #8b938b;--outline-variant: #414942;--error: #ffb4ab;--on-error: #690005;--error-container: #93000a;--on-error-container: #ffdad6;--warn: #f0cf5a;--warn-container: #5c4900;--on-warn-container: #ffeeb0;--success: #8bd6aa;--success-container: #00522f;--on-success-container: #a8f2c8;--shadow-sm: 0 1px 2px rgb(0 0 0 / .3), 0 1px 3px rgb(0 0 0 / .4);--shadow-md: 0 4px 12px rgb(0 0 0 / .45), 0 1px 3px rgb(0 0 0 / .4)}:root[data-mode=system][data-theme=gold]{--primary: #ffb95c;--on-primary: #492900;--primary-container: #683c00;--on-primary-container: #ffddb6;--primary-hover: #ffcd8a;--secondary: #dfc2a2;--on-secondary: #3f2d17;--secondary-container: #57432c;--on-secondary-container: #fcdec0;--tertiary: #8bd6aa;--on-tertiary: #003920;--tertiary-container: #00522f;--on-tertiary-container: #a8f2c8;--surface: #17120d;--surface-dim: #17120d;--surface-bright: #3e3730;--surface-container-lowest: #110d08;--surface-container-low: #201a15;--surface-container: #241e18;--surface-container-high: #2f2822;--surface-container-highest: #3a332c;--on-surface: #ece1d8;--on-surface-variant: #d3c4b4;--outline: #9c8e80;--outline-variant: #4f4539}:root[data-mode=system][data-theme=indigo]{--primary: #b6c4ff;--on-primary: #05286d;--primary-container: #213c84;--on-primary-container: #dbe1ff;--primary-hover: #ccd5ff;--secondary: #c1c5dd;--on-secondary: #2a3042;--secondary-container: #404659;--on-secondary-container: #dde1f9;--tertiary: #8bd6aa;--on-tertiary: #003920;--tertiary-container: #00522f;--on-tertiary-container: #a8f2c8;--surface: #121218;--surface-dim: #121218;--surface-bright: #38383f;--surface-container-lowest: #0d0d13;--surface-container-low: #1b1b21;--surface-container: #1f1f25;--surface-container-high: #2a2930;--surface-container-highest: #35343b;--on-surface: #e4e1e9;--on-surface-variant: #c6c5d6;--outline: #90909f;--outline-variant: #454654}}:root[data-contrast=high]{--on-surface: #000000;--on-surface-variant: #1c1c1c;--outline: #000000;--outline-variant: #000000;--surface: #ffffff;--surface-dim: #ffffff;--surface-bright: #ffffff;--surface-container-lowest: #ffffff;--surface-container-low: #ffffff;--surface-container: #ffffff;--surface-container-high: #ffffff;--surface-container-highest: #ffffff;--primary-container: #ffffff;--on-primary-container: #000000;--error-container: #ffffff;--warn-container: #ffffff;--success-container: #ffffff;--shadow-sm: none;--shadow-md: none}:root[data-contrast=high][data-mode=dark]{--on-surface: #ffffff;--on-surface-variant: #f0f0f0;--outline: #ffffff;--outline-variant: #ffffff;--surface: #000000;--surface-dim: #000000;--surface-bright: #000000;--surface-container-lowest: #000000;--surface-container-low: #000000;--surface-container: #000000;--surface-container-high: #000000;--surface-container-highest: #000000;--primary-container: #000000;--on-primary-container: #ffffff;--error-container: #000000;--warn-container: #000000;--success-container: #000000}:root[data-contrast=high] .card,:root[data-contrast=high] .surface,:root[data-contrast=high] input,:root[data-contrast=high] select,:root[data-contrast=high] .chip,:root[data-contrast=high] .btn{border:2px solid var(--outline)}@media(prefers-color-scheme:dark){:root[data-contrast=high][data-mode=system]{--on-surface: #ffffff;--on-surface-variant: #f0f0f0;--outline: #ffffff;--outline-variant: #ffffff;--surface: #000000;--surface-dim: #000000;--surface-bright: #000000;--surface-container-lowest: #000000;--surface-container-low: #000000;--surface-container: #000000;--surface-container-high: #000000;--surface-container-highest: #000000;--primary-container: #000000;--on-primary-container: #ffffff;--error-container: #000000;--warn-container: #000000;--success-container: #000000}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--surface);color:var(--on-surface);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;letter-spacing:var(--track-body);transition:background-color var(--dur-med) var(--ease-standard),color var(--dur-med) var(--ease-standard)}#root{min-height:100dvh;display:flex;flex-direction:column}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:var(--primary-container);color:var(--on-primary-container)}h1,h2,h3{margin:0;font-weight:650}h1{font-size:clamp(1.65rem,1.3rem + 1.6vw,2.3rem);letter-spacing:var(--track-display);line-height:1.12;margin-bottom:var(--s2)}h2{font-size:1.2rem;letter-spacing:var(--track-title);margin:var(--s10) 0 var(--s3)}h3.setting-h{font-size:.82rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant);margin:var(--s6) 0 var(--s3)}p{margin:0 0 var(--s3)}p.soft,span.soft,.soft{color:var(--on-surface-variant)}p.small,.small{font-size:.8rem;line-height:1.45;margin:var(--s2) 0 0}a{color:var(--primary);text-underline-offset:3px}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s3) var(--s5);background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--outline-variant)}@supports not (backdrop-filter: blur(1px)){.app-header{background:var(--surface)}}.app-header .brand{display:inline-flex;align-items:center;gap:var(--s2);font-weight:680;letter-spacing:var(--track-title);color:var(--on-surface);text-decoration:none}.brandmark{width:1.4em;height:1.4em;color:var(--primary);flex:none}.app-header nav{display:flex;gap:var(--s1);align-items:center}.app-header nav a{color:var(--on-surface-variant);text-decoration:none;font-size:.95rem;font-weight:550;padding:var(--s2) var(--s4);border-radius:var(--r-pill);transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.app-header nav a:hover{background:var(--surface-container);color:var(--on-surface)}.app-header nav a.active{background:var(--secondary-container);color:var(--on-secondary-container);font-weight:650}main{flex:1;width:100%;max-width:var(--content-width);margin:0 auto;padding:var(--s10) var(--s5) var(--s16)}.mobile-nav{display:none}@media(max-width:720px){.app-header nav{display:none}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:space-around;padding:var(--s2) var(--s2) calc(var(--s2) + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--outline-variant)}.mobile-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--s2) 0;min-height:52px;font-size:.7rem;font-weight:600;color:var(--on-surface-variant);text-decoration:none;border-radius:var(--r-md)}.mobile-nav a.active{color:var(--primary)}.mobile-nav svg{width:22px;height:22px}main{padding:var(--s6) var(--s4) calc(var(--s16) + 44px)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--tap);padding:0 var(--s6);border:none;border-radius:var(--r-pill);font-family:inherit;font-size:1rem;font-weight:620;letter-spacing:var(--track-body);cursor:pointer;background:var(--surface-container-high);color:var(--on-surface);transition:background-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-standard)}.btn:hover:not(:disabled){background:var(--surface-container-highest)}.btn:active:not(:disabled){transform:scale(.985)}.btn.primary{background:var(--primary);color:var(--on-primary);width:100%;box-shadow:var(--shadow-sm)}.btn.primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-md)}.btn.tonal{background:var(--secondary-container);color:var(--on-secondary-container)}.btn.danger{background:transparent;color:var(--error)}.btn.danger:hover:not(:disabled){background:var(--error-container);color:var(--on-error-container)}.btn.quiet{background:transparent;color:var(--on-surface-variant)}.btn.quiet:hover:not(:disabled){background:var(--surface-container)}.btn.small{min-height:40px;padding:0 var(--s4);font-size:.88rem}.btn:disabled{opacity:.42;cursor:not-allowed}label{display:block;margin:var(--s5) 0 var(--s2);font-weight:620;font-size:.92rem;color:var(--on-surface)}input,select,textarea{width:100%;min-height:var(--tap);padding:0 var(--s4);font-family:inherit;font-size:1rem;color:var(--on-surface);background:var(--surface-container-lowest);border:1.5px solid var(--outline-variant);border-radius:var(--r-md);transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}input:hover,select:hover{border-color:var(--outline)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent);outline:none}input::placeholder{color:var(--on-surface-variant);opacity:.7}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--s10);background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:right var(--s5) center,right calc(var(--s5) - 5px) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.amount-input{font-size:clamp(2rem,1.4rem + 3vw,2.8rem);font-weight:640;text-align:center;min-height:84px;letter-spacing:var(--track-display);font-variant-numeric:tabular-nums}.field-row{display:flex;gap:var(--s3)}.field-row>*{flex:1;min-width:0}.card,.surface{background:var(--surface-container-low);border-radius:var(--r-lg);padding:var(--s5);margin:var(--s4) 0}.error{margin:var(--s4) 0;padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--error-container);color:var(--on-error-container);font-size:.94rem}.invoice-row{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s4);margin-bottom:var(--s2);border-radius:var(--r-md);text-decoration:none;color:inherit;transition:background-color var(--dur-fast) var(--ease-standard)}.invoice-row:hover{background:var(--surface-container)}.invoice-row .ref{font-weight:640}.invoice-row .amt{font-variant-numeric:tabular-nums;font-weight:660;letter-spacing:var(--track-title)}.status{display:inline-flex;align-items:center;gap:var(--s1);padding:var(--s1) var(--s3);border-radius:var(--r-pill);font-size:.78rem;font-weight:650;border:1.5px solid transparent;white-space:nowrap}.status.paid{background:var(--success-container);color:var(--on-success-container)}.status.pending,.status.viewed{background:var(--surface-container-high);color:var(--on-surface-variant)}.status.in_progress{background:var(--warn-container);color:var(--on-warn-container)}.status.declined,.status.disputed,.status.expired,.status.dismissed,.status.superseded{background:var(--surface-container);color:var(--on-surface-variant);text-decoration:line-through}.status.manual_review{background:var(--error-container);color:var(--on-error-container)}.qr-card{display:flex;flex-direction:column;align-items:center;gap:var(--s4);padding:var(--s6);border-radius:var(--r-xl);background:var(--surface-container-low)}.qr-card canvas{width:min(70vw,320px)!important;height:auto!important;border-radius:var(--r-sm)}.dial-fallback{font-family:var(--font-mono);font-size:1.05rem;letter-spacing:.06em;-webkit-user-select:all;user-select:all;padding:var(--s2) var(--s4);background:var(--surface-container-high);border-radius:var(--r-sm)}.qr-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#fff;color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s5)}.qr-full canvas{width:min(88vw,78vh)!important;height:auto!important}.qr-box{display:flex;justify-content:center;padding:var(--s3);background:#fff;border-radius:var(--r-md);width:fit-content;margin:var(--s3) auto}table.plain{width:100%;border-collapse:collapse}table.plain th,table.plain td{text-align:left;padding:var(--s3) var(--s2);border-bottom:1px solid var(--outline-variant)}table.plain th{color:var(--on-surface-variant);font-weight:620;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.auth-shell{display:grid;grid-template-columns:45fr 55fr;min-height:100dvh}.auth-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--s10);color:#fff}.auth-hero-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 15% 15%,color-mix(in srgb,var(--hero-tint-b) 70%,transparent),transparent 60%),linear-gradient(155deg,var(--hero-tint-a),color-mix(in srgb,var(--hero-tint-a) 45%,#000))}.auth-hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--dur-slow) var(--ease-standard)}.auth-hero-img.loaded{opacity:1}.auth-hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000026,#00000059 45%,#000000c7)}.auth-hero-copy{position:relative;max-width:30ch}.auth-hero-line{font-size:clamp(1.9rem,1.2rem + 2.2vw,2.9rem);font-weight:680;letter-spacing:var(--track-display);line-height:1.08;margin:0 0 var(--s3)}.auth-hero-sub{font-size:1.02rem;opacity:.9;margin:0}.auth-hero-credit{position:relative;margin:var(--s8) 0 0;font-size:.72rem;opacity:.72}.auth-hero-credit a{color:inherit}.auth-panel{display:flex;align-items:center;justify-content:center;padding:var(--s8) var(--s5);background:var(--surface);max-width:none}.auth-card{width:100%;max-width:400px}.auth-brand{display:inline-flex;align-items:center;gap:var(--s2);font-weight:680;letter-spacing:var(--track-title);margin-bottom:var(--s8)}.auth-title{margin-bottom:var(--s2)}.auth-lede{margin-bottom:var(--s6)}.auth-footer{margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--outline-variant);font-size:.9rem;color:var(--on-surface-variant)}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-hero{min-height:34vh;padding:var(--s6);justify-content:flex-end}.auth-hero-line{font-size:1.6rem}.auth-hero-sub,.auth-hero-credit{display:none}.auth-panel{padding:var(--s8) var(--s5) var(--s12)}.auth-brand{margin-bottom:var(--s6)}}.login-wrap{width:100%;max-width:400px;margin:8vh auto 0;padding:0 var(--s5)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:var(--s3)}.theme-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s2);padding:var(--s4);border-radius:var(--r-lg);border:2px solid var(--outline-variant);background:var(--surface-container-low);color:var(--on-surface);font-family:inherit;text-align:left;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-spring)}.theme-card:hover{background:var(--surface-container)}.theme-card:active{transform:scale(.99)}.theme-card.selected{border-color:var(--primary);background:var(--surface-container)}.theme-swatch{display:flex;gap:5px}.theme-swatch span{width:26px;height:26px;border-radius:50%;border:1px solid rgb(0 0 0 / .12)}.theme-name{font-weight:650;font-size:.98rem}.theme-blurb{font-size:.8rem;color:var(--on-surface-variant);line-height:1.35}.segmented{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--surface-container);border-radius:var(--r-pill)}.segment{min-height:40px;padding:0 var(--s4);border:none;border-radius:var(--r-pill);background:transparent;color:var(--on-surface-variant);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.segment:hover{color:var(--on-surface)}.segment.selected{background:var(--surface-container-lowest);color:var(--on-surface);box-shadow:var(--shadow-sm)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);padding:var(--s4) 0;border-bottom:1px solid var(--outline-variant)}.toggle-text{display:flex;flex-direction:column;gap:2px;min-width:0}.toggle-label{font-weight:620}.switch{position:relative;flex:none;display:inline-flex;cursor:pointer}.switch input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;min-height:0}.switch-track{display:inline-flex;align-items:center;width:52px;height:32px;padding:3px;border-radius:var(--r-pill);background:var(--surface-container-highest);border:2px solid var(--outline);transition:background-color var(--dur-med) var(--ease-standard),border-color var(--dur-med) var(--ease-standard)}.switch-thumb{width:20px;height:20px;border-radius:50%;background:var(--outline);transition:transform var(--dur-med) var(--ease-spring),background-color var(--dur-med) var(--ease-standard),width var(--dur-med) var(--ease-spring),height var(--dur-med) var(--ease-spring)}.switch input:checked+.switch-track{background:var(--primary);border-color:var(--primary)}.switch input:checked+.switch-track .switch-thumb{transform:translate(20px);width:24px;height:24px;background:var(--on-primary)}.switch input:focus-visible+.switch-track{outline:3px solid var(--primary);outline-offset:3px}.settings-actions{margin:var(--s6) 0 var(--s2)}.recovery-codes{font-family:var(--font-mono);font-size:1.02rem;line-height:1.8;padding:var(--s4);background:var(--surface-container-low);border:2px dashed var(--outline);border-radius:var(--r-md);-webkit-user-select:all;user-select:all;overflow-x:auto}code.secret,code.callback-url{font-family:var(--font-mono);word-break:break-all;-webkit-user-select:all;user-select:all}code.callback-url{font-size:.82rem;flex:1;min-width:0}.callback-cell{padding-top:0}.callback-row{display:flex;gap:var(--s2);align-items:center;margin-top:var(--s1)}.totp-input{font-size:1.7rem;font-weight:640;text-align:center;letter-spacing:.5em;text-indent:.5em;font-variant-numeric:tabular-nums;min-height:68px}.login-wrap{position:relative;background:var(--surface-container-lowest);border-radius:var(--r-xl);padding:var(--s8) var(--s6) var(--s6);box-shadow:var(--shadow-md);margin:8vh auto var(--s10)}body:has(.login-wrap){background:radial-gradient(90% 60% at 50% -10%,color-mix(in srgb,var(--primary) 16%,transparent),transparent 70%),var(--surface)}@media(max-width:560px){.login-wrap{margin:0;padding:var(--s8) var(--s5);border-radius:0;box-shadow:none;min-height:100dvh;background:transparent}}