/* AlfaLid commercial UI v2 — final visual layer */
:root{
  --v2-bg:#f4f6fb;
  --v2-surface:#fff;
  --v2-surface-soft:#f8f9fc;
  --v2-text:#172033;
  --v2-muted:#667085;
  --v2-faint:#98a2b3;
  --v2-border:#e4e8f1;
  --v2-border-strong:#d6dce8;
  --v2-primary:#5858e8;
  --v2-primary-2:#7447ec;
  --v2-primary-soft:#eeeeff;
  --v2-navy:#0c1425;
  --v2-navy-2:#111d35;
  --v2-success:#15966a;
  --v2-warning:#d18b22;
  --v2-danger:#d64d64;
  --v2-shadow:0 18px 55px rgba(23,32,51,.09);
  --v2-shadow-sm:0 8px 24px rgba(23,32,51,.07);
}
*{box-sizing:border-box}
html,body{background:var(--v2-bg)!important;color:var(--v2-text)!important}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:14px!important;line-height:1.45!important;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
button{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,color .16s ease}
button:not(:disabled){cursor:pointer}
button:not(:disabled):active{transform:translateY(1px)}
:focus-visible{outline:3px solid rgba(88,88,232,.2)!important;outline-offset:2px}
.hidden{display:none!important}

/* buttons + inputs */
.btn{min-height:42px!important;padding:0 17px!important;border-radius:11px!important;font-size:13px!important;font-weight:700!important;letter-spacing:0!important;box-shadow:none!important}
.btn.primary{background:linear-gradient(135deg,var(--v2-primary),var(--v2-primary-2))!important;border-color:transparent!important;color:#fff!important;box-shadow:0 8px 20px rgba(88,88,232,.22)!important}
.btn.primary:hover{box-shadow:0 11px 24px rgba(88,88,232,.29)!important;transform:translateY(-1px)}
.btn.ghost,.btn.subtle{background:#fff!important;border:1px solid var(--v2-border)!important;color:#344054!important}
.btn.ghost:hover,.btn.subtle:hover{background:#f7f8fc!important;border-color:#cfd5e2!important}
.btn.dark{background:#111a2f!important;border:1px solid rgba(255,255,255,.08)!important;color:#fff!important}
.btn.xl{min-height:50px!important;font-size:14px!important;width:100%}
.btn.small{min-height:36px!important;padding:0 13px!important;font-size:12px!important}
.text-button{font-size:12px!important;font-weight:700!important;color:var(--v2-primary)!important}
label{font-size:12px!important;font-weight:650!important;color:#475467!important;gap:7px!important}
input,select,textarea{border:1px solid var(--v2-border-strong)!important;background:#fff!important;border-radius:11px!important;min-height:44px!important;padding:10px 12px!important;font-size:13px!important;box-shadow:0 1px 2px rgba(16,24,40,.02)!important;transition:border-color .16s,box-shadow .16s!important}
textarea{min-height:92px!important;resize:vertical}
input:hover,select:hover,textarea:hover{border-color:#bbc3d3!important}
input:focus,select:focus,textarea:focus{border-color:#8b8af0!important;box-shadow:0 0 0 4px rgba(88,88,232,.09)!important;outline:none!important}
input::placeholder,textarea::placeholder{color:#a4adbd!important}
.check{font-size:12px!important;font-weight:500!important;line-height:1.45!important}
.check input{min-height:auto!important;width:16px!important;height:16px!important;padding:0!important;accent-color:var(--v2-primary)}
.eyebrow,.section-kicker{font-size:10px!important;line-height:1!important;letter-spacing:.13em!important;font-weight:800!important;color:#7775de!important}

/* auth */
.auth-screen{min-height:100vh!important;display:grid!important;grid-template-columns:minmax(520px,46%) 1fr!important;background:#f6f7fb!important}
.auth-visual{position:relative!important;overflow:hidden!important;min-height:100vh!important;padding:38px 48px 30px!important;background:radial-gradient(circle at 80% 17%,rgba(119,84,240,.42),transparent 28%),radial-gradient(circle at 15% 72%,rgba(36,178,206,.16),transparent 27%),linear-gradient(145deg,#0b1221 0%,#111b33 56%,#181a42 100%)!important;color:#fff!important;display:flex!important;flex-direction:column!important}
.auth-visual:before{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000,transparent 82%);pointer-events:none}
.auth-visual:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-170px;bottom:80px;box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 125px rgba(255,255,255,.018);pointer-events:none}
.auth-brand{position:relative;z-index:2;display:flex!important;align-items:center!important;gap:11px!important;color:#fff!important;text-decoration:none!important;font-size:17px!important;font-weight:750!important;letter-spacing:-.02em}
.brand-mark{width:34px!important;height:34px!important;border-radius:10px!important;background:linear-gradient(145deg,#7f74ff,#5c47e9)!important;display:inline-grid!important;place-items:center!important;box-shadow:0 8px 24px rgba(95,74,233,.32)!important;color:#fff!important;font-weight:800!important}
.auth-copy{position:relative;z-index:2;margin-top:9vh!important;max-width:620px!important}
.auth-copy h1{margin:0 0 18px!important;font-size:clamp(38px,4vw,62px)!important;line-height:.98!important;letter-spacing:-.055em!important;color:#fff!important;font-weight:780!important}
.auth-copy>p{max-width:490px!important;color:#b9c4d9!important;font-size:16px!important;line-height:1.55!important;margin:0 0 30px!important}
.auth-benefits{display:grid!important;grid-template-columns:1fr 1fr!important;gap:11px 18px!important;max-width:610px!important}
.auth-benefits>div{min-height:66px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:11px 12px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:14px!important;background:rgba(255,255,255,.045)!important;backdrop-filter:blur(12px)}
.auth-benefits b.benefit-icon{flex:0 0 36px!important;width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:rgba(255,255,255,.09)!important;color:#fff!important;font-size:13px!important}
.auth-benefits span{display:flex!important;flex-direction:column!important;gap:2px!important}
.auth-benefits strong{font-size:12px!important;color:#f7f9ff!important;font-weight:700!important}
.auth-benefits small{font-size:10px!important;color:#91a0bb!important;line-height:1.35!important}
.auth-device-preview{position:absolute!important;z-index:1;right:-17%;bottom:8%;width:55%;opacity:.42;filter:drop-shadow(0 30px 35px rgba(0,0,0,.4));transform:perspective(900px) rotateY(-6deg) rotateX(2deg)}
.auth-device-preview img{display:block;width:100%;border-radius:22px;border:1px solid rgba(255,255,255,.12)}
.auth-trust{position:relative;z-index:3;margin-top:auto!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;padding-top:24px!important;border-top:1px solid rgba(255,255,255,.08)!important}
.auth-trust>span{display:grid!important;grid-template-columns:28px 1fr!important;column-gap:7px!important;align-items:center!important}
.auth-trust b{grid-row:1/3!important;width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#c9d0ff;font-size:10px}
.auth-trust strong{font-size:10px!important;color:#e9edf6!important;font-weight:700!important}
.auth-trust small{font-size:9px!important;color:#7888a5!important}
.auth-panel{min-height:100vh!important;padding:42px clamp(28px,5vw,86px)!important;display:flex!important;align-items:center!important;justify-content:center!important;background:radial-gradient(circle at 80% 20%,#ececff 0,transparent 27%),#f7f8fc!important}
.auth-mobile-brand{display:none!important}
.auth-card{width:min(100%,520px)!important;padding:34px 36px!important;border-radius:24px!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(222,226,236,.9)!important;box-shadow:0 26px 70px rgba(36,43,73,.12)!important;backdrop-filter:blur(18px)}
.auth-heading{margin-bottom:20px!important}
.auth-heading h2{font-size:27px!important;line-height:1.15!important;letter-spacing:-.035em!important;color:#151d31!important;margin:9px 0 8px!important;font-weight:770!important}
.auth-heading p{font-size:13px!important;line-height:1.55!important;color:#778197!important;margin:0!important}
.auth-heading.centered{text-align:center!important;margin:8px auto 13px!important;max-width:440px!important}
.auth-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;padding:4px!important;margin:0 0 22px!important;background:#f0f2f7!important;border:1px solid #eaedf3!important;border-radius:13px!important}
.auth-tabs button{height:38px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#7b8496!important;font-size:12px!important;font-weight:700!important}
.auth-tabs button.active{background:#fff!important;color:#1e2740!important;box-shadow:0 3px 10px rgba(28,36,55,.08)!important}
.auth-fields{display:grid!important;gap:13px!important}
.auth-fields.hidden{display:none!important}
.auth-fields label{display:grid!important}
.auth-fields input{min-height:48px!important;font-size:13px!important;background:#fbfcfe!important}
.password-wrap{position:relative!important}
.password-wrap input{width:100%!important;padding-right:80px!important}
.input-action{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;border:0!important;background:transparent!important;color:#6663dd!important;font-size:11px!important;font-weight:700!important;padding:7px!important}
.auth-row{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 3px!important}
.auth-form,.auth-card form{gap:0!important}
#auth-submit{margin-top:17px!important}
.auth-divider{display:flex!important;align-items:center!important;gap:10px!important;margin:19px 0 13px!important;color:#a0a8b8!important;font-size:10px!important}
.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#eaedf3}
.social-auth{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:8px!important}
.social-auth .identity-button{height:54px!important;min-width:0!important;padding:5px!important;border-radius:12px!important;border:1px solid #e3e7ef!important;background:#fff!important;color:#344054!important;display:grid!important;place-items:center!important;gap:1px!important;box-shadow:none!important}
.social-auth .identity-button:hover{border-color:#cfd4e2!important;background:#fafaff!important;transform:translateY(-1px)!important}
.social-auth .identity-button .identity-icon{width:22px!important;height:22px!important}
.social-auth .identity-button b{font-size:9px!important;line-height:1.1!important;font-weight:700!important;white-space:nowrap!important}
.auth-hint{margin:11px 0 0!important;font-size:9px!important;line-height:1.4!important;color:#a0a8b6!important;text-align:center!important}
.terms{margin-top:2px!important;color:#758097!important}

/* Verification */
.verification-card{width:min(100%,590px)!important;padding:30px 34px 32px!important}
.verification-topline{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:9px!important}
.back-link{border:0!important;background:transparent!important;padding:4px 0!important;color:#7c8495!important;font-size:11px!important;font-weight:650!important}
.verification-step{font-size:10px!important;font-weight:800!important;color:#7775de!important;background:#eeeeff!important;border:1px solid #e3e2ff!important;padding:6px 9px!important;border-radius:999px!important}
.verify-icon{width:52px!important;height:52px!important;border-radius:17px!important;margin:8px auto 11px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#eeefff,#f5f0ff)!important;border:1px solid #dddfff!important;color:#5b58e8!important;box-shadow:0 10px 24px rgba(91,88,232,.12)!important}
.verify-icon span{font-size:20px!important;font-weight:900!important}
.verification-progress{display:flex!important;gap:5px!important;width:76px!important;margin:15px auto 20px!important}
.verification-progress i{display:block!important;height:4px!important;flex:1!important;border-radius:10px!important;background:#d9deea!important}
.verification-progress i.active{background:linear-gradient(90deg,#6563eb,#854de9)!important}
.verification-items{display:grid!important;gap:12px!important}
.verification-modern{border:1px solid #e5e8f0!important;background:#fbfcff!important;border-radius:16px!important;padding:15px 16px!important;box-shadow:none!important}
.verify-main{display:grid!important;grid-template-columns:38px 1fr auto!important;align-items:center!important;gap:11px!important}
.verify-channel{width:38px!important;height:38px!important;border-radius:11px!important;background:#efefff!important;color:#5d59dc!important;display:grid!important;place-items:center!important;font-size:9px!important;font-weight:900!important;letter-spacing:-.02em!important}
.verify-main strong{font-size:12px!important;color:#283147!important;display:block!important}
.verify-main small{font-size:10px!important;color:#8a93a4!important;display:block!important;margin-top:2px!important}
.status-chip{display:inline-flex!important;align-items:center!important;min-height:25px!important;padding:0 8px!important;border-radius:999px!important;font-size:9px!important;font-weight:800!important;letter-spacing:.02em!important;border:1px solid transparent!important;white-space:nowrap}
.status-chip.success{background:#eaf8f2!important;color:#167b59!important;border-color:#d2f0e3!important}
.status-chip.warning{background:#fff7e7!important;color:#a56c16!important;border-color:#fae8be!important}
.otp-grid{display:flex!important;justify-content:center!important;gap:7px!important;margin:15px 0 12px!important}
.otp-grid input{width:45px!important;min-width:0!important;height:52px!important;min-height:52px!important;padding:0!important;text-align:center!important;font-size:22px!important;font-weight:800!important;color:#282c4d!important;background:#fff!important;border-radius:11px!important}
.verify-actions.modern{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important}
.verify-actions.modern .btn{min-height:37px!important;font-size:11px!important}
.verify-resend-note{display:block!important;text-align:center!important;margin-top:8px!important;color:#9aa2b1!important;font-size:9px!important}
.verification-security{margin-top:15px!important;display:flex!important;gap:10px!important;padding:11px 13px!important;border-radius:13px!important;background:#f6f7fb!important;color:#768094!important}
.verification-security>span{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#fff;color:#706ee5;flex:0 0 26px}
.verification-security p{font-size:9px!important;line-height:1.45!important;margin:0!important}
.verification-security strong{color:#525c70!important}
.dev-note{border-radius:11px!important;padding:9px 11px!important;font-size:10px!important}

/* app shell */
.app-shell{min-height:100vh!important;display:grid!important;grid-template-columns:248px minmax(0,1fr)!important;background:var(--v2-bg)!important;font-size:14px!important}
.sidebar{position:sticky!important;top:0!important;height:100vh!important;width:auto!important;padding:18px 13px 14px!important;background:linear-gradient(180deg,#0c1425 0%,#0f192d 56%,#0c1527 100%)!important;border-right:0!important;color:#dce3f1!important;box-shadow:5px 0 25px rgba(11,18,33,.08)!important;z-index:30}
.sidebar-brand{display:flex!important;align-items:center!important;gap:10px!important;padding:2px 7px 17px!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
.sidebar-brand strong{display:block!important;color:#fff!important;font-size:14px!important;line-height:1.2!important}
.sidebar-brand small{display:block!important;color:#667795!important;font-size:8px!important;margin-top:3px!important}
.workspace-box{margin:14px 3px 13px!important;padding:9px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:13px!important;display:flex!important;align-items:center!important;gap:9px!important}
.workspace-avatar{width:34px!important;height:34px!important;border-radius:10px!important;background:linear-gradient(145deg,#7472f1,#8650e7)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:10px!important;font-weight:800!important;flex:0 0 auto!important}
.workspace-box>div{min-width:0!important;flex:1!important}.workspace-box small{display:block!important;font-size:8px!important;color:#7788a4!important;margin:0 0 2px!important}.workspace-box select{width:100%!important;min-height:24px!important;height:24px!important;padding:0 20px 0 0!important;border:0!important;background:transparent!important;color:#eef2fa!important;font-size:10px!important;font-weight:700!important;box-shadow:none!important}
.workspace-box select option{color:#172033;background:#fff}
.main-nav{display:grid!important;gap:3px!important;margin-top:7px!important}
.main-nav button{height:42px!important;width:100%!important;display:flex!important;align-items:center!important;gap:10px!important;padding:0 11px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#8291ab!important;font-size:11px!important;font-weight:650!important;text-align:left!important}
.main-nav button:hover{background:rgba(255,255,255,.055)!important;color:#d8e0ee!important}
.main-nav button.active{background:linear-gradient(90deg,rgba(110,105,238,.2),rgba(116,71,236,.1))!important;color:#fff!important;box-shadow:inset 2px 0 #7b77ff!important}
.main-nav .nav-icon{width:19px!important;height:19px!important;display:grid!important;place-items:center!important;color:inherit!important;opacity:.95}.main-nav .nav-icon svg{width:18px!important;height:18px!important}
.main-nav b{margin-left:auto!important;min-width:17px!important;height:17px!important;display:grid!important;place-items:center!important;background:#e95870!important;color:white!important;border-radius:999px!important;font-size:8px!important}
.sidebar-promo{margin:auto 3px 12px!important;padding:12px!important;border:1px solid rgba(130,126,244,.16)!important;border-radius:13px!important;background:linear-gradient(135deg,rgba(116,110,238,.12),rgba(80,64,168,.1))!important}
.sidebar-promo>span{font-size:8px!important;color:#7e8eaa!important}.sidebar-promo strong{display:block!important;color:#f4f6ff!important;font-size:13px!important;margin:3px 0 8px!important}.sidebar-promo button{border:0!important;background:transparent!important;color:#aaa8ff!important;padding:7px 0 0!important;font-size:9px!important;font-weight:750!important}
.mini-progress{height:4px!important;border-radius:9px!important;background:rgba(255,255,255,.08)!important;overflow:hidden!important}.mini-progress i{display:block;height:100%;width:45%;border-radius:inherit;background:linear-gradient(90deg,#7170ed,#9961f2)}
.sidebar-user{padding:10px 5px 2px!important;border-top:1px solid rgba(255,255,255,.07)!important;display:grid!important;grid-template-columns:32px minmax(0,1fr) 26px!important;align-items:center!important;gap:8px!important}.sidebar-user .user-avatar{width:32px!important;height:32px!important}.sidebar-user strong{font-size:9px!important;color:#eef2f9!important;display:block!important;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{font-size:7px!important;color:#6f809d!important;display:block!important;overflow:hidden;text-overflow:ellipsis}.sidebar-user>button{width:26px;height:26px;border:0;background:transparent;color:#71819d;border-radius:8px}
.main-content{min-width:0!important;background:var(--v2-bg)!important;padding:0!important}
.topbar{position:sticky!important;top:0!important;z-index:25!important;min-height:74px!important;height:auto!important;padding:12px 26px!important;border-bottom:1px solid rgba(221,225,234,.8)!important;background:rgba(249,250,252,.9)!important;backdrop-filter:blur(18px)!important;display:grid!important;grid-template-columns:minmax(240px,1fr) auto!important;align-items:center!important;gap:12px!important}
.topbar-search{display:flex!important;align-items:center!important;gap:10px!important}.menu-square,.icon-btn{width:38px!important;height:38px!important;min-width:38px!important;border-radius:11px!important;border:1px solid var(--v2-border)!important;background:#fff!important;color:#667085!important;display:grid!important;place-items:center!important;box-shadow:0 2px 8px rgba(24,33,50,.03)!important}
.icon-btn svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.global-search{width:min(100%,460px)!important;height:40px!important;display:grid!important;grid-template-columns:22px 1fr auto!important;align-items:center!important;padding:0 9px!important;border:1px solid var(--v2-border)!important;border-radius:11px!important;background:#fff!important;color:#9ca6b5!important}.global-search input{min-height:0!important;height:36px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:11px!important}.global-search kbd{font-size:8px!important;color:#9ba5b5!important;background:#f5f6f9!important;border:1px solid #e7e9ee!important;border-radius:6px!important;padding:3px 5px!important}
.topbar-actions{display:flex!important;align-items:center!important;gap:7px!important}.top-add-profile{min-height:38px!important}.health-pill{height:34px!important;padding:0 10px!important;border-radius:10px!important;background:#fff!important;border:1px solid var(--v2-border)!important;display:flex!important;align-items:center!important;gap:7px!important}.health-pill span{width:7px!important;height:7px!important;border-radius:50%!important;background:#34b486!important;box-shadow:0 0 0 4px #eaf9f3!important}.health-pill b{font-size:9px!important;color:#667085!important;font-weight:700!important}
.top-user{height:38px!important;padding:3px 8px 3px 4px!important;border-radius:11px!important;border:1px solid var(--v2-border)!important;background:#fff!important;display:flex!important;align-items:center!important;gap:7px!important}.top-user .user-avatar{width:30px!important;height:30px!important}.top-user strong{font-size:9px!important;display:block!important}.top-user small{font-size:7px!important;color:#98a2b3!important;display:block!important}.top-user i{font-style:normal!important;color:#98a2b3!important;font-size:9px!important}
.topbar-page-meta{grid-column:1/-1!important;padding-top:3px!important;display:flex!important;align-items:baseline!important;gap:10px!important}.topbar-page-meta .breadcrumb{font-size:8px!important;color:#9da5b3!important;letter-spacing:.06em!important}.topbar-page-meta h2{margin:0!important;font-size:13px!important;line-height:1!important;color:#273147!important}.topbar-page-meta p{margin:0!important;font-size:9px!important;color:#98a2b3!important}
.view{padding:24px 28px 38px!important;max-width:1640px!important;margin:0 auto!important}
.section-hero{min-height:122px!important;margin-bottom:18px!important;padding:24px 26px!important;border:1px solid var(--v2-border)!important;border-radius:18px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;box-shadow:var(--v2-shadow-sm)!important}.section-hero h1{margin:5px 0 5px!important;color:#1a2336!important;font-size:25px!important;letter-spacing:-.035em!important;line-height:1.15!important}.section-hero p{margin:0!important;color:#7a8495!important;font-size:11px!important;max-width:720px!important}
.panel{background:#fff!important;border:1px solid var(--v2-border)!important;border-radius:17px!important;box-shadow:0 4px 16px rgba(24,32,51,.035)!important;padding:18px!important}.panel-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:15px!important;margin-bottom:15px!important}.panel-head h3{margin:4px 0 3px!important;font-size:15px!important;color:#252e42!important;letter-spacing:-.02em!important}.panel-head p{margin:0!important;font-size:9px!important;line-height:1.45!important;color:#98a2b3!important}

/* Dashboard */
.welcome-card{display:flex!important;min-height:240px!important;position:relative!important;overflow:hidden!important;align-items:center!important;justify-content:space-between!important;padding:34px 38px!important;margin-bottom:18px!important;border-radius:22px!important;background:radial-gradient(circle at 78% 34%,rgba(128,102,248,.28),transparent 26%),linear-gradient(130deg,#111a2e 0%,#182444 55%,#29205b 100%)!important;color:#fff!important;box-shadow:0 20px 45px rgba(31,37,68,.18)!important;border:1px solid rgba(255,255,255,.035)!important}
.welcome-card:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent 48%,#000);opacity:.18;pointer-events:none}
.welcome-card>div:first-child{position:relative;z-index:2;max-width:610px!important}.welcome-card .eyebrow{color:#9f9cff!important}.welcome-card h1{margin:9px 0 8px!important;font-size:33px!important;letter-spacing:-.045em!important;color:#fff!important;line-height:1.08!important}.welcome-card p{margin:0!important;color:#aebbd0!important;font-size:12px!important}.welcome-actions{display:flex!important;gap:8px!important;margin-top:21px!important}.welcome-card .btn.ghost{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important;color:#e9edfa!important}.welcome-orbit{display:block!important;position:relative!important;z-index:2!important;width:230px!important;height:170px!important;margin-right:38px!important}.welcome-orbit:before,.welcome-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%;inset:15px 0;transform:rotate(-12deg)}.welcome-orbit:after{inset:35px 25px;transform:rotate(14deg)}.orbit-center{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:58px!important;height:58px!important;border-radius:18px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.13)!important;display:grid!important;place-items:center!important;backdrop-filter:blur(8px)!important}.welcome-orbit>i{position:absolute!important;width:38px!important;height:38px!important;border-radius:12px!important;background:#fff!important;box-shadow:0 9px 24px rgba(0,0,0,.18)!important}.welcome-orbit .o1{left:6px!important;top:26px!important}.welcome-orbit .o2{right:1px!important;top:40px!important}.welcome-orbit .o3{right:36px!important;bottom:2px!important}.welcome-orbit .o4{left:37px!important;bottom:8px!important}
.metric-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 18px!important}.metric-card,.metric-grid>article{min-height:116px!important;padding:16px!important;border:1px solid var(--v2-border)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 3px 13px rgba(28,36,54,.035)!important}.metric-card small,.metric-grid>article small{font-size:9px!important;color:#8b95a7!important;font-weight:650!important}.metric-card strong,.metric-grid>article>strong{font-size:24px!important;letter-spacing:-.04em!important;color:#222b3e!important;line-height:1.15!important}.metric-card p,.metric-grid>article p{font-size:9px!important;color:#98a2b3!important}.dashboard-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-bottom:12px!important}.dashboard-grid .span-2{grid-column:span 2!important}
.setup-journey,.connection-flow-surface{border-radius:18px!important;border:1px solid var(--v2-border)!important;background:#fff!important;box-shadow:0 4px 16px rgba(24,32,51,.035)!important;margin-bottom:18px!important}.profile-grid{gap:12px!important}.profile-card{border:1px solid var(--v2-border)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 3px 13px rgba(24,32,51,.04)!important}

/* Segments / filters */
.segmented{display:inline-flex!important;gap:3px!important;padding:3px!important;background:#f0f2f6!important;border:1px solid #e8ebf1!important;border-radius:11px!important}.segmented button{min-height:32px!important;padding:0 12px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#7d8798!important;font-size:10px!important;font-weight:700!important}.segmented button.active{background:#fff!important;color:#2f3850!important;box-shadow:0 2px 7px rgba(23,32,51,.07)!important}.filter-toolbar{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;margin-bottom:16px!important}.search-box{min-height:40px!important;border:1px solid var(--v2-border)!important;border-radius:11px!important;background:#fff!important;padding:0 11px!important;display:flex!important;align-items:center!important;gap:8px!important;color:#9aa3b3!important}.search-box input{border:0!important;box-shadow:none!important;background:transparent!important;min-height:36px!important;padding:0!important;font-size:11px!important}

/* Modal system */
dialog.modal{width:min(94vw,620px)!important;max-height:min(90vh,900px)!important;padding:0!important;border:0!important;border-radius:22px!important;background:#fff!important;color:var(--v2-text)!important;box-shadow:0 35px 100px rgba(12,20,37,.28)!important;overflow:hidden!important}dialog.modal::backdrop{background:rgba(12,20,37,.56)!important;backdrop-filter:blur(5px)!important}.modal form{margin:0!important}.modal-head{min-height:90px!important;padding:21px 23px 18px!important;border-bottom:1px solid #edf0f5!important;background:linear-gradient(180deg,#fff,#fcfcfe)!important;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:16px!important}.modal-head h3{margin:4px 0 4px!important;font-size:19px!important;line-height:1.2!important;color:#222b3f!important;letter-spacing:-.025em!important}.modal-head p{font-size:10px!important;color:#8b95a7!important;margin:0!important;line-height:1.45!important}.modal-head .icon{width:34px!important;height:34px!important;min-width:34px!important;border:1px solid #e5e8ee!important;border-radius:10px!important;background:#fff!important;color:#7c8595!important;font-size:18px!important;display:grid!important;place-items:center!important}.modal-head .icon:hover{background:#f7f8fb!important;color:#30384a!important}.modal-body{padding:21px 23px!important;max-height:calc(90vh - 175px)!important;overflow:auto!important}.modal-actions{min-height:72px!important;padding:13px 23px!important;border-top:1px solid #edf0f5!important;background:#fbfcfe!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important}.wide-modal,.channel-modal{width:min(95vw,1080px)!important}.channel-modal-body{display:grid!important;grid-template-columns:45% 55%!important;padding:0!important;overflow:hidden!important}.channel-picker-column{padding:20px!important;border-right:1px solid #edf0f5!important;background:#fafbfe!important}.channel-config-column{padding:22px!important;background:#fff!important}.channel-picker-search{margin-bottom:11px!important}.channel-picker-tabs{margin-bottom:12px!important}.selected-channel-hero{border-radius:15px!important;border:1px solid #e9ecf2!important;background:linear-gradient(145deg,#fbfbff,#f7f8fc)!important;padding:14px!important}.selected-channel-icon{width:48px!important;height:48px!important;border-radius:14px!important}.channel-modal-actions{justify-content:flex-end!important}.modal-actions-copy{margin-right:auto!important}.modal-actions-copy strong{display:block!important;font-size:10px!important}.modal-actions-copy small{display:block!important;font-size:8px!important;color:#98a2b3!important;margin-top:2px!important}.channel-security-note{border-radius:13px!important;background:#f5f7fa!important;border:1px solid #e9edf3!important;font-size:9px!important}
.auth-modal{width:min(94vw,570px)!important}.auth-methods{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:13px 0!important}.auth-methods>button{min-height:112px!important;border:1px solid #e2e6ee!important;border-radius:15px!important;background:#fff!important;padding:16px!important;text-align:left!important}.auth-methods>button:hover{border-color:#aeadf3!important;background:#fafaff!important;box-shadow:0 8px 20px rgba(54,55,109,.07)!important}.method-icon{width:36px!important;height:36px!important;border-radius:11px!important;background:#efefff!important;color:#5b59df!important;display:grid!important;place-items:center!important;margin-bottom:10px!important}.auth-methods strong{font-size:12px!important;display:block!important}.auth-methods small{font-size:9px!important;color:#8e97a8!important;display:block!important;margin-top:3px!important}.tg-auth-pane{padding-top:9px!important}.tg-auth-pane .btn.primary{width:100%!important;margin-top:10px!important}.auth-code-input{text-align:center!important;font-size:26px!important;font-weight:800!important;letter-spacing:.18em!important;height:58px!important}.qr-frame{border-radius:17px!important;border:1px solid #e3e7ef!important;background:#fff!important;padding:14px!important;box-shadow:0 8px 24px rgba(23,32,51,.06)!important}

/* Admin */
.admin-hero{min-height:170px!important;background:radial-gradient(circle at 85% 20%,rgba(132,92,244,.38),transparent 24%),linear-gradient(125deg,#10192c,#192746 58%,#332260)!important;border-color:transparent!important;box-shadow:0 19px 42px rgba(29,37,69,.16)!important}.admin-hero .eyebrow{color:#9d9aff!important}.admin-hero h1{color:#fff!important;font-size:29px!important}.admin-hero p{color:#aeb9cd!important;font-size:11px!important}.admin-hero .btn.ghost{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.12)!important;color:#fff!important}
.admin-metrics{grid-template-columns:repeat(5,minmax(0,1fr))!important}.admin-metrics>article,.admin-metrics .metric-card{min-height:108px!important;position:relative!important;overflow:hidden!important}.admin-metrics>article:first-child,.admin-metrics .metric-card:first-child{background:linear-gradient(145deg,#5d5be8,#7049df)!important;border-color:transparent!important}.admin-metrics>article:first-child *,.admin-metrics .metric-card:first-child *{color:#fff!important}.admin-tabs{position:sticky!important;top:98px!important;z-index:10!important;display:flex!important;gap:4px!important;padding:5px!important;margin:0 0 14px!important;border:1px solid var(--v2-border)!important;border-radius:13px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 8px 22px rgba(24,32,51,.06)!important;backdrop-filter:blur(14px)!important}.admin-tabs button{min-height:35px!important;padding:0 14px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#7b8495!important;font-size:10px!important;font-weight:750!important;white-space:nowrap!important}.admin-tabs button:hover{background:#f4f5f9!important}.admin-tabs button.active{background:#eeeeff!important;color:#5653d8!important;box-shadow:inset 0 0 0 1px #e1e0ff!important}
.admin-pane .panel{padding:0!important;overflow:hidden!important}.table-toolbar{padding:14px!important;border-bottom:1px solid #edf0f4!important;background:#fbfcfd!important}.table-toolbar .search-box{width:min(100%,420px)!important}.table-wrap{overflow:auto!important}.data-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;min-width:850px!important}.data-table thead th{height:43px!important;padding:0 13px!important;background:#f8f9fc!important;border-bottom:1px solid #e7eaf0!important;color:#8b95a7!important;font-size:8px!important;font-weight:800!important;letter-spacing:.07em!important;text-transform:uppercase!important;text-align:left!important;white-space:nowrap!important}.data-table tbody td{padding:12px 13px!important;border-bottom:1px solid #eff1f5!important;color:#495367!important;font-size:10px!important;vertical-align:middle!important}.data-table tbody tr:last-child td{border-bottom:0!important}.data-table tbody tr:hover td{background:#fbfbff!important}.data-table td strong{font-size:10px!important;color:#30394d!important}.data-table td small{display:block!important;font-size:8px!important;color:#98a2b3!important;margin-top:3px!important}.admin-workspace-cell{display:flex!important;align-items:center!important;gap:10px!important;min-width:180px!important}.admin-workspace-cell>span{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:11px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#6765eb,#8e59ea)!important;color:#fff!important;font-size:9px!important;font-weight:850!important;box-shadow:0 6px 15px rgba(105,100,234,.2)!important}.admin-workspace-cell strong,.admin-workspace-cell small{max-width:180px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.admin-usage-row{width:150px!important}.admin-usage-row>span{display:flex!important;justify-content:space-between!important;align-items:center!important;font-size:8px!important;color:#758094!important}.admin-usage-row b{color:#454f65!important;font-size:8px!important}.admin-usage-row i{display:block!important;height:5px!important;margin-top:6px!important;background:#eceef4!important;border-radius:999px!important;overflow:hidden!important}.admin-usage-row u{display:block!important;height:100%!important;max-width:100%!important;background:linear-gradient(90deg,#6261e7,#8661eb)!important;border-radius:inherit!important;text-decoration:none!important}.admin-configure{white-space:nowrap!important}.admin-empty{text-align:center!important;padding:28px!important;color:#8c95a5!important;font-size:10px!important}.admin-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.audit-list{padding:8px!important}.system-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.system-grid>div,.system-grid>article{border:1px solid var(--v2-border)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 4px 15px rgba(23,32,51,.035)!important}
.admin-workspace-modal{width:min(94vw,760px)!important}.admin-workspace-head{background:linear-gradient(145deg,#fdfdff,#f7f7ff)!important}.admin-workspace-summary{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;gap:11px!important;align-items:center!important;padding:13px!important;border:1px solid #e7e9f1!important;border-radius:15px!important;background:#fafbfe!important;margin-bottom:18px!important}.admin-workspace-avatar{width:48px!important;height:48px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#6361e9,#8752e9)!important;color:#fff!important;font-size:11px!important;font-weight:850!important;box-shadow:0 8px 18px rgba(95,89,229,.18)!important}.admin-workspace-summary strong{display:block!important;font-size:12px!important;color:#293248!important}.admin-workspace-summary small{display:block!important;margin-top:2px!important;color:#8a94a5!important;font-size:9px!important}.admin-workspace-section{padding:15px!important;border:1px solid #e9ecf2!important;border-radius:15px!important;background:#fff!important;margin-top:11px!important}.admin-workspace-section-title{display:flex!important;gap:10px!important;align-items:flex-start!important;margin-bottom:13px!important}.admin-workspace-section-title>span{width:27px!important;height:27px!important;flex:0 0 27px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:#eeeeff!important;color:#5f5cdd!important;font-size:8px!important;font-weight:850!important}.admin-workspace-section-title strong{display:block!important;font-size:11px!important;color:#333c51!important}.admin-workspace-section-title small{display:block!important;margin-top:2px!important;font-size:8px!important;color:#98a2b3!important}.admin-limit-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.admin-workspace-hint{display:flex!important;gap:9px!important;padding:11px 12px!important;border-radius:12px!important;background:#f4f5fb!important;color:#7a8496!important;margin-top:12px!important}.admin-workspace-hint>span{width:22px!important;height:22px!important;flex:0 0 22px!important;border-radius:7px!important;display:grid!important;place-items:center!important;background:#fff!important;color:#6562de!important;font-size:9px!important;font-weight:800!important}.admin-workspace-hint p{font-size:8px!important;line-height:1.45!important;margin:0!important}.admin-workspace-actions{position:sticky!important;bottom:0!important}

/* misc commercial screens */
.team-kpis{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;margin-bottom:14px!important}.team-kpis article,.pricing-help-grid article{border:1px solid var(--v2-border)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 4px 15px rgba(23,32,51,.035)!important}.settings-layout{gap:14px!important}.settings-nav{border:1px solid var(--v2-border)!important;border-radius:15px!important;background:#fff!important;padding:7px!important;box-shadow:0 4px 15px rgba(23,32,51,.035)!important}.settings-nav button{min-height:39px!important;border-radius:9px!important;font-size:10px!important}.settings-nav button.active{background:#eeeeff!important;color:#5653d8!important}.plan-grid{gap:12px!important}.plan-card{border-radius:17px!important;border-color:var(--v2-border)!important;box-shadow:0 4px 16px rgba(23,32,51,.04)!important}.provider-badge{border-radius:11px!important}.top-popover{border:1px solid var(--v2-border)!important;border-radius:15px!important;box-shadow:0 20px 50px rgba(20,28,45,.15)!important;background:#fff!important}
#toast{position:fixed!important;z-index:9999!important;right:22px!important;bottom:22px!important;max-width:380px!important;padding:12px 15px!important;border-radius:12px!important;background:#121a2d!important;color:#fff!important;font-size:11px!important;font-weight:650!important;box-shadow:0 15px 40px rgba(12,20,37,.24)!important}

/* responsive */
@media(max-width:1180px){
  .app-shell{grid-template-columns:220px minmax(0,1fr)!important}.auth-screen{grid-template-columns:43% 57%!important}.auth-visual{padding:32px!important}.auth-copy{margin-top:7vh!important}.auth-copy h1{font-size:43px!important}.auth-benefits{grid-template-columns:1fr!important}.auth-benefits>div:nth-child(n+4){display:none!important}.auth-trust{grid-template-columns:1fr!important}.auth-trust>span:nth-child(n+2){display:none!important}.top-user,.health-pill{display:none!important}.admin-metrics{grid-template-columns:repeat(3,1fr)!important}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.welcome-orbit{margin-right:5px!important}.admin-limit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:860px){
  .auth-screen{display:block!important}.auth-visual{display:none!important}.auth-panel{min-height:100vh!important;padding:24px 16px!important}.auth-mobile-brand{display:flex!important;position:absolute!important;top:20px!important;left:22px!important;align-items:center!important;gap:9px!important}.auth-card{margin-top:45px!important;padding:28px 24px!important}.app-shell{display:block!important}.sidebar{position:fixed!important;left:0!important;top:0!important;width:238px!important;transform:translateX(-105%)!important;transition:transform .2s ease!important}.app-shell.sidebar-open .sidebar{transform:translateX(0)!important}.topbar{grid-template-columns:1fr!important;padding:10px 14px!important}.topbar-actions{position:absolute!important;right:14px!important;top:10px!important}.topbar-actions .top-add-profile{display:none!important}.global-search{max-width:calc(100vw - 210px)!important}.topbar-page-meta{padding-top:4px!important}.view{padding:18px 14px 30px!important}.welcome-card{padding:27px!important;min-height:220px!important}.welcome-card h1{font-size:28px!important}.welcome-orbit{display:none!important}.dashboard-grid{grid-template-columns:1fr!important}.dashboard-grid .span-2{grid-column:auto!important}.admin-tabs{top:86px!important;overflow:auto!important}.admin-plan-grid,.system-grid{grid-template-columns:1fr!important}.channel-modal-body{grid-template-columns:1fr!important;max-height:68vh!important;overflow:auto!important}.channel-picker-column{border-right:0!important;border-bottom:1px solid #edf0f5!important}.modal-actions-copy{display:none!important}
}
@media(max-width:560px){
  .auth-card{padding:25px 18px!important;border-radius:19px!important}.auth-heading h2{font-size:24px!important}.two-fields{grid-template-columns:1fr!important}.social-auth{grid-template-columns:repeat(3,1fr)!important}.verification-card{padding:24px 17px!important}.verify-main{grid-template-columns:34px 1fr!important}.verify-main>.status-chip{grid-column:2!important;justify-self:start!important}.otp-grid{gap:5px!important}.otp-grid input{width:38px!important;height:47px!important;min-height:47px!important;font-size:19px!important}.metric-grid,.admin-metrics,.team-kpis{grid-template-columns:1fr!important}.section-hero{align-items:flex-start!important;flex-direction:column!important;padding:20px!important}.section-hero h1{font-size:23px!important}.welcome-card{padding:24px 20px!important}.welcome-actions{flex-direction:column!important;align-items:stretch!important}.admin-limit-grid{grid-template-columns:1fr!important}.admin-workspace-summary{grid-template-columns:43px 1fr!important}.admin-workspace-summary>.status-chip{grid-column:2!important;justify-self:start!important}.modal-head,.modal-body,.modal-actions{padding-left:17px!important;padding-right:17px!important}.auth-methods{grid-template-columns:1fr!important}.filter-toolbar{align-items:stretch!important;flex-direction:column!important}.filter-toolbar .search-box{width:100%!important}
}

/* final state guards — keep utility states above all component display rules */
.auth-row .check{display:flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important;margin:0!important;white-space:nowrap!important}
.auth-row .check input{width:16px!important;height:16px!important;min-height:16px!important;margin:0!important;flex:0 0 16px!important}
.verification-item.verification-modern{display:block!important;grid-template-columns:none!important;align-items:initial!important;gap:0!important}
.verification-item.verification-modern .verify-main{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important}
.app-shell.mobile-nav-open .sidebar{transform:translateX(0)!important}
html body .hidden{display:none!important}

/* Profile/channel wizard — override legacy microtype with production scale */
dialog.modal.channel-modal{width:min(94vw,1080px)!important;max-width:none!important}
.channel-modal-head p{font-size:11px!important;line-height:1.5!important}
.channel-modal-body{grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr)!important}
.channel-picker-column{padding:19px 20px 21px!important}
.channel-picker-search{height:44px!important}
.channel-picker-search input{font-size:12px!important}
.channel-picker-tabs button{min-height:32px!important;padding:0 11px!important;font-size:9px!important}
.channel-group-title{margin-top:4px!important;margin-bottom:8px!important}
.channel-group-title span{font-size:8.5px!important;letter-spacing:.08em!important}
.channel-group-title small{font-size:7.5px!important;min-width:22px!important;height:20px!important}
.channel-card-grid{gap:9px!important}
.channel-modal .channel{min-height:76px!important;padding:11px 12px!important;grid-template-columns:44px minmax(0,1fr) 18px!important;gap:10px!important;border-radius:13px!important}
.channel-modal .channel>.ac-brand-icon{width:44px!important;height:44px!important}
.channel-card-copy strong{font-size:11px!important;line-height:1.25!important}
.channel-card-copy small{font-size:8.5px!important;line-height:1.35!important;margin-top:3px!important}
.channel-config-column{padding:21px!important}
.selected-channel-hero{padding:16px!important;grid-template-columns:56px minmax(0,1fr)!important;gap:13px!important}
.selected-channel-icon{width:56px!important;height:56px!important}
.selected-channel-hero h4{font-size:15px!important;margin:5px 0 4px!important}
.selected-channel-hero p{font-size:10px!important;line-height:1.5!important}
.selected-channel-hero .status-chip{font-size:7.5px!important}
.channel-config-form{gap:13px!important;margin-top:17px!important}
.channel-config-form>label,.channel-config-form .form-grid label{font-size:11px!important;gap:7px!important}
.channel-config-form input{height:44px!important;font-size:12px!important;padding:0 12px!important;border-radius:10px!important}
.channel-config-form .info-box{font-size:9.5px!important;line-height:1.5!important;padding:11px 12px!important}
.channel-security-note{grid-template-columns:36px 1fr!important;padding:12px!important}
.channel-security-note>span{width:36px!important;height:36px!important}
.channel-security-note strong{font-size:9.5px!important}.channel-security-note small{font-size:8.5px!important;line-height:1.45!important}
.channel-modal-actions{min-height:76px!important;padding:13px 20px!important}.modal-actions-copy strong{font-size:10px!important}.modal-actions-copy small{font-size:8.5px!important}
@media(max-width:860px){dialog.modal.channel-modal{width:96vw!important}.channel-modal-body{grid-template-columns:1fr!important}.channel-card-grid{grid-template-columns:1fr!important}}
html body .hidden{display:none!important}