:root{--primary:#1e3a8a;--primary-dark:#142a63;--primary-light:#3b5fc4;--secondary:#ff8a00;--amber:#ffd166;--error:#e5484d;--success:#0e9f6e;--success-ink:#05704b;--warning-ink:#9a5b00;--bg:#f6f7fb;--bg-alt:#eef2fb;--surface:#fff;--surface-alt:#ebeef7;--panel:#fff;--panel-strong:#fff;--panel-soft:linear-gradient(180deg,#f3f5fc,#edf1fa);--line:#dde2f0;--text:#0f172a;--muted:#64748b;--shadow:0 10px 24px rgba(15,23,42,.07),0 1px 4px rgba(15,23,42,.04);--shadow-strong:0 18px 32px rgba(30,58,138,.12),0 2px 8px rgba(15,23,42,.05);--radius-lg:20px;--radius-md:16px;--radius-sm:12px;--accent-customer:var(--secondary);--accent-customer-ink:#9a5b00;--accent-company:var(--primary);--accent-company-ink:var(--primary);--accent-admin:#475569;--accent-admin-ink:#334155}*{box-sizing:border-box}html{color-scheme:light}body,html{margin:0;min-height:100%}body{font-family:var(--font-body),sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(59,95,196,.09),transparent 28%),radial-gradient(circle at top right,rgba(255,138,0,.1),transparent 20%),linear-gradient(180deg,#f8f9fd,#f4f6fb);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.page-shell{min-height:100vh;padding:18px}.page-shell>:is(.marketing-shell,.content-grid,.auth-card){width:min(1180px,100%);margin:0 auto}.marketing-shell{display:flex;flex-direction:column;gap:18px}.hero-card,.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.hero-card{border-radius:28px;padding:24px;overflow:hidden;position:relative;background:radial-gradient(circle at top right,rgba(255,138,0,.16),transparent 22%),radial-gradient(circle at top left,rgba(59,95,196,.14),transparent 32%),linear-gradient(180deg,#fbfcff,#f1f5ff);border-color:rgba(59,95,196,.12);box-shadow:0 18px 32px rgba(30,58,138,.08),0 2px 8px rgba(15,23,42,.05)}.cards-grid,.content-grid,.detail-grid,.hero-grid,.kpi-grid,.split-grid{display:grid;grid-gap:16px;gap:16px}.hero-grid{grid-template-columns:1.35fr .9fr;align-items:stretch;gap:18px}.content-grid{grid-template-columns:236px minmax(0,1fr);align-items:start}.detail-grid,.split-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.headline{font-size:clamp(1.72rem,3.6vw,2.65rem);line-height:1.06;letter-spacing:-.03em;margin:0;font-weight:800}.console-title,.kpi-value,.panel-title,.section-title{font-family:var(--font-body),sans-serif}.section-title{font-size:1.05rem;margin:0;font-weight:700}.muted{color:var(--muted)}.connection-chip,.eyebrow,.nav-badge,.status-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 11px;font-size:.74rem;letter-spacing:.02em;font-weight:700}.connection-chip,.eyebrow{color:var(--primary);background:rgba(30,58,138,.08);border:1px solid rgba(30,58,138,.1)}.status-pill{width:-moz-fit-content;width:fit-content;color:var(--text);background:var(--surface-alt);border:1px solid var(--line);text-transform:capitalize}.status-pill.success{color:var(--success-ink);background:rgba(14,159,110,.12);border-color:rgba(14,159,110,.22)}.status-pill.warning{color:#9a5b00;background:rgba(255,209,102,.24);border-color:rgba(255,209,102,.35)}.status-pill.danger{color:var(--error);background:rgba(229,72,77,.08);border-color:rgba(229,72,77,.14)}.button-row,.field-row,.panel-actions,.toolbar-row{display:flex;flex-wrap:wrap;gap:10px}.field-row>*{flex:1 1 220px;min-width:0}.button{border:1px solid transparent;border-radius:999px;background:linear-gradient(180deg,var(--primary-light) 0,var(--primary) 100%);color:#fff;padding:11px 16px;min-height:44px;font-size:.92rem;font-weight:700;box-shadow:0 10px 20px rgba(30,58,138,.18);transition:transform .16s ease,box-shadow .16s ease;position:relative;overflow:hidden}.button:before{content:"";position:absolute;top:2px;left:18%;right:18%;height:34%;border-radius:999px;background:hsla(0,0%,100%,.2)}.button:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(30,58,138,.22)}.button.secondary{border-color:var(--line);background:var(--surface);color:var(--text);box-shadow:0 6px 14px rgba(15,23,42,.05)}.button.ghost{border-color:transparent;background:transparent;color:var(--primary);padding-inline:0;min-height:auto;box-shadow:none}.button.ghost:before,.button.secondary:before{display:none}.button.danger{background:linear-gradient(180deg,#ee676d 0,var(--error) 100%);box-shadow:0 10px 20px rgba(229,72,77,.16)}.button:disabled{opacity:.62;cursor:not-allowed;transform:none;box-shadow:none}.panel{border-radius:var(--radius-lg);padding:16px}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.panel-title{font-size:1rem;margin:0;font-weight:700}.panel-copy,.text-copy{margin:0;color:var(--muted);line-height:1.45;font-size:.9rem;max-width:72ch}.kpi-card{border-radius:var(--radius-md);padding:15px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.kpi-value{font-size:1.55rem;margin:10px 0 2px;font-weight:800}.kpi-label{margin:0;color:var(--muted);font-size:.86rem}.progress-rail{height:8px;border-radius:999px;background:var(--surface-alt);overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary-light),var(--primary))}.notice{border-radius:var(--radius-sm);border:1px solid rgba(255,209,102,.45);background:rgba(255,209,102,.18);color:#7b5600;padding:12px 14px;font-size:.93rem}.notice.demo{border-color:rgba(30,58,138,.16);background:rgba(30,58,138,.08);color:var(--primary-dark)}.notice.error{border-color:rgba(229,72,77,.18);background:rgba(229,72,77,.08);color:var(--error)}.form-grid{display:grid;grid-gap:12px;gap:12px}.field{display:grid;grid-gap:8px;gap:8px}.field label{color:var(--text);font-size:.9rem;font-weight:600}.input,.select,.textarea{width:100%;border-radius:16px;border:1px solid transparent;background:var(--surface-alt);color:var(--text);padding:14px 16px;outline:none;font-size:.94rem}input[type=file].input{padding-block:12px}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(30,58,138,.1)}.textarea{min-height:108px;resize:vertical}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:top}.table tbody tr:hover{background:rgba(30,58,138,.02)}.table th{color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.table td{color:var(--text);font-size:.92rem}.table-sub{display:block;margin-top:4px;color:var(--muted);font-size:.81rem;line-height:1.35}.mini-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.mini-list li{padding:12px 0;border-bottom:1px solid var(--line)}.topbar{width:min(1180px,100%);margin:0 auto 16px;justify-content:space-between;gap:16px}.topbar,.topbar-brand{display:flex;align-items:center}.topbar-brand{gap:10px}.topbar-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--primary-light) 0,var(--primary) 100%);color:#fff;box-shadow:0 8px 16px rgba(30,58,138,.22);flex-shrink:0}.topbar-wordmark{font-weight:800;font-size:1.02rem;letter-spacing:-.01em;line-height:1.1}.topbar-wordmark span{display:block;color:var(--muted);font-weight:600;font-size:.72rem;letter-spacing:.03em;text-transform:uppercase}.topbar-actions{display:flex;align-items:center;gap:8px}.icon-button{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--muted);transition:background .16s ease,color .16s ease,border-color .16s ease}.icon-button:hover{color:var(--primary);border-color:rgba(30,58,138,.18);background:rgba(30,58,138,.06)}.nav-toggle{display:none}.topbar-user{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:999px;border:1px solid var(--line);background:var(--surface)}.topbar-user-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:var(--console-accent,var(--primary));color:#fff;font-size:.78rem;font-weight:800;flex-shrink:0}.topbar-user-text{display:grid;line-height:1.2}.topbar-user-text strong{font-size:.84rem}.topbar-user-text span{color:var(--muted);font-size:.74rem}.nav-shell{position:-webkit-sticky;position:sticky;top:18px}.nav-shell-header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.nav-shell-badge{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:color-mix(in srgb,var(--console-accent,var(--primary)) 14%,transparent);color:var(--console-accent-ink,var(--primary));flex-shrink:0}.side-nav{display:grid;grid-gap:6px;gap:6px}.nav-link{justify-content:space-between;gap:12px;padding:10px 12px;border-radius:16px;color:var(--muted);border:1px solid transparent;transition:background .16s ease,border-color .16s ease,color .16s ease;font-size:.91rem;font-weight:600}.nav-link,.nav-link-label{display:flex;align-items:center}.nav-link-label{gap:10px}.nav-link-label svg{flex-shrink:0;opacity:.85}.nav-link.active,.nav-link:hover{color:var(--console-accent-ink,var(--primary));background:color-mix(in srgb,var(--console-accent,var(--primary)) 10%,transparent);border-color:color-mix(in srgb,var(--console-accent,var(--primary)) 16%,transparent)}.nav-link.active .nav-link-label svg,.nav-link:hover .nav-link-label svg{opacity:1}.nav-badge{padding:5px 9px;background:var(--surface-alt);border:1px solid var(--line)}.nav-drawer-backdrop{display:none}.console-main{display:flex;flex-direction:column;gap:14px}.console-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.console-title{margin:8px 0 6px;font-size:clamp(1.45rem,3vw,2.1rem);line-height:1.08;font-weight:800}.empty-state{border-radius:var(--radius-md);border:1px dashed var(--line);padding:18px;text-align:left;background:var(--surface-alt)}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.auth-card{width:min(1040px,100%)}.auth-stage{display:grid;grid-gap:16px;gap:16px}.auth-hero{position:relative;overflow:hidden;border-radius:32px;border:1px solid rgba(59,95,196,.12);background:radial-gradient(circle at top right,rgba(255,138,0,.16),transparent 22%),radial-gradient(circle at top left,rgba(59,95,196,.14),transparent 30%),linear-gradient(180deg,#fbfcff,#f1f5ff);box-shadow:0 18px 32px rgba(30,58,138,.08),0 2px 8px rgba(15,23,42,.05);padding:18px}.auth-forms-grid,.auth-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.auth-copy-panel{padding:10px 8px;align-self:center}.auth-headline{max-width:10ch;font-size:clamp(2.15rem,4vw,3.35rem)}.auth-lede{font-size:.98rem;line-height:1.6;max-width:58ch}.auth-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:20px}.auth-note-card{border-radius:20px;padding:15px;background:hsla(0,0%,100%,.84);border:1px solid rgba(59,95,196,.12);box-shadow:0 10px 20px rgba(30,58,138,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-note-kicker{display:inline-block;margin-bottom:8px;color:var(--primary);font-size:.76rem;font-weight:700;letter-spacing:.02em}.auth-note-card p{margin:0;color:var(--text);font-size:.92rem;line-height:1.5;font-weight:600}.auth-panel{background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 12px 24px rgba(15,23,42,.05),0 1px 4px rgba(15,23,42,.04)}.auth-connection-panel{padding:18px}.auth-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:14px;gap:14px}.connection-chip input[type=checkbox]{accent-color:var(--primary)}.auth-card .panel-copy{color:#5f6f93}.auth-card .field label{font-size:.88rem;font-weight:700}.auth-card .input,.auth-card .select,.auth-card .textarea{background:#fff;border:1px solid #e3e8f7;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.7)}.auth-card .button-row{align-items:center}.auth-card .button.secondary{border-color:rgba(59,95,196,.14)}.auth-card .button.secondary:hover{box-shadow:0 10px 20px rgba(30,58,138,.08)}.payment-layout{display:grid;grid-template-columns:1.2fr .95fr;grid-gap:14px;gap:14px;align-items:start}.payment-helper{border-radius:16px;padding:12px 14px;background:rgba(59,95,196,.06);border:1px solid rgba(59,95,196,.1);color:var(--primary-dark);font-size:.89rem;line-height:1.5}.payment-method-grid{display:grid;grid-gap:10px;gap:10px}.payment-method-card{width:100%;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#f9fbff);padding:14px;text-align:left;color:var(--text);box-shadow:0 8px 18px rgba(15,23,42,.04);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.payment-method-card:hover{transform:translateY(-1px);border-color:rgba(59,95,196,.18);box-shadow:0 12px 22px rgba(30,58,138,.08)}.payment-method-card.active{border-color:rgba(59,95,196,.24);background:linear-gradient(180deg,#fff,#eef3ff);box-shadow:0 14px 26px rgba(30,58,138,.1)}.payment-method-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}.payment-method-head strong{font-size:.96rem}.payment-method-badge{border-radius:999px;padding:5px 9px;background:rgba(255,138,0,.14);color:#9a5b00;font-size:.72rem;font-weight:700;white-space:nowrap}.payment-method-copy{display:block;color:var(--muted);font-size:.88rem;line-height:1.5}.payment-summary-card{border-radius:20px;padding:16px;background:linear-gradient(180deg,#fff,#f7f9ff);border:1px solid rgba(59,95,196,.12);box-shadow:0 12px 24px rgba(15,23,42,.05);display:grid;grid-gap:14px;gap:14px}.payment-summary-list{display:grid;grid-gap:10px;gap:10px}.payment-summary-row{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--muted);font-size:.9rem}.payment-summary-row strong{color:var(--text);text-align:right}.payment-summary-row.total{padding-top:10px;border-top:1px solid var(--line);color:var(--text)}.payment-summary-row.total strong{font-size:.98rem}.payment-auth-box,.payment-mock-box{border-radius:18px;padding:14px;background:rgba(30,58,138,.05);border:1px solid rgba(30,58,138,.1)}.payment-auth-box strong,.payment-mock-box strong{display:block;margin-bottom:6px}.payment-auth-box p,.payment-mock-box p{margin:0 0 12px;color:var(--muted);font-size:.88rem;line-height:1.5}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.hero-card .connection-chip,.hero-card .eyebrow{color:var(--primary);background:rgba(30,58,138,.08);border-color:rgba(30,58,138,.12)}.hero-card .headline,.hero-card .panel-title,.hero-card .section-title,.hero-card strong{color:var(--text)}.hero-card .panel-copy,.hero-card .table-sub{color:var(--muted)}.hero-card .panel{background:hsla(0,0%,100%,.78)!important;border-color:rgba(59,95,196,.1);box-shadow:0 10px 20px rgba(30,58,138,.05)}.hero-card .mini-list li{border-bottom-color:rgba(221,226,240,.95)}.auth-production-shell{display:flex;align-items:center}.auth-production-layout{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);grid-gap:22px;gap:22px;align-items:stretch}.auth-production-card,.auth-showcase-panel{border-radius:30px;border:1px solid rgba(36,59,143,.1);background:linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(247,248,252,.98));box-shadow:0 20px 38px rgba(36,59,143,.08),0 2px 8px rgba(16,24,40,.04)}.auth-showcase-panel{position:relative;overflow:hidden;padding:28px;background:radial-gradient(circle at top left,rgba(36,59,143,.15),transparent 34%),radial-gradient(circle at 82% 18%,rgba(244,166,42,.16),transparent 24%),linear-gradient(180deg,#fcfdff,#f3f6fe);display:grid;grid-gap:22px;gap:22px}.auth-showcase-brand{display:inline-flex;align-items:center;gap:14px}.auth-showcase-brand span,.auth-showcase-brand strong{display:block}.auth-showcase-brand strong{color:#101828;font-size:1rem;font-weight:800}.auth-showcase-brand span{color:#667085;font-size:.9rem}.auth-showcase-mark{width:46px;height:46px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#3152be,#243b8f);color:#fff;font-weight:800;letter-spacing:.02em;box-shadow:0 14px 28px rgba(36,59,143,.18)}.auth-production-title{margin:0;max-width:11ch;font-size:clamp(2.5rem,4.2vw,3.5rem);line-height:1.02;letter-spacing:-.04em;color:#101828;font-weight:900}.auth-production-copy{margin:0;max-width:58ch;color:#667085;font-size:1rem;line-height:1.65}.auth-role-preview-grid,.auth-trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.auth-role-preview-card,.auth-trust-card{border-radius:22px;padding:16px;background:hsla(0,0%,100%,.84);border:1px solid rgba(36,59,143,.09);box-shadow:0 12px 24px rgba(36,59,143,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-role-preview-card.selected{border-color:rgba(36,59,143,.22);box-shadow:0 16px 28px rgba(36,59,143,.1)}.auth-role-preview-head,.auth-trust-card{display:flex;gap:12px;align-items:flex-start}.auth-role-preview-head strong,.auth-trust-card strong{color:#101828;font-size:.98rem}.auth-role-preview-card p,.auth-trust-card p{margin:8px 0 0;color:#667085;font-size:.9rem;line-height:1.55}.auth-company-empty-icon,.auth-role-icon,.auth-trust-icon{width:38px;height:38px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:rgba(36,59,143,.08);color:#243b8f;flex-shrink:0}.auth-abstract-visual{position:relative;min-height:220px;border-radius:26px;overflow:hidden;border:1px solid rgba(36,59,143,.08);background:linear-gradient(135deg,rgba(36,59,143,.08),rgba(244,166,42,.06))}.auth-visual-orb{position:absolute;border-radius:999px;filter:blur(2px)}.auth-visual-orb-one{width:220px;height:220px;left:-48px;top:-64px;background:radial-gradient(circle,rgba(36,59,143,.3) 0,rgba(36,59,143,0) 72%)}.auth-visual-orb-two{width:180px;height:180px;right:-20px;bottom:-42px;background:radial-gradient(circle,rgba(244,166,42,.32) 0,rgba(244,166,42,0) 72%)}.auth-visual-card{position:absolute;display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:22px;border:1px solid hsla(0,0%,100%,.78);background:hsla(0,0%,100%,.82);box-shadow:0 18px 30px rgba(36,59,143,.08);color:#243b8f}.auth-visual-card span,.auth-visual-card strong{display:block}.auth-visual-card strong{color:#101828;font-size:.92rem}.auth-visual-card span{margin-top:4px;color:#667085;font-size:.84rem;line-height:1.5}.auth-visual-card-main{left:28px;right:116px;top:34px}.auth-visual-card-side{right:26px;bottom:24px;max-width:280px}.auth-production-card{padding:28px;display:grid;align-content:start;grid-gap:18px;gap:18px}.auth-production-card-head h2{margin:6px 0 8px;color:#101828;font-size:1.8rem;line-height:1.1;font-weight:800}.auth-production-card-head p{margin:0;color:#667085;font-size:.98rem;line-height:1.6}.auth-production-kicker{color:#243b8f;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.auth-role-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.auth-role-button{width:100%;border:1px solid #e4e7ec;border-radius:18px;background:#fff;color:#344054;padding:14px 16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;box-shadow:0 8px 18px rgba(16,24,40,.04);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}.auth-role-button:hover{transform:translateY(-1px);border-color:rgba(36,59,143,.18);box-shadow:0 12px 24px rgba(36,59,143,.08)}.auth-role-button.active{border-color:rgba(36,59,143,.28);background:linear-gradient(180deg,#fff,#eef3ff);color:#101828}.auth-role-button-icon{width:28px;height:28px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(36,59,143,.08);color:#243b8f}.auth-company-empty,.auth-company-picker,.auth-form-stack{display:grid;grid-gap:16px;gap:16px}.auth-field{display:grid;grid-gap:8px;gap:8px}.auth-field label{color:#101828;font-size:.9rem;font-weight:700}.auth-production-input{background:#f8f9fc;border:1px solid #e4e7ec;border-radius:18px;padding:15px 16px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8)}.auth-otp-slots.has-error,.auth-production-input.has-error{border-color:rgba(217,45,32,.38);box-shadow:0 0 0 3px rgba(217,45,32,.08)}.auth-field-hint{color:#667085;font-size:.81rem;line-height:1.5}.auth-field-error{color:#d92d20;font-size:.84rem;font-weight:600}.auth-submit-button{width:100%;display:inline-flex;align-items:center;justify-content:center}.auth-otp-block{display:grid;grid-gap:14px;gap:14px}.auth-otp-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.auth-otp-head h3{margin:0 0 6px;color:#101828;font-size:1.02rem}.auth-otp-head p{margin:0;color:#667085;font-size:.9rem;line-height:1.5}.auth-otp-input-wrap{position:relative;display:block}.auth-otp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.auth-otp-hidden-input{position:absolute;inset:0;opacity:0;pointer-events:none}.auth-otp-slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:10px;gap:10px}.auth-otp-slot{height:58px;border-radius:18px;border:1px solid #e4e7ec;background:#f8f9fc;display:grid;place-items:center;color:#101828;font-size:1.2rem;font-weight:800;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.85);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.auth-otp-slot.active{border-color:rgba(36,59,143,.28);box-shadow:0 0 0 3px rgba(36,59,143,.08);transform:translateY(-1px)}.auth-resend-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;color:#667085;font-size:.88rem}.auth-resend-row strong{color:#243b8f;font-size:.88rem}.auth-production-footer{display:grid;grid-gap:12px;gap:12px;padding-top:4px}.auth-terms-copy{margin:0;color:#667085;font-size:.84rem;line-height:1.55}.auth-help-link,.auth-terms-copy span{color:#243b8f;font-weight:700}.auth-help-link{border:0;background:transparent;padding:0;display:inline-flex;align-items:center;gap:8px;justify-self:flex-start}.auth-loading-card{border-radius:24px;border:1px solid rgba(36,59,143,.12);background:linear-gradient(180deg,#fff,#f8faff);padding:22px;display:flex;gap:14px;align-items:center}.auth-loading-card strong{display:block;color:#101828;margin-bottom:4px}.auth-loading-card p{margin:0;color:#667085;line-height:1.5}.auth-loading-spinner{width:44px;height:44px;border-radius:999px;border:3px solid rgba(36,59,143,.12);border-top-color:#243b8f;animation:auth-spin .9s linear infinite;flex-shrink:0}.auth-company-empty h3,.auth-company-picker h3{margin:0;color:#101828;font-size:1.16rem}.auth-company-empty p,.auth-company-picker p{margin:0;color:#667085;line-height:1.55}.auth-workspace-list{display:grid;grid-gap:12px;gap:12px}.auth-workspace-card{width:100%;border:1px solid #e4e7ec;border-radius:20px;background:#fff;padding:16px;text-align:left;color:#101828;box-shadow:0 10px 20px rgba(16,24,40,.04);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}.auth-workspace-card:hover{transform:translateY(-1px);border-color:rgba(36,59,143,.18);box-shadow:0 14px 24px rgba(36,59,143,.08)}.auth-workspace-card.active{border-color:rgba(36,59,143,.28);background:linear-gradient(180deg,#fff,#eef3ff)}.auth-workspace-card-head,.auth-workspace-meta{display:flex;gap:10px;justify-content:space-between;align-items:center}.auth-workspace-card-head strong{font-size:.98rem}.auth-workspace-badge{border-radius:999px;padding:5px 9px;background:rgba(36,59,143,.08);color:#243b8f;font-size:.74rem;font-weight:700;text-transform:capitalize;white-space:nowrap}.auth-workspace-card p{margin:10px 0 12px;font-size:.88rem}.auth-workspace-open-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.auth-workspace-meta{color:#667085;font-size:.8rem;text-transform:capitalize;flex-wrap:wrap}@keyframes auth-spin{to{transform:rotate(1turn)}}@media (max-width:1080px){.auth-forms-grid,.auth-grid,.auth-hero-grid,.auth-note-grid,.content-grid,.detail-grid,.hero-grid,.payment-layout,.split-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-toggle{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--muted);flex-shrink:0}.topbar-user-text{display:none}.nav-shell{position:fixed;top:0;bottom:0;left:0;z-index:60;width:min(300px,84vw);margin:0;padding:16px;background:var(--bg);overflow-y:auto;transform:translateX(-100%);transition:transform .22s ease;box-shadow:var(--shadow-strong)}.nav-shell.open{transform:translateX(0)}.nav-drawer-backdrop{display:block;position:fixed;inset:0;z-index:55;background:rgba(15,23,42,.45);opacity:0;pointer-events:none;transition:opacity .22s ease}.nav-drawer-backdrop.open{opacity:1;pointer-events:auto}.auth-copy-panel{padding:4px 0}.auth-headline{max-width:none}.auth-production-layout{grid-template-columns:1fr}.auth-production-title{max-width:none}.auth-visual-card-main{right:28px}}@media (max-width:720px){.page-shell{padding:14px}.hero-card,.panel{padding:16px}.cards-grid,.kpi-grid{grid-template-columns:1fr}.console-header{flex-direction:column}.auth-production-card,.auth-showcase-panel{padding:20px;border-radius:24px}.auth-role-preview-grid,.auth-role-selector,.auth-trust-grid{grid-template-columns:1fr}.auth-production-title{font-size:2rem}.auth-production-copy{font-size:.95rem}.auth-abstract-visual{min-height:180px}.auth-visual-card-main,.auth-visual-card-side{position:absolute;left:18px;right:18px;max-width:none}.auth-visual-card-main{top:18px}.auth-visual-card-side{bottom:18px}.auth-otp-head,.auth-workspace-card-head,.auth-workspace-meta{flex-direction:column;align-items:flex-start}.auth-otp-slots{gap:8px}.auth-otp-slot{height:52px;border-radius:16px;font-size:1.05rem}.auth-loading-card{align-items:flex-start}}