.login-page{min-height:100svh;display:grid;place-items:center;padding:38px 20px;background:radial-gradient(ellipse 60% 50% at 15% 10%,rgba(240,220,190,.05),transparent 70%),radial-gradient(ellipse 50% 40% at 85% 90%,rgba(240,220,190,.03),transparent 70%),#121214;color:#f0f0f3}@keyframes auth-card-fade-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.login-card{width:min(100%,520px);padding:44px 40px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(145deg,rgba(28,28,31,.9),rgba(22,22,25,.95));backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);box-shadow:0 32px 80px -16px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.1);animation:auth-card-fade-in .35s cubic-bezier(.16,1,.3,1)}.login-card .brand-lockup{color:#f0f0f3}.login-card .eyebrow{margin:30px 0 14px;color:#eb836c;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;font-weight:700;line-height:1;letter-spacing:.12em;text-transform:uppercase}.login-card h1{margin:0;color:#f0f0f3;font-size:clamp(34px,6.5vw,54px);line-height:.98;letter-spacing:-.045em;font-weight:800}.login-card h1 em{color:#eb836c;font-style:normal}.login-card>p{margin:12px 0 0;color:#9fa0a7;font-size:15px;line-height:1.55}.login-flow{margin-top:28px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;margin-bottom:24px;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.05)}.auth-tab{border:0;border-radius:10px;padding:11px 16px;background:transparent;color:#9fa0a7;font-size:14px;font-weight:600;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);outline:none}.auth-tab:hover:not(.active){color:#f0f0f3;background:rgba(255,255,255,.04)}.auth-tab.active{background:#f0f0f3;color:#121214;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.12)}.auth-help{margin:0 0 18px;line-height:1.55}.auth-help,.auth-step{color:#aab3b0;font-size:14px}.auth-step{display:flex;gap:14px;align-items:center;margin-bottom:16px;line-height:1.45}.auth-step>span{display:grid;place-items:center;width:36px;height:36px;min-width:36px;border:1px solid rgba(235,131,108,.35);border-radius:10px;background:rgba(235,131,108,.1);color:#eb836c;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;font-weight:700}.auth-step p{margin:0}.auth-step code{color:#ded5c0;font-family:ui-monospace,SFMono-Regular,monospace;background:rgba(222,213,192,.12);padding:2px 6px;border-radius:6px}.auth-bot-link{min-height:52px;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.04);color:#f0f0f3;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1)}.auth-bot-link:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);transform:translateY(-1px)}.auth-bot-link:active{transform:scale(.985)}.auth-bot-link-label{display:inline-flex;align-items:center;gap:11px}.auth-bot-icon{color:#29b6f6;flex-shrink:0}.field-label{display:block;margin:18px 0 10px;color:#9fa0a7;font-size:13px;font-weight:500}.field-label>input{width:100%;min-height:52px;margin-top:8px;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:0 16px;background:rgba(18,18,20,.85);color:#f0f0f3;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}.field-label>input:focus{border-color:#eb836c;box-shadow:0 0 0 3px rgba(235,131,108,.2)}.otp-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:10px}.otp-row input{min-width:0;width:100%;aspect-ratio:1/1.12;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(28,28,31,.85);color:#f0f0f3;text-align:center;font-family:ui-monospace,SFMono-Regular,monospace;font-size:clamp(22px,5.5vw,28px);font-weight:750;outline:none;transition:all .2s cubic-bezier(.16,1,.3,1);caret-color:#eb836c}.otp-row input:focus{border-color:#eb836c;background:rgba(37,37,42,.95);box-shadow:0 0 0 3px rgba(235,131,108,.25),0 4px 12px rgba(0,0,0,.2);transform:translateY(-2px)}.otp-row.checking input{animation:otp-pulse .65s ease infinite alternate;border-color:#eb836c}.otp-row.success input{border-color:#8ee16b;background:rgba(93,178,82,.18);color:#baff9d;animation:otp-success .45s cubic-bezier(.16,1,.3,1)}.otp-row.error input{border-color:#ff695a;background:rgba(239,91,71,.16);color:#ff9b91;animation:otp-shake .36s cubic-bezier(.36,.07,.19,.97)}.login-card .button{min-height:52px;margin-top:22px;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.login-card .button-primary{background:linear-gradient(180deg,#eb836c,#db7159);border:1px solid rgba(255,255,255,.2);color:#121214;font-weight:700;box-shadow:0 4px 14px rgba(0,0,0,.35),0 2px 6px rgba(235,131,108,.2),inset 0 1px 0 rgba(255,255,255,.35)}.login-card .button-primary:hover:not(:disabled){background:linear-gradient(180deg,#f29079,#e27860);box-shadow:0 8px 24px rgba(0,0,0,.4),0 4px 12px rgba(235,131,108,.28),inset 0 1px 0 rgba(255,255,255,.45);transform:translateY(-1px)}.login-card .button-primary:active:not(:disabled){transform:scale(.985)}.button:disabled{cursor:not-allowed;opacity:.5}.text-button{min-height:44px;margin-top:10px;border:0;padding:8px 12px;background:transparent;color:#9fa0a7;font-size:13.5px;font-weight:500;cursor:pointer;border-radius:10px;transition:color .18s,background .18s}.text-button:hover:not(:disabled){color:#f0f0f3;background:rgba(255,255,255,.04)}.text-button:active:not(:disabled){transform:scale(.985)}.form-notice{margin:18px 0 0;border:1px solid;border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.45;animation:auth-card-fade-in .25s ease}.form-notice.success{color:#a9ec82;background:rgba(93,178,82,.12);border-color:rgba(93,178,82,.3)}.form-notice.error{color:#ff8a7f;background:rgba(239,91,71,.12);border-color:rgba(239,91,71,.3)}.login-card .back-link{display:inline-flex;align-items:center;gap:6px;margin-top:28px;color:#9fa0a7;font-size:13px;text-decoration:none;transition:color .18s}.login-card .back-link:hover{color:#f0f0f3}@keyframes otp-pulse{to{border-color:#eb836c;box-shadow:0 0 0 3px rgba(235,131,108,.22)}}@keyframes otp-success{50%{transform:translateY(-4px) scale(1.03)}}@keyframes otp-shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}@media (max-width:560px){.login-page{padding:18px 14px;background:radial-gradient(ellipse 70% 45% at 50% 0,rgba(240,220,190,.05),transparent 70%),#121214}.login-card{width:100%;padding:30px 20px 32px;border-radius:24px;border:1px solid rgba(255,255,255,.08)}.otp-row{gap:6px}.otp-row input{border-radius:10px}}.brand-lockup{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.brand-symbol{width:40px;height:40px;flex:0 0 40px;object-fit:contain;display:block}.brand-wordmark{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:700;font-size:20px;letter-spacing:-.04em;line-height:1;color:inherit;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.brand-cursor{color:#e46e59;font-weight:700;display:inline-block;margin-left:1px}@media (max-width:680px){.brand-symbol{width:34px;height:34px;flex:0 0 34px}.brand-wordmark{font-size:18px}}.admin-plan-form{display:flex;align-items:center;gap:6px}.admin-plan-form .ghost-button{font-size:12px;font-weight:600;padding:8px 12px}.dashboard-empty{width:min(480px,100%);margin:64px auto;padding:36px;text-align:center}.dashboard-empty strong{font:750 19px ui-monospace,monospace}.dashboard-empty p{color:var(--app-muted);line-height:1.55;font-size:13px;margin-top:8px}details.dropdown summary:before{content:"";display:none;position:fixed;inset:0;z-index:10}details.dropdown[open] summary:before{display:block}details.dropdown[open] summary+*{z-index:100}.user-row:has(details[open]){z-index:100}.admin-user-actions{z-index:100}.admin-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;margin:16px 0}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:760px){.admin-integration-strip{grid-template-columns:1fr 1fr}.admin-integration-strip>div:nth-child(2){border-right:none}.admin-integration-strip>div:nth-child(-n+2){border-bottom:1px solid var(--app-line)}.admin-user-row{display:grid!important;grid-template-columns:auto 1fr auto;align-items:start;grid-gap:12px;gap:12px}.admin-user-identity{min-width:0}.admin-usage-score{grid-column:2;text-align:left}.admin-user-menu{grid-column:3;grid-row:1}.admin-user-row>.plan-badge{grid-column:2;width:max-content}.admin-overview-metrics{grid-template-columns:1fr 1fr!important}}@media (max-width:480px){.admin-integration-strip,.admin-overview-metrics{grid-template-columns:1fr!important}.admin-integration-strip>div{border-right:0!important;border-bottom:1px solid var(--app-line)}.admin-integration-strip>div:last-child{border-bottom:none}.admin-overview-head{gap:18px}.duration-buttons{grid-template-columns:1fr 1fr}}.payment-result-page{min-height:100vh;padding:34px max(22px,calc((100% - 1080px)/2));display:flex;flex-direction:column;gap:56px;background:var(--paper)}.payment-result-card{width:min(620px,100%);margin:auto;background:var(--white);border:1px solid var(--line);padding:clamp(28px,6vw,62px);box-shadow:0 24px 70px rgba(27,36,48,.09);position:relative}.payment-result-card:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:11px;background:linear-gradient(135deg,transparent 7px,var(--white) 0) 0 0/14px 14px repeat-x}.payment-result-card h1{font:700 clamp(34px,7vw,58px)/1 ui-monospace,monospace;letter-spacing:-.07em;margin:14px 0 20px}.payment-result-card>p:not(.eyebrow){color:#625c53;line-height:1.65;margin:0 0 28px;max-width:480px}.result-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;font:700 24px ui-monospace,monospace;margin-bottom:30px;background:#d8e5df;color:var(--green)}.payment-result-card.failed .result-mark{background:#f5d6cf;color:var(--red)}.result-actions{display:flex;gap:10px;flex-wrap:wrap}.error-code{display:block;font:700 clamp(58px,13vw,112px)/.9 ui-monospace,monospace;color:var(--ink);letter-spacing:-.09em;margin-bottom:30px}.annual-upgrade{display:flex;flex-direction:column;gap:10px;margin-top:8px;padding-top:16px;border-top:1px solid var(--line)}.annual-saving{align-self:flex-start;padding:5px 8px;border-radius:4px;background:#d8e5df;color:var(--green);font:700 10px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.06em}.annual-upgrade strong{font-size:22px}@media(max-width:680px){.payment-result-page{padding-top:22px;gap:30px}.payment-result-card{margin:0 auto}.result-actions .button{width:100%}}select,textarea{display:block;width:100%;max-width:100%;min-width:0;margin-top:6px;border:1px solid var(--line);border-radius:8px;background:var(--white);padding:12px;color:var(--ink);font:inherit}textarea{resize:vertical}.danger-inline{color:var(--red)!important}.danger-fill{background:var(--red)!important}.logout-nav{margin-top:8px;color:#f1b0a8!important;border:0;background:transparent;width:100%;text-align:left}.agreement-row{grid-template-columns:36px 1fr 100px 112px 10px 28px 28px}.support-callout{margin-top:36px;padding:24px;border:1px solid var(--line);background:var(--white);border-radius:16px}.inline-cta{margin-top:28px}.example-card,.hero-copy,.hero-receipt,.panel,.receipt,.steps>div{animation:soft-rise .45s ease both}@keyframes soft-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*{-webkit-tap-highlight-color:transparent}.account-button,.button,.custom-dropdown-trigger,.danger-button,.filter,.ghost-button,.icon-button,.kh-button,.mobile-nav-item,.modal-close,.row-menu,.subscription-plan{will-change:transform}.account-button:active,.button:active,.danger-button:active,.kh-button:active{transform:scale(.97)!important;transition:transform 70ms cubic-bezier(0,0,.2,1)!important}.ghost-button:active,.icon-button:active,.mobile-sheet-close:active,.modal-close:active,.row-menu:active{transform:scale(.92)!important;transition:transform 70ms cubic-bezier(0,0,.2,1)!important}.mobile-nav-item:active{transform:scale(.93)!important;transition:transform 70ms cubic-bezier(0,0,.2,1)!important}.custom-dropdown-trigger:active,.filter:active,.subscription-plan:active{transform:scale(.98)!important;transition:transform 70ms cubic-bezier(0,0,.2,1)!important}.agreement-row{transition:background-color .15s ease,transform .12s cubic-bezier(.2,0,0,1)}.agreement-row:active{transform:scale(.995)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.15s!important;scroll-behavior:auto!important}.agreement-actions>.agreement-action-popover,.example-card,.hero-copy,.hero-receipt,.mobile-sheet,.panel,.receipt,.steps>div,.theme-select-menu{transform:none!important}}@media (prefers-reduced-transparency:reduce){.agreement-actions>.agreement-action-popover,.kh-header,.mobile-nav,.mobile-sheet,.mobile-sheet-backdrop,.modal-content,.modal-dialog,.theme-select-menu{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--app-surface,#fffdf8)!important}}@media (prefers-color-scheme:dark){html[data-theme=system]{--ink:#f0f0f3;--paper:#121214;--white:#1c1c1f;--line:rgba(255,255,255,0.08);--graphite:#9fa0a7}}html[data-theme=dark]{--ink:#f0f0f3;--paper:#121214;--white:#1c1c1f;--line:rgba(255,255,255,0.08);--graphite:#9fa0a7}html[data-theme=light]{--ink:#1B2430;--paper:#EFE9DE;--white:#fffdf9;--line:#d8d1c6;--graphite:#8A8073}html[data-theme=dark] .button-primary,html[data-theme=system] .button-primary{background:linear-gradient(180deg,#eb836c,#db7159);color:#121214;border:1px solid rgba(255,255,255,.2)}@media (max-width:680px){.app-main{padding-bottom:112px}.agreement-row{grid-template-columns:32px 1fr 64px 8px 30px 30px}.row-menu{display:inline-flex!important;align-items:center;justify-content:center;border-radius:12px;background:rgba(255,255,255,.35)}.mobile-nav{left:12px;right:12px;bottom:12px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(22,22,25,.94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 40px rgba(0,0,0,.5);padding:8px 8px calc(8px + env(safe-area-inset-bottom));justify-content:space-between}.mobile-nav-item{border:0;background:transparent;color:#aeb7c1;border-radius:18px;padding:8px 7px;min-width:0;flex:1 1}.mobile-nav-item span{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;color:inherit}.mobile-nav-item .nav-svg-icon,.mobile-nav-item svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8px;display:block;flex-shrink:0}.mobile-nav-item small{font-size:9px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding:0 2px;color:inherit}.mobile-nav-item.active{background:rgba(255,255,255,.12);color:#fff}.mobile-nav-item.active svg{stroke:currentColor}.mobile-logout{color:#f1b0a8}.summary-strip{grid-template-columns:1fr}.hero-receipt{transform:none}.receipt-barcode{font-size:18px}.marketing-footer,.trust-inner{align-items:flex-start;flex-direction:column}.trust-inner>a{margin-left:0}}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}