:root{--bg:#030303;--bg-soft:#070707;--surface-1:#0b0b0d;--surface-2:#101014;--surface-3:#16161c;--surface-4:#1d1d26;--stroke:#23232f;--stroke-strong:#343447;--text:#eff6ff;--muted:#9ca5bd;--primary:#38bdf8;--primary-strong:#2563eb;--primary-rgb:56,189,248;--accent:#78f7d3;--success:#2fca88;--danger:#ff6e87;--warning:#f2b644;--info:#8da9ff;--radius-lg:18px;--radius-md:14px;--radius-sm:11px;--shadow-md:0 24px 64px rgba(0,0,0,.38);--shadow-sm:0 10px 28px rgba(0,0,0,.26)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}a{color:inherit;text-decoration:none}body{font-family:Inter,Segoe UI,sans-serif;background:radial-gradient(circle at 10% -10%,rgba(var(--primary-rgb),.22),transparent 34%),radial-gradient(circle at 90% 10%,rgba(var(--primary-rgb),.12),transparent 40%),linear-gradient(165deg,#040405 0,#020203 46%,#050507 100%);overflow-x:hidden}.bg-orb{position:fixed;border-radius:999px;pointer-events:none;filter:blur(120px);opacity:.2}.orb-1{width:500px;height:500px;left:-180px;top:-150px;background:rgba(var(--primary-rgb),.82)}.orb-2{width:560px;height:560px;right:-210px;top:200px;background:rgba(var(--primary-rgb),.5)}.bg-grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(156,178,216,.06) 1px,transparent 0),linear-gradient(90deg,rgba(156,178,216,.06) 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,.88),transparent 85%);mask-image:radial-gradient(circle at center,rgba(0,0,0,.88),transparent 85%)}.shell{position:relative;z-index:2;display:grid;grid-template-columns:290px 1fr;grid-gap:16px;gap:16px;min-height:100vh;padding:18px}.sidebar{background:linear-gradient(180deg,rgba(11,11,14,.98),rgba(8,8,11,.98));border:1px solid var(--stroke);border-radius:calc(var(--radius-lg) + 2px);padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-sm)}.brand{display:flex;align-items:center;gap:10px}.brand h1{margin:0;font-family:Inter,sans-serif;font-size:1.36rem;letter-spacing:.3px}.brand p{margin:2px 0 0;color:var(--muted);font-size:.73rem}.brand-dot{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:1rem;color:#f3f8ff;background:linear-gradient(140deg,var(--primary),var(--primary-strong));box-shadow:0 8px 16px rgba(38,118,255,.35)}.workspace-chip{display:inline-flex;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;border:1px solid #2f3040;border-radius:999px;padding:6px 12px;background:#0a0b10;color:#cedcff;font-size:.72rem;letter-spacing:.1px;text-transform:lowercase}.dot-live{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px rgba(47,202,136,.2)}.sidebar-nav{margin-top:2px;display:grid;grid-gap:12px;gap:12px}.nav-group{display:grid;grid-gap:6px;gap:6px}.nav-group-label{margin:0;padding:0 8px;color:#80879a;font-size:.67rem;letter-spacing:.11em;text-transform:uppercase;font-weight:700}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:var(--radius-sm);color:#dfebff;font-size:.88rem;font-weight:600;transition:border-color .14s ease,background .14s ease,transform .14s ease}.sidebar nav a:hover{background:#171822;border-color:#2f3040;transform:translateX(2px)}.sidebar nav a.active{background:linear-gradient(120deg,rgba(var(--primary-rgb),.18),rgba(var(--primary-rgb),.08));border-color:rgba(var(--primary-rgb),.52)}.nav-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#151620;color:#c4c9da}.sidebar nav a.active .nav-icon{background:rgba(var(--primary-rgb),.2);color:#ebf4ff}.tenant-card{margin-top:auto;background:#0f1018;border:1px solid #2b2d3d;border-radius:var(--radius-md);padding:12px;display:grid;grid-gap:10px;gap:10px}.tenant-main{display:flex;align-items:center;gap:9px}.tenant-main h3{margin:3px 0 0;font-size:.9rem}.tenant-main .muted{margin:0}.tenant-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.main{display:grid;align-content:start;grid-gap:14px;gap:14px}.topbar{background:linear-gradient(180deg,rgba(13,13,18,.96),rgba(9,9,13,.98));border-radius:var(--radius-lg);padding:13px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:var(--shadow-sm)}.topbar-left{min-width:0}.topbar-eyebrow{margin:0;font-size:.67rem;text-transform:uppercase;letter-spacing:.13em;color:#7f859a;font-weight:700}.page-title{font-family:Inter,sans-serif;font-size:1.2rem;letter-spacing:.1px}.page-title,.topbar-sub{margin:3px 0 0}.topbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.command-btn{border:1px solid #2f3040;border-radius:12px;background:#12131c;color:#d4e4ff;padding:8px 10px;display:inline-flex;align-items:center;gap:8px;font-size:.76rem;font-weight:700;cursor:pointer}.command-btn:hover{background:#171823}.command-btn kbd{display:inline-flex;align-items:center;gap:2px;border:1px solid #303142;border-radius:7px;padding:3px 6px;font-size:.67rem;background:#12131d;color:#c6cbda;font-family:Inter,monospace}.notif-wrap,.notify-trigger{position:relative}.notif-badge{position:absolute;right:-5px;top:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;border:1px solid hsla(0,0%,100%,.35);background:var(--danger);color:#fff;font-size:.62rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.notif-panel{position:absolute;right:0;top:calc(100% + 8px);width:min(380px,90vw);border-radius:var(--radius-md);border:1px solid var(--stroke);background:linear-gradient(180deg,#10111a,#0d0e15);box-shadow:var(--shadow-md);padding:10px;z-index:30}.notif-list{display:grid;grid-gap:8px;gap:8px;max-height:330px;overflow:auto}.notif-list article{border:1px solid #2b2d3d;border-radius:11px;background:#10111a;padding:9px;display:grid;grid-gap:4px;gap:4px}.notif-list article strong{font-size:.82rem}.notif-list article p{margin:0;color:#c5d8f8;font-size:.76rem}.notif-list article span{color:var(--muted);font-size:.67rem}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search-field{min-width:190px}.panel{background:linear-gradient(180deg,rgba(14,14,20,.95),rgba(10,10,15,.96));border-radius:var(--radius-lg);padding:14px}.glass,.panel{box-shadow:var(--shadow-sm)}.glass{background:linear-gradient(180deg,rgba(16,24,40,.95),rgba(10,16,29,.96));border:1px solid var(--stroke)}.glass-soft{background:#0e1627;border:1px solid #253754}.panel.tone-soft{background:linear-gradient(180deg,rgba(14,22,37,.95),rgba(11,18,30,.96));border-color:#273853;box-shadow:none}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-head.wrap{flex-wrap:wrap}.panel-head h3{margin:0;font-size:1rem;display:inline-flex;align-items:center;gap:7px}.muted{color:var(--muted);font-size:.8rem}.btn{border:1px solid var(--stroke);border-radius:11px;padding:9px 13px;cursor:pointer;font-weight:700;font-size:.82rem;transition:filter .12s ease,transform .12s ease,background .12s ease}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{color:#f5f9ff;background:linear-gradient(135deg,var(--primary),var(--primary-strong));border-color:rgba(var(--primary-rgb),.62);box-shadow:0 10px 22px rgba(var(--primary-rgb),.28)}.btn.ghost{background:#12131d;color:#d6e5fd}.btn.tiny{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:.73rem;background:#0f1a2f;color:#d8e7ff}.link-btn{color:#b8d4ff}.inline-link,.link-btn{font-size:.8rem;font-weight:700}.inline-link{color:#9dd0ff}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.metric{border-radius:14px;padding:12px;border:1px solid #2b2d3d;background:linear-gradient(180deg,#13131b,#0f1017);position:relative;overflow:hidden}.metric:after{content:"";position:absolute;inset:auto -12% -40% auto;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(var(--primary-rgb),.22),transparent 62%);pointer-events:none}.metric p{margin:0 0 8px;color:#adc2e2;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.metric h2{margin:0;font-family:Inter,sans-serif;font-size:1.55rem}.metric span{font-size:.73rem;color:#9eb7dc}.metric-success{border-color:rgba(47,202,136,.42);background:linear-gradient(180deg,rgba(20,57,46,.95),rgba(12,29,24,.95))}.metric-danger{border-color:rgba(255,110,135,.44);background:linear-gradient(180deg,rgba(67,24,35,.95),rgba(30,13,20,.95))}.metric-info{border-color:rgba(141,169,255,.45);background:linear-gradient(180deg,rgba(31,39,73,.95),rgba(15,20,39,.95))}.metric-warning{border-color:rgba(242,182,68,.45);background:linear-gradient(180deg,rgba(63,46,17,.95),rgba(35,24,10,.95))}.metric-neutral{border-color:#2b2d3d}.content-grid{display:grid;grid-template-columns:1.15fr 1fr;grid-gap:12px;gap:12px}.dashboard-bottom-grid{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:12px;gap:12px}.ai-agent-card{background:radial-gradient(circle at 80% 20%,rgba(var(--primary-rgb),.2),transparent 42%),linear-gradient(165deg,#0d1113,#070908 60%)}.ai-agent-card h4{margin:0;font-size:1.1rem}.upload-dropzone{border:1px dashed #2f3040;border-radius:14px;background:#0d0e15;padding:14px;display:grid;justify-items:start;grid-gap:6px;gap:6px}.upload-dropzone p{margin:0;font-weight:700}.upload-dropzone span{font-size:.75rem;color:var(--muted)}.table{grid-gap:8px}.row,.table{display:grid;gap:8px}.row{grid-template-columns:1.5fr .9fr 1fr .7fr;grid-gap:8px;align-items:center;border:1px solid #2a2c3a;border-radius:12px;background:#11121a;padding:10px;font-size:.83rem}.row.head{background:transparent;border:0;color:#8ea5cb;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px 6px}.subtext{display:block;margin-top:3px;font-size:.71rem;color:var(--muted)}.inbox-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.inbox-list li{display:flex;justify-content:space-between;gap:10px;border:1px solid #2a2c3a;border-radius:12px;background:#11121a;padding:10px}.inbox-list li.selected{border-color:rgba(var(--primary-rgb),.75)}.inbox-list p{margin:4px 0 0;color:var(--muted);font-size:.77rem}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stack{display:grid;grid-gap:12px;gap:12px}.field{width:100%;background:#10111a;border:1px solid #2e3040;border-radius:11px;padding:10px 12px;outline:none;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.field:focus{border-color:rgba(var(--primary-rgb),.82);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.24);background:#151722}.field::placeholder{color:#8c91a4}.field.compact{min-width:185px;padding:8px 10px}.textarea{min-height:128px;resize:vertical}.error-text{margin:0;color:#ff9eb1;font-size:.82rem}.file-btn{position:relative}.control-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.perm-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.perm-group{border:1px solid #2a2c3a;border-radius:12px;background:#10111a;padding:10px;display:grid;grid-gap:7px;gap:7px}.check-line{display:flex;align-items:center;gap:8px;font-size:.78rem;color:#cad8f2}.field-wrap{display:grid;grid-gap:6px;gap:6px}.field-wrap>span{font-size:.74rem;font-weight:700;color:#c9d1e3}.contact-picker{max-height:250px;overflow:auto;display:grid;grid-gap:6px;gap:6px;padding:8px;border:1px solid #2a2c3a;border-radius:10px;background:#0f1119}.pill{display:inline-flex;align-items:center;justify-content:center;font-size:.71rem;padding:4px 9px;border:1px solid #2f3040;background:#151621;color:#cdddfa}.pill.tiny{font-size:.62rem;padding:2px 7px}.pill.success{border-color:rgba(47,202,136,.5);background:rgba(47,202,136,.14);color:#9aefcd}.pill.danger{border-color:rgba(255,110,135,.5);background:rgba(255,110,135,.14);color:#ffc0ce}.pill.warning{border-color:rgba(242,182,68,.56);background:rgba(242,182,68,.15);color:#ffd88d}.pill.info{border-color:rgba(var(--primary-rgb),.56);background:rgba(var(--primary-rgb),.15);color:#def1ff}.pill.neutral{border-color:#2f3040;background:#151621}.mini-progress{height:8px;border-radius:999px;background:#0e0f16;border:1px solid #2a2c3a;overflow:hidden}.mini-progress div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--primary-strong))}.segmented{display:inline-grid;grid-auto-flow:column;gap:6px;width:-moz-fit-content;width:fit-content;background:#11131d;border:1px solid #2f3040;border-radius:12px;padding:4px}.segmented button{border:0;background:transparent;color:#b9d0f3;padding:7px 11px;border-radius:8px;font-weight:700;font-size:.77rem;cursor:pointer}.segmented button.active{background:linear-gradient(135deg,rgba(var(--primary-rgb),.24),rgba(var(--primary-rgb),.1));color:#ecf4ff}.slider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.slider-field{border:1px solid #2a2c3a;border-radius:12px;background:#11121a;padding:10px;display:grid;grid-gap:8px;gap:8px}.slider-field span{font-size:.75rem;color:var(--muted)}.slider-field strong{font-size:.85rem}.slider-field input[type=range]{width:100%;accent-color:#4e92ff}.switch-inline{display:inline-flex;align-items:center;gap:8px;border:1px solid #2f3040;border-radius:999px;padding:6px 10px;background:#13141d;font-size:.75rem;color:#c8d8f2}.switch-inline input{accent-color:#4f8fff}.switch-line{display:inline-flex;align-items:center;gap:8px;border:1px solid #2f3040;border-radius:10px;padding:7px 10px;background:#13141d;font-size:.75rem}.chip-grid{display:flex;gap:8px;flex-wrap:wrap}.chip-btn{border:1px solid #2f3040;background:#13141d;color:#d3e2fb;border-radius:999px;padding:6px 12px;font-size:.75rem;font-weight:700;cursor:pointer}.chip-btn.active{border-color:rgba(var(--primary-rgb),.72);background:rgba(var(--primary-rgb),.2)}.campaign-builder-panel{overflow:hidden}.campaign-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.campaign-stepper button{border:1px solid #2f3040;background:#13141d;color:#cde0ff;border-radius:11px;padding:10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.75rem;font-weight:700;cursor:pointer}.campaign-stepper button.active{border-color:rgba(var(--primary-rgb),.72);background:linear-gradient(135deg,rgba(var(--primary-rgb),.24),rgba(var(--primary-rgb),.1))}.campaign-builder-grid{display:grid;grid-template-columns:1.35fr .75fr;grid-gap:12px;gap:12px}.campaign-builder-main{display:grid;grid-gap:10px;gap:10px}.campaign-builder-side{display:grid;align-content:start;grid-gap:12px;gap:12px}.campaign-stage-card{border:1px solid #2a2c3a;border-radius:14px;background:#11121a;padding:12px;display:grid;grid-gap:12px;gap:12px}.campaign-presets{display:inline-flex;align-items:center;gap:6px}.campaign-presets button{border:1px solid #2f3040;background:#151722;color:#cadcf8;border-radius:999px;padding:5px 11px;font-size:.72rem;font-weight:700;cursor:pointer}.campaign-presets button.active{border-color:rgba(var(--primary-rgb),.72);background:rgba(var(--primary-rgb),.2)}.campaign-preview{margin-top:10px}.campaign-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.campaign-review-grid article{border:1px solid #2a2c3a;border-radius:10px;background:#10111a;padding:9px}.campaign-review-grid article p{margin:0 0 4px}.campaign-review-grid article strong{font-size:.84rem;color:#d7e7ff}.campaign-preview-bubble{border:1px solid rgba(var(--primary-rgb),.45);border-radius:12px;background:linear-gradient(135deg,rgba(24,26,40,.94),rgba(17,18,27,.94));padding:10px}.campaign-preview-bubble p{margin:0;font-size:.82rem;line-height:1.42}.campaign-builder-nav{display:flex;align-items:center;justify-content:space-between;gap:8px}.campaign-summary-list{display:grid;grid-gap:8px;gap:8px}.campaign-summary-list article{border:1px solid #2a2c3a;border-radius:11px;background:#11121a;padding:10px;display:flex;align-items:center;gap:9px}.campaign-summary-list article svg{color:#d1d6e6}.campaign-summary-list article div{display:grid;grid-gap:3px;gap:3px}.campaign-summary-list article strong{font-size:.84rem}.campaign-summary-list article span{color:var(--muted);font-size:.73rem}.campaign-readiness{border:1px solid #2a2c3a;border-radius:11px;background:#11121a;padding:10px;display:grid;grid-gap:8px;gap:8px}.chat-layout{display:grid;grid-template-columns:320px 1fr 300px;grid-gap:12px;gap:12px}.chat-sidebar{display:grid;grid-gap:10px;gap:10px;align-content:start}.chat-search{position:relative}.chat-search svg{position:absolute;left:11px;top:11px;color:#8fa8ce}.chat-search .field{padding-left:34px}.thread-filter{grid-auto-flow:row}.chat-thread-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:7px;gap:7px;max-height:68vh;overflow:auto}.chat-thread-list li{display:grid;grid-template-columns:38px 1fr;grid-gap:10px;gap:10px;align-items:center;border:1px solid #2a2c3a;background:#12131d;border-radius:12px;padding:10px;cursor:pointer;transition:border-color .13s ease,background .13s ease}.chat-thread-list li:hover{background:#181923}.chat-thread-list li.selected{border-color:rgba(var(--primary-rgb),.74);background:rgba(var(--primary-rgb),.16)}.chat-thread-list p{margin:4px 0 0}.thread-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.thread-row strong{font-size:.82rem}.thread-time{color:#8ea4c8;font-size:.67rem;white-space:nowrap}.thread-preview{margin:4px 0 0;color:#a8bcdd;font-size:.74rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-meta{margin-top:6px;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.avatar-pill{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:.75rem;font-weight:800;color:#dbe8ff;background:linear-gradient(135deg,var(--primary-strong),var(--primary))}.avatar-pill.large{width:40px;height:40px;font-size:.81rem}.chat-window{grid-template-rows:auto 1fr auto;min-height:72vh}.chat-right,.chat-window{display:grid;grid-gap:10px;gap:10px}.chat-right{align-content:start}.chat-side-card{border:1px solid #2a2c3a;border-radius:12px;background:#10111a;padding:10px;display:grid;grid-gap:8px;gap:8px}.chat-side-card h4{margin:0;font-size:.86rem}.chat-side-line{display:flex;align-items:center;gap:8px;font-size:.76rem;color:#cfd8ea}.chat-side-actions{display:grid;grid-gap:8px;gap:8px}.chat-head{border:1px solid #2a2c3a;border-radius:12px;padding:10px;background:#12131d;justify-content:space-between;gap:8px}.chat-head,.chat-head-main{display:flex;align-items:center}.chat-head-main{gap:10px}.chat-head-main h3{margin:0;font-size:.95rem}.chat-head-main p{margin:3px 0 0}.chat-head-badges{margin-top:6px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.chat-head-controls{flex-wrap:wrap}.chat-messages{border:1px solid #2a2c3a;border-radius:12px;background:linear-gradient(180deg,#09090d,#07070b);padding:14px;overflow:auto;display:grid;align-content:start;grid-gap:8px;gap:8px}.chat-bubble{max-width:min(78%,660px);padding:10px;border-radius:13px;border:1px solid #2a2c3a;background:#151621}.chat-bubble.in{justify-self:start;border-top-left-radius:6px}.chat-bubble.out{justify-self:end;border-top-right-radius:6px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.28),rgba(var(--primary-rgb),.46));border-color:rgba(var(--primary-rgb),.55)}.chat-bubble p{margin:0 0 4px;font-size:.83rem;line-height:1.4}.chat-bubble span{color:#a7bcde;font-size:.68rem}.sender-tag{border-radius:999px;border:1px solid #2f3040;padding:2px 6px;font-size:.61rem;font-weight:700;letter-spacing:.2px}.sender-tag.customer{border-color:rgba(47,202,136,.5);color:#8eeec2}.sender-tag.agent{color:#def1ff}.sender-tag.agent,.sender-tag.ai{border-color:rgba(var(--primary-rgb),.55)}.sender-tag.ai{color:#9bd9ff}.sender-tag.system{border-color:#2f3040;color:#a4b8d8}.chat-tools{border:1px solid #2a2c3a;border-radius:12px;background:#10111a;padding:10px}.quick-replies{display:grid;grid-gap:8px;gap:8px}.quick-reply-btn{display:flex;align-items:flex-start;gap:8px;text-align:left;border:1px solid #2f3040;background:#151621;color:#d4e4ff;border-radius:10px;padding:8px 10px;cursor:pointer}.quick-reply-btn:hover{background:#1b1d2a}.quick-reply-btn span{font-size:.75rem;line-height:1.35}.chat-composer{border:1px solid #2a2c3a;border-radius:12px;background:#12131d;padding:8px;display:grid;grid-template-columns:auto auto 1fr auto;grid-gap:8px;gap:8px;align-items:center}.chat-composer-main{min-width:0}.icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #2f3040;background:#161823;color:#d2e2fd;cursor:pointer}.icon-btn:hover{background:#1d1f2c}.icon-btn.active{border-color:rgba(var(--primary-rgb),.72);background:rgba(var(--primary-rgb),.22)}.btn.icon{display:inline-flex;align-items:center;justify-content:center;gap:6px}.inbox-layout{display:grid;grid-gap:12px;gap:12px;grid-template-columns:1fr}.login-shell{grid-template-columns:1.2fr .9fr;grid-gap:16px;gap:16px;padding:18px;align-items:stretch}.auth-screen,.login-shell{min-height:100vh;display:grid}.auth-screen{background:radial-gradient(circle at 10% 10%,rgba(var(--primary-rgb),.08),transparent 30%),linear-gradient(180deg,#070708,#040405);position:relative;place-items:center;padding:20px}.auth-wrap{width:min(430px,100%);display:grid;grid-gap:14px;gap:14px;z-index:2}.auth-logo{display:grid;justify-items:center;grid-gap:8px;gap:8px}.auth-logo h1{margin:0;font-size:2rem;font-family:Inter,sans-serif}.auth-logo-badge{width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,var(--primary),var(--primary-strong));display:grid;place-items:center;font-weight:800;color:#fff}.auth-card{border:1px solid #2e3040;border-radius:22px;background:#11121a;padding:22px;display:grid;grid-gap:12px;gap:12px;box-shadow:var(--shadow-md)}.auth-card h2{margin:0}.auth-submit{width:100%;padding:12px}.auth-decoration{position:fixed;pointer-events:none;border:3px solid rgba(var(--primary-rgb),.24);z-index:1}.auth-decoration-top{width:64px;height:64px;border-radius:50%;left:6%;top:10%}.auth-decoration-bottom{width:72px;height:72px;border-radius:18px;transform:rotate(45deg);right:9%;bottom:12%}.login-showcase{border:1px solid var(--stroke);border-radius:18px;background:linear-gradient(160deg,rgba(16,16,23,.96),rgba(8,8,12,.97)),radial-gradient(circle at 80% 14%,rgba(var(--primary-rgb),.15),transparent 40%);padding:24px;display:grid;align-content:start;grid-gap:12px;gap:12px;box-shadow:var(--shadow-sm)}.login-showcase h1{margin:4px 0 0;font-family:Inter,sans-serif;font-size:clamp(1.4rem,3.6vw,2.35rem);line-height:1.12;letter-spacing:.2px}.login-showcase p{margin:0;color:#c8cddd;max-width:68ch}.login-points{margin-top:8px;display:grid;grid-gap:10px;gap:10px}.login-points article{border:1px solid #2b2d3d;border-radius:12px;background:#12131d;padding:10px;display:grid;grid-gap:4px;gap:4px}.login-points strong{font-size:.88rem}.login-points span{color:var(--muted);font-size:.78rem}.login-card{border:1px solid var(--stroke);border-radius:18px;background:linear-gradient(180deg,#161823,#0f1018);box-shadow:var(--shadow-md);padding:20px;display:grid;align-content:center;grid-gap:12px;gap:12px}.login-card h2{margin:0;font-family:Inter,sans-serif}.messages-box{display:grid;grid-gap:8px;gap:8px;max-height:460px;overflow:auto;margin-bottom:10px}.message-bubble{padding:10px;border-radius:12px;border:1px solid #2a2c3a;background:#151621}.message-bubble.out{background:rgba(var(--primary-rgb),.36);border-color:rgba(var(--primary-rgb),.55)}.message-bubble p{margin:0 0 6px}.message-bubble span{color:var(--muted);font-size:.73rem}.reply-form{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px}.launch-hero{position:relative;overflow:hidden;border:1px solid #323446;border-radius:20px;padding:14px;background:radial-gradient(circle at 82% 16%,rgba(var(--primary-rgb),.14),transparent 40%),radial-gradient(circle at 22% -8%,rgba(var(--primary-rgb),.2),transparent 46%),linear-gradient(145deg,rgba(13,13,19,.98),rgba(9,9,13,.98));box-shadow:0 28px 65px rgba(0,0,0,.36)}.launch-hero:after{content:"";position:absolute;inset:auto -90px -88px auto;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(var(--primary-rgb),.3),transparent 65%);pointer-events:none}.launch-hero-main{position:relative;z-index:2;display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}.launch-hero-title{margin:8px 0 0;font-family:Inter,sans-serif;font-size:clamp(1.14rem,2.8vw,1.72rem);line-height:1.15;letter-spacing:.2px}.launch-hero-copy{display:none}.launch-hero-badges{gap:7px}.launch-hero-actions,.launch-hero-badges{display:flex;align-items:center;flex-wrap:wrap}.launch-hero-actions{gap:8px}.launch-kpis{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:9px;gap:9px}.launch-kpis article{border:1px solid #2e3040;border-radius:13px;background:rgba(14,14,20,.92);padding:10px;display:grid;grid-gap:4px;gap:4px}.launch-kpis p{margin:0;font-size:.68rem;color:#8e94a8;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.launch-kpis strong{font-family:Inter,sans-serif;font-size:1.15rem}.launch-kpis span{color:#a4a9bc;font-size:.72rem}.launch-bento{display:none}.launch-bento article{border:1px solid #2a4064;border-radius:14px;background:linear-gradient(180deg,#111b31,#0b1527);padding:11px;display:grid;grid-gap:6px;gap:6px}.launch-bento p{margin:0;color:#a7bde0;font-size:.73rem}.launch-bento strong{font-size:.92rem}.launch-inline-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.launch-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.launch-section-head h3{margin:0}.prefs-grid{display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:12px;gap:12px}.preferences-layout{display:grid;grid-template-columns:220px 1fr;grid-gap:12px;gap:12px}.preferences-nav{display:grid;align-content:start;grid-gap:10px;gap:10px}.preferences-nav h3{margin:0;font-size:1rem}.preferences-nav nav{display:grid;grid-gap:6px;gap:6px}.preferences-nav nav a{display:inline-flex;align-items:center;gap:8px;border:1px solid #2f3040;padding:8px 12px;background:#13141d;font-size:.78rem;font-weight:700;color:#dbe4f7}.preferences-nav nav a:hover{border-color:rgba(var(--primary-rgb),.62);background:rgba(var(--primary-rgb),.12)}.preferences-content{display:grid;grid-gap:12px;gap:12px}.preferences-switches{display:grid;grid-gap:8px;gap:8px}.theme-card{border:1px solid #2b2d3d;border-radius:14px;background:#11121a;padding:12px;display:grid;grid-gap:10px;gap:10px}.swatch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.swatch-btn{border:1px solid #2f3040;border-radius:12px;background:#151621;color:#dce8ff;padding:10px;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font-weight:700;font-size:.78rem}.swatch-btn.active{border-color:rgba(var(--primary-rgb),.72);background:rgba(var(--primary-rgb),.18)}.swatch-dot{width:14px;height:14px;border-radius:999px;border:1px solid hsla(0,0%,100%,.35)}@media (max-width:1240px){.shell{grid-template-columns:1fr}.sidebar{order:2}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-builder-grid,.chat-layout,.content-grid,.dashboard-bottom-grid,.preferences-layout{grid-template-columns:1fr}.campaign-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-thread-list{max-height:38vh}.login-shell{grid-template-columns:1fr}.launch-kpis,.prefs-grid,.swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.shell{padding:10px}.topbar,.topbar-right{flex-direction:column;align-items:stretch}.topbar-right{width:100%}.command-btn{justify-content:space-between}.search-field{min-width:100%}.actions{width:100%}.actions .btn{flex:1 1}.chat-composer,.form-grid,.form-grid.two,.metrics,.perm-grid,.reply-form,.row,.slider-grid{grid-template-columns:1fr}.segmented{width:100%;grid-auto-flow:row}.campaign-review-grid,.campaign-stepper{grid-template-columns:1fr}.campaign-builder-nav{flex-direction:column}.launch-kpis,.prefs-grid,.swatch-grid{grid-template-columns:1fr}.auth-decoration{display:none}}:root{--bg:#f6f8f6;--surface-1:#fff;--surface-2:#f0f4f2;--stroke:#dce5df;--text:#111813;--muted:#63886f;--primary:#17cf54;--primary-strong:#12b647;--primary-dark:#0e2b19;--primary-rgb:23,207,84}body{color:var(--text);background:var(--bg)}.bg-grid,.bg-orb{display:none}.shell{grid-template-columns:272px 1fr;gap:0;padding:0;background:var(--bg)}.sidebar{border-radius:0;border:0;border-right:1px solid var(--stroke);background:#fff;box-shadow:none;height:100vh;position:-webkit-sticky;position:sticky;top:0;padding:20px 14px}.brand-dot{width:32px;height:32px;border-radius:999px;background:var(--primary);box-shadow:none}.brand h1{font-size:1.12rem;color:var(--text)}.brand p{text-transform:uppercase;letter-spacing:.11em;font-size:.58rem;color:var(--primary);font-weight:800}.nav-group-label,.workspace-chip{display:none}.sidebar-nav{gap:8px}.nav-group{gap:3px}.sidebar nav a{border-radius:999px;padding:10px 12px;color:#657a91;border:1px solid transparent;font-size:.86rem}.sidebar nav a:hover{transform:none;border-color:#e5ece7;background:#f3f7f4;color:var(--text)}.sidebar nav a.active{background:#e9f5ed;border-color:#d9ebdf;color:var(--text)}.nav-icon{background:transparent;color:#6a7e93}.sidebar nav a.active .nav-icon{background:transparent;color:var(--text)}.plan-chip{border:1px solid var(--stroke);background:#f4f8f5;border-radius:12px;padding:10px;display:grid;grid-gap:8px;gap:8px}.plan-chip p{margin:0;font-size:.7rem;color:#5d7c66;text-transform:uppercase;font-weight:800}.tenant-card{border-radius:14px;border:1px solid var(--stroke);background:#fff}.tenant-main h3{color:var(--text)}.tenant-meta{display:none}.main{gap:0;padding:0}.topbar{border-radius:0;border:0;border-bottom:1px solid var(--stroke);box-shadow:none;background:hsla(0,0%,100%,.84);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px 20px}.page-title{font-size:1.6rem;color:var(--text)}.topbar-sub{display:none}.topbar-right .actions{gap:6px}.panel{border-radius:20px;border:1px solid var(--stroke);background:#fff;box-shadow:0 8px 22px rgba(12,18,14,.04)}.metrics{gap:12px}.metric{background:#fff;border:1px solid var(--stroke)}.metric:after{display:none}.metric p{color:#6a7f8b;text-transform:none;letter-spacing:0;font-size:.8rem}.metric h2{color:var(--text)}.metric span{color:#7d8f9d}.metric-danger,.metric-info,.metric-neutral,.metric-success,.metric-warning{background:#fff;border-color:var(--stroke)}.btn{border-radius:999px}.btn.primary{background:var(--primary);border-color:var(--primary);box-shadow:0 10px 18px rgba(var(--primary-rgb),.24)}.btn.ghost{background:#fff;color:#415262;border-color:var(--stroke)}select.field{-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:999px;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236f7f8a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}select.field:disabled{opacity:.82}.pill,.pill.danger,.pill.info,.pill.neutral,.pill.success,.pill.warning{border-color:#deebdf;background:#eef6ef;color:#43785b}.field{background:#f6f8f6;border-color:#e1e9e3;color:var(--text);border-radius:999px}.field:focus{background:#fff;border-color:rgba(var(--primary-rgb),.68);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.16)}.textarea{border-radius:14px}.table{gap:10px}.row{border:1px solid #ebf0ec;background:#fff}.row.head{color:#92a7b4;font-size:.67rem}.subtext{color:#8ea2af}.mini-progress{border:0;background:#eaf1eb;height:6px}.mini-progress div{background:var(--primary)}.launch-bento,.launch-hero{display:none!important}.dashboard-bottom-grid{margin-top:14px}.ai-agent-card{border-color:#0f2d19;background:linear-gradient(160deg,#0a2814,#071e11);color:#fff}.ai-agent-card .muted{color:#b7d6c0}.upload-dropzone{border-color:#d6e8db;background:#f7fbf8;justify-items:center;text-align:center}.chat-layout{margin-top:14px;grid-template-columns:340px 1fr 320px;gap:24px}.chat-right,.chat-sidebar,.chat-window{border-radius:12px;border:1px solid var(--stroke);box-shadow:none}.chat-composer,.chat-head,.chat-messages,.chat-right,.chat-side-card,.chat-sidebar,.chat-thread-list li,.chat-tools,.chat-window{background:#fff}.chat-thread-list li{border-color:#e8efea}.chat-thread-list li.selected{background:#eef8f0;border-color:#cde8d4}.thread-filter{background:#f1f6f2;border-color:#dbe7df;grid-auto-flow:column;width:100%;overflow:auto}.thread-filter button{border-radius:999px;color:#698080}.thread-filter button.active{background:#fff;color:#1a2a24;box-shadow:0 2px 6px rgba(20,31,25,.08)}.chat-bubble.in{background:#fff;border-color:#dfe8e2}.chat-bubble.out{background:var(--primary);border-color:var(--primary);color:#fff}.chat-bubble.out span{color:#f2fff6}.icon-btn{border-radius:999px;border-color:#dde6df;background:#f3f8f4;color:#6f7f8a}.icon-btn.active{background:#eaf7ee;border-color:#d1e8d8}.chat-window{padding:0}.chat-head{margin:0;border:0;border-bottom:1px solid #e1e9e3;border-radius:0;padding:16px 18px}.chat-head-controls{display:flex;align-items:center;gap:8px}.chat-mode-switch{border:1px solid #dbe6df;border-radius:999px;padding:3px;background:#f3f7f4}.chat-mode-switch,.chat-mode-switch button{display:inline-flex;align-items:center;gap:6px}.chat-mode-switch button{border:0;border-radius:999px;background:transparent;color:#6f7f8a;font-weight:700;font-size:.78rem;padding:7px 12px;cursor:pointer}.chat-mode-switch button.active{background:#fff;color:#1b2924;box-shadow:0 2px 7px rgba(24,37,31,.09)}.chat-mode-switch button:disabled{opacity:.62;cursor:not-allowed}.chat-messages{border:0;border-radius:0;background:#f6f8f6;padding:18px 20px;gap:14px}.chat-day-sep{display:flex;justify-content:center}.chat-day-sep span{background:#e6ece8;color:#7a8894;border-radius:999px;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px}.chat-composer{border:0;border-top:1px solid #e1e9e3;border-radius:0;background:#fff;padding:12px 16px}.chat-right,.chat-sidebar{padding:16px}.chat-right .panel-head h3,.chat-side-card h4{color:#1b2723}.chat-side-actions .btn.primary{background:#0f1d40;border-color:#0f1d40}.chat-side-actions .btn.ghost:last-child{background:#fff;border-color:#bfe7cc;color:var(--primary)}.preferences-layout{margin-top:14px}.preferences-nav nav a{border-radius:999px}.auth-screen{background-color:#f6f8f6;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 0l10 30 30 10-30 10-10 30-10-30-30-10 30-10z' fill='%2317cf54' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E")}.auth-card{background:#fff;border-color:#dde6df}.auth-logo h1{color:#111813}.auth-logo-badge{background:var(--primary)}.auth-decoration{border-color:rgba(var(--primary-rgb),.24)}@media (max-width:1240px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--stroke)}.chat-layout{grid-template-columns:1fr}}.main{gap:26px;padding:24px}.topbar{border:1px solid var(--stroke);border-radius:22px;padding:18px 22px;background:#fff}.metrics{gap:24px}.stitch-metrics{margin-top:2px}.stitch-metric-card{border-radius:20px;padding:20px;min-height:145px}.stitch-metric-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.stitch-metric-icon{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.stitch-metric-icon.is-emerald{background:rgba(23,207,84,.12);color:#17cf54}.stitch-metric-icon.is-blue{background:rgba(59,130,246,.12);color:#3b82f6}.stitch-metric-icon.is-purple{background:rgba(168,85,247,.12);color:#a855f7}.stitch-metric-icon.is-orange{background:rgba(249,115,22,.12);color:#f97316}.stitch-panel{padding:28px}.launch-section-head{margin-bottom:22px}.launch-section-head h3{font-size:1.65rem}.stitch-campaign-table .row{grid-template-columns:2.2fr 1fr 1.35fr .8fr .35fr;border-radius:16px;padding:14px 16px;margin-top:10px}.stitch-campaign-table .row.head{margin-top:0;padding:2px 10px 6px}.stitch-campaign-name{display:flex;align-items:center;gap:12px}.stitch-campaign-icon{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.stitch-campaign-icon.tone-0{background:rgba(23,207,84,.15);color:#17cf54}.stitch-campaign-icon.tone-1{background:rgba(148,163,184,.2);color:#64748b}.stitch-campaign-icon.tone-2{background:rgba(14,165,233,.15);color:#0284c7}.dashboard-bottom-grid{grid-template-columns:1.9fr 1fr;gap:24px}.inbox-list{gap:12px}.inbox-list li{padding:13px}.inbox-live-entry{display:flex;align-items:center;gap:10px}.contact-avatar{width:42px;height:42px;border-radius:999px;object-fit:cover;border:2px solid #e9f0ea;flex-shrink:0}.contact-avatar.large{width:48px;height:48px}.contact-row-main{display:flex;align-items:center;gap:10px}.chat-layout{gap:20px}.chat-thread-list{gap:10px}.chat-thread-list li{padding:12px;gap:12px}.chat-window .chat-head{padding-bottom:16px;margin-bottom:16px}.campaign-wizard-header{padding:24px 26px}.campaign-wizard-head-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.wizard-step-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.11em;color:var(--primary);font-weight:800}.wizard-title{margin:7px 0 0;font-size:1.72rem;letter-spacing:-.02em}.wizard-progress-wrap{display:inline-flex;align-items:center;gap:10px}.wizard-progress{width:146px;height:8px;border-radius:999px;background:#dce5df;overflow:hidden}.wizard-progress div{height:100%;background:var(--primary)}.campaign-wizard-tabs{display:flex;align-items:center;gap:26px;border-top:1px solid #edf3ee;padding-top:12px}.campaign-wizard-tabs button{border:0;background:transparent;color:#6c8473;font-weight:700;padding:8px 0;border-bottom:3px solid transparent;cursor:pointer}.campaign-wizard-tabs button.active{color:#111813;border-bottom-color:var(--primary)}.campaign-builder-panel{padding:24px}.campaign-builder-panel .panel-head h3{font-size:1.3rem}.campaign-stepper{display:none}.campaign-builder-grid{gap:24px}.campaign-builder-main,.campaign-builder-side{gap:18px}.campaign-readiness,.campaign-stage-card,.campaign-summary-list article{border:1px solid #dce5df;border-radius:18px;background:#fff;padding:18px}.campaign-builder-side,.panel.tone-soft{background:#fff;color:var(--text)}.panel.tone-soft{border-color:var(--stroke)}.ai-agent-card .btn,.ai-agent-card .panel-head h3,.ai-agent-card h4,.ai-agent-card p{color:#fff}.campaign-preview-bubble{border-color:#cde8d6;border-radius:16px;background:#f3f9f5}.campaign-review-grid{gap:12px}.campaign-review-grid article{border-color:#dce5df;border-radius:14px;background:#f8fbf9;padding:12px}.campaign-presets button{border:1px solid #d6e2d9;background:#f5f8f6;color:#557264;padding:7px 13px}.campaign-presets button.active{border-color:#b7e4c6;background:#e9f7ed;color:#146234}.campaign-builder-nav{margin-top:6px}@media (max-width:1240px){.main{padding:16px}.metrics{gap:14px}.dashboard-bottom-grid{gap:14px}.dashboard-bottom-grid,.stitch-campaign-table .row{grid-template-columns:1fr}.campaign-wizard-head-top{flex-direction:column;align-items:flex-start}.campaign-wizard-tabs{gap:12px;flex-wrap:wrap}}.topbar-left{display:flex;align-items:center;gap:10px}.sidebar-toggle{flex-shrink:0}.btn.brand-dark{background:var(--primary-dark);border-color:var(--primary-dark);color:#f9fffb;box-shadow:0 10px 20px rgba(7,19,12,.22)}.btn.brand-dark:hover{filter:brightness(1.08)}.btn.brand-dark:disabled{opacity:.62}.shell.sidebar-collapsed{grid-template-columns:90px 1fr}.shell.sidebar-collapsed .sidebar{padding:14px 8px;align-items:center}.shell.sidebar-collapsed .brand{width:100%;justify-content:center}.shell.sidebar-collapsed .brand>div:last-child,.shell.sidebar-collapsed .nav-group-label,.shell.sidebar-collapsed .plan-chip,.shell.sidebar-collapsed .sidebar nav a span:not(.nav-icon),.shell.sidebar-collapsed .tenant-card .btn,.shell.sidebar-collapsed .tenant-main div,.shell.sidebar-collapsed .tenant-meta,.shell.sidebar-collapsed .workspace-chip{display:none}.shell.sidebar-collapsed .nav-group,.shell.sidebar-collapsed .sidebar-nav{width:100%}.shell.sidebar-collapsed .sidebar nav a{justify-content:center;padding:10px}.shell.sidebar-collapsed .tenant-card{width:100%;display:grid;justify-items:center;padding:8px}.shell.sidebar-collapsed .tenant-main{justify-content:center}.shell.sidebar-collapsed .contact-avatar{width:34px;height:34px}.chat-right,.chat-sidebar,.chat-window{border-radius:24px}.chat-head{border-radius:24px 24px 0 0}.chat-messages{background:#f7faf8}.chat-composer{border-radius:0 0 24px 24px}.chat-side-card,.chat-thread-list li{border-radius:20px}.thread-filter{border-radius:999px}.chat-side-actions .btn.brand-dark{background:var(--primary-dark);border-color:var(--primary-dark)}.role-stitch-page{padding:20px}.role-perm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.role-perm-card{border:1px solid hsla(0,0%,100%,.08);border-radius:18px;padding:16px;background:radial-gradient(circle at 10% 0,rgba(var(--primary-rgb),.15),transparent 38%),linear-gradient(155deg,rgba(7,12,14,.96),var(--primary-dark));color:#e9f8f0}.role-perm-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.role-perm-head h4{margin:0;font-size:1.8rem;line-height:1;color:rgba(223,251,232,.22)}.role-perm-list{display:grid;grid-gap:8px;gap:8px}.role-perm-list .check-line{color:#f3f8ff;font-size:.93rem}.role-perm-list input[type=checkbox]{accent-color:var(--primary)}.role-submit{width:100%}.wa-header-card{padding:24px}.wa-header-card h3{margin:10px 0 4px;font-size:2rem}.wa-header-badge{width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(var(--primary-rgb),.24);background:rgba(var(--primary-rgb),.08);color:var(--primary-dark);border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:800;text-transform:uppercase}.wa-layout{display:grid;grid-template-columns:1.75fr 1fr;grid-gap:18px;gap:18px}.wa-main,.wa-side{display:grid;align-content:start;grid-gap:16px;gap:16px}.wa-section-card{padding:20px}.wa-copy-field{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;align-items:center}.wa-copy-field .icon-btn{width:40px;height:40px}.wa-webhook-actions{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;align-items:center}.wa-token-box{border:1px dashed #d2e1d7;border-radius:16px;padding:12px 14px;display:grid;grid-gap:4px;gap:4px;background:#f8fbf9}.wa-token-box small{font-size:.7rem;color:#6c8473}.wa-token-box strong{font-family:Inter,monospace;font-size:.82rem}.wa-form-actions{display:flex;justify-content:flex-end;margin-top:4px}.wa-cta-card h4,.wa-doc-card h4,.wa-env-card h4{margin:0 0 8px;font-size:1.05rem}.wa-doc-card ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.wa-doc-card li{display:flex;align-items:center;gap:8px;color:#334654;font-size:.85rem}.wa-cta-card{background:radial-gradient(circle at 90% 10%,rgba(var(--primary-rgb),.12),transparent 38%),#fff}.wa-env-card>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #edf3ee}.wa-env-card>div:last-child{border-bottom:0}.wa-env-card span{color:#6c8473;font-size:.83rem}.wa-env-card strong{font-size:.86rem}.wa-flows-panel{margin-top:6px}.wa-flows-panel .panel-head{margin-bottom:14px}@media (max-width:1240px){.shell.sidebar-collapsed,.wa-layout{grid-template-columns:1fr}.role-perm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.role-perm-grid,.wa-webhook-actions{grid-template-columns:1fr}}.pill{border-radius:999px;border:1px solid #dbe7df;background:#edf5ef;color:#416f58;font-weight:700}.pill.success{border-color:#bfe5ca;background:#e9f8ee;color:#278951}.pill.warning{border-color:#f1dfad;background:#fff6de;color:#9f7400}.pill.danger{border-color:#f1c2cb;background:#ffecef;color:#b8415d}.pill.info{border-color:#c8d7f2;color:#44618f}.pill.neutral{border-color:#dbe7df;background:#f4f7f5;color:#6d7d77}.thread-filter{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;overflow-x:auto}.thread-filter button{gap:6px;white-space:nowrap;min-width:0;padding-inline:12px}.thread-filter button,.thread-filter-count{display:inline-flex;align-items:center;justify-content:center}.thread-filter-count{min-width:21px;height:21px;border-radius:999px;background:#e7eee9;color:#587164;font-size:.68rem;font-weight:800;line-height:1}.thread-filter button.active .thread-filter-count{background:#d9f0e0;color:#257848}.chat-right,.chat-sidebar,.chat-window{border-radius:28px;overflow:hidden}.chat-side-card,.chat-thread-list li,.chat-tools{border-radius:20px}.chat-messages{border-top:1px solid #e5ece7;border-bottom:1px solid #e5ece7}.chat-head-controls .icon-btn.active{background:var(--primary-dark);border-color:var(--primary-dark);color:#f4fff8}.switch-inline{background:linear-gradient(135deg,var(--primary-dark),var(--primary-dark));border-color:rgba(var(--primary-rgb),.22);color:#d9e8ff}.switch-inline input{accent-color:#63a9ff}.btn.brand-dark{background:linear-gradient(135deg,var(--primary-dark),var(--primary-dark));border-color:rgba(var(--primary-rgb),.22);color:#f5fbff;box-shadow:none}.chat-side-actions .chat-action-btn{width:100%;min-height:50px;font-size:.95rem;border-radius:999px;justify-content:center}.chat-side-actions .chat-action-btn.btn.ghost{background:#fff;color:#3b4f5d;border-color:#d7e4dc}.chat-tools{margin:0 16px;border:1.5px solid #1b2134;background:#fff;padding:16px}.quick-replies{gap:10px}.quick-reply-btn{border-radius:14px;border:1px solid rgba(var(--primary-rgb),.2);background:linear-gradient(140deg,var(--primary-dark),var(--primary-dark));background:linear-gradient(140deg,var(--primary-dark),color-mix(in srgb,var(--primary-dark) 72%,#05070d));color:#d8e8ff;padding:12px 14px}.quick-reply-btn:hover{background:linear-gradient(140deg,var(--primary-dark),var(--primary-dark));background:linear-gradient(140deg,color-mix(in srgb,var(--primary-dark) 82%,#070a12),var(--primary-dark))}.quick-reply-copy{font-size:.97rem;line-height:1.35}.role-stitch-page .panel-head h3{font-size:1.32rem}.role-perm-card{position:relative;overflow:hidden;border-radius:24px;padding:18px}.role-perm-bg{position:absolute;right:-24px;bottom:-34px;pointer-events:none;opacity:.16}.role-perm-bg svg{color:rgba(217,250,227,.68)}.role-perm-head h4{font-size:1.12rem;color:#d6efde;letter-spacing:.01em}.role-perm-head,.role-perm-list{position:relative;z-index:1}.contacts-edit-panel{border:1px solid #deebdf;border-radius:20px;background:#fff;padding:16px;margin-bottom:14px}.contacts-edit-actions{display:flex;justify-content:flex-end}.contacts-table .row{grid-template-columns:1.45fr 1fr .9fr .7fr .7fr}.contacts-row-actions{display:flex;justify-content:flex-end}@media (max-width:1200px){.contacts-table .row{grid-template-columns:1fr;align-items:start}.contacts-row-actions{justify-content:flex-start}}.chat-head-controls .icon-btn{width:52px;height:52px;border-radius:999px;background:#f3f8f4;border-color:#d7e4dc;color:#617381;transition:background .14s ease,border-color .14s ease,color .14s ease}.chat-head-controls .icon-btn:focus-visible,.chat-head-controls .icon-btn:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#f5fbff}.role-perm-head h4{display:inline-flex;align-items:center;gap:8px;text-transform:lowercase}.role-perm-card.group-tenant{background:radial-gradient(circle at 85% 10%,rgba(66,153,225,.2),transparent 40%),linear-gradient(155deg,rgba(7,12,14,.96),var(--primary-dark))}.role-perm-card.group-users{background:radial-gradient(circle at 85% 10%,rgba(76,194,140,.22),transparent 40%),linear-gradient(155deg,rgba(7,12,14,.96),var(--primary-dark))}.role-perm-card.group-roles{background:radial-gradient(circle at 85% 10%,rgba(180,132,255,.22),transparent 40%),linear-gradient(155deg,rgba(7,12,14,.96),var(--primary-dark))}.role-perm-card.group-contacts{background:radial-gradient(circle at 85% 10%,rgba(248,164,95,.2),transparent 40%),linear-gradient(155deg,rgba(7,12,14,.96),var(--primary-dark))}.role-perm-card.group-campaigns{background:radial-gradient(circle at 85% 10%,rgba(88,227,175,.2),transparent 40%),linear-gradient(155deg,rgba(7,12,14,.96),var(--primary-dark))}.role-perm-card.group-inbox{background:radial-gradient(circle at 85% 10%,rgba(93,142,255,.24),transparent 40%),linear-gradient(155deg,rgba(7,12,14,.96),var(--primary-dark))}.role-perm-card.group-whatsapp{background:radial-gradient(circle at 85% 10%,rgba(40,217,117,.2),transparent 40%),linear-gradient(155deg,rgba(7,12,14,.96),var(--primary-dark))}.role-perm-card.group-analytics{background:radial-gradient(circle at 85% 10%,rgba(101,199,255,.2),transparent 40%),linear-gradient(155deg,rgba(7,12,14,.96),var(--primary-dark))}.role-perm-card.group-billing{background:radial-gradient(circle at 85% 10%,rgba(255,183,77,.2),transparent 40%),linear-gradient(155deg,rgba(7,12,14,.96),var(--primary-dark))}.onboarding-stage{padding:26px;border-radius:28px}.onboarding-track{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;padding:0 18px}.onboarding-track-line,.onboarding-track-progress{position:absolute;top:20px;left:18px;right:18px;height:2px;border-radius:999px}.onboarding-track-line{background:#e1ebe4}.onboarding-track-progress{width:calc(33% - 18px);right:auto;background:var(--primary)}.onboarding-step{position:relative;z-index:1;display:grid;justify-items:center;grid-gap:8px;gap:8px}.onboarding-step span{width:40px;height:40px;border-radius:999px;border:2px solid #d6e6db;background:#fff;color:#7f939f;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.84rem}.onboarding-step small{color:#8aa08f;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.onboarding-step.active span{background:var(--primary);border-color:var(--primary);color:#fff}.onboarding-step.active small{color:var(--primary)}.onboarding-grid{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:24px;gap:24px;align-items:stretch}.onboarding-visual{border:1px solid #deebdf;border-radius:28px;padding:20px;background:linear-gradient(160deg,#f0f8f2,#f8fcf9);display:grid;grid-gap:14px;gap:14px;align-content:space-between}.onboarding-visual-main{min-height:260px;border-radius:24px;border:1px solid rgba(var(--primary-rgb),.16);background:radial-gradient(circle at 20% 20%,rgba(var(--primary-rgb),.2),transparent 48%),#edf8f0;color:var(--primary);display:grid;place-items:center}.onboarding-visual-note{border:1px solid #dbe8df;border-radius:18px;background:#fff;display:flex;align-items:center;gap:8px;padding:12px;font-weight:600;color:#3d5c4c;font-size:.87rem}.onboarding-form-card{border:1px solid #deebdf;border-radius:28px;padding:22px;background:#fff}.onboarding-form-head h3{margin:0;font-size:2rem;letter-spacing:-.02em}.onboarding-form-head p{margin:7px 0 0;color:#668271}.onboarding-wa-block{border:1px solid #dce9e0;border-radius:20px;background:#f6faf7;padding:14px}.onboarding-wa-head{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:#3f6852;margin-bottom:10px}.onboarding-cta{width:100%;min-height:52px}.notif-centre-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.notif-centre-head .panel-head h3,.notif-centre-head h3{margin:0;font-size:1.9rem}.notif-centre-tabs{display:flex;align-items:center;gap:6px;padding:8px}.notif-centre-tabs button{border:0;background:transparent;border-radius:999px;padding:8px 14px;display:inline-flex;align-items:center;gap:6px;color:#698080;font-weight:700;cursor:pointer}.notif-centre-tabs button.active{background:#eef7f1;color:#16542f}.notif-centre-feed{display:grid;grid-gap:12px;gap:12px;margin:12px 0 16px}.notif-item{display:grid;grid-template-columns:auto 1fr;grid-gap:12px;gap:12px;align-items:start;border-radius:20px}.notif-item-icon{width:46px;height:46px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.notif-item-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.notif-item-head h4{margin:0;font-size:1rem}.notif-item-head small{color:#8898a3;font-size:.74rem;white-space:nowrap}.notif-item p{margin:6px 0 10px;color:#516670;font-size:.87rem}.notif-item.tone-success .notif-item-icon{background:#e7f8ee;color:#1f8e4f}.notif-item.tone-info .notif-item-icon{background:#ecf3ff;color:#3769bf}.notif-item.tone-warning .notif-item-icon{background:#fff4df;color:#9b7313}.notif-item.tone-danger .notif-item-icon{background:#ffecee;color:#b5485f}.notif-item.is-muted{opacity:.84}@media (max-width:1024px){.onboarding-grid{grid-template-columns:1fr}.onboarding-visual-main{min-height:220px}.notif-centre-head{flex-direction:column;align-items:flex-start}}main.shell{background:#f6f8f6}main.shell .main{padding:20px;gap:18px}main.shell .topbar{border-radius:24px;border:1px solid #dce5df;background:#fff;padding:14px 18px}main.shell .page-title{font-size:1.15rem;font-weight:800}main.shell .panel{border-radius:22px;border:1px solid #dce5df;box-shadow:none}main.shell[data-page=dashboard] .metrics{gap:16px}main.shell[data-page=dashboard] .stitch-metric-card{min-height:130px;border-radius:16px;padding:18px}main.shell[data-page=dashboard] .stitch-panel{border-radius:24px;padding:22px}main.shell[data-page=dashboard] .stitch-campaign-table .row{border-radius:14px;margin-top:8px;padding:13px 14px}main.shell[data-page=dashboard] .stitch-campaign-table .row.head{border:0;background:transparent;margin-top:0;padding:0 8px 5px}main.shell[data-page=dashboard] .dashboard-bottom-grid{align-items:stretch}main.shell[data-page=dashboard] .ai-agent-card{position:relative;overflow:hidden;background:linear-gradient(150deg,#052312,#0b2d18 42%,#03160c);border-color:#0d3a20}main.shell[data-page=dashboard] .ai-agent-card:after{content:"";position:absolute;right:-42px;bottom:-58px;width:220px;height:220px;opacity:.14;background:radial-gradient(circle at center,#9de9b8,transparent 62%)}main.shell[data-page=dashboard] .upload-dropzone{border-style:dashed;border-width:2px;border-radius:18px;padding:20px}main.shell[data-page=inbox]{grid-template-columns:84px 1fr}main.shell[data-page=inbox] .sidebar{padding:12px 8px;align-items:center}main.shell[data-page=inbox] .brand>div:last-child,main.shell[data-page=inbox] .nav-group-label,main.shell[data-page=inbox] .plan-chip,main.shell[data-page=inbox] .sidebar nav a span:not(.nav-icon),main.shell[data-page=inbox] .tenant-card .btn,main.shell[data-page=inbox] .tenant-main div,main.shell[data-page=inbox] .tenant-meta,main.shell[data-page=inbox] .workspace-chip{display:none}main.shell[data-page=inbox] .sidebar nav a{justify-content:center;padding:10px}main.shell[data-page=inbox] .chat-layout{margin-top:0;grid-template-columns:300px 1fr 330px;gap:14px}main.shell[data-page=inbox] .chat-right,main.shell[data-page=inbox] .chat-sidebar,main.shell[data-page=inbox] .chat-window{border-radius:16px}main.shell[data-page=inbox] .chat-head{padding:12px 14px}main.shell[data-page=inbox] .chat-head-main h3{font-size:1.03rem;font-weight:800}main.shell[data-page=inbox] .chat-head-controls .icon-btn{width:46px;height:46px}main.shell[data-page=inbox] .chat-messages{background:#f5f8f6}main.shell[data-page=inbox] .chat-bubble.in{max-width:78%;border-radius:16px;border-top-left-radius:5px}main.shell[data-page=inbox] .chat-bubble.out{max-width:78%;border-radius:16px;border-top-right-radius:5px}main.shell[data-page=inbox] .chat-tools{border-radius:16px}main.shell[data-page=inbox] .quick-reply-btn{border-radius:12px}main.shell[data-page=inbox] .chat-composer{border-radius:16px;padding:10px}main.shell[data-page=inbox] .chat-side-card{border-radius:16px}main.shell[data-page=inbox] .chat-side-actions .chat-action-btn{min-height:52px;font-size:.99rem}main.shell[data-page=roles] .role-stitch-page{border-radius:24px;padding:20px}main.shell[data-page=roles] .role-stitch-page .panel-head h3{font-size:1.22rem}main.shell[data-page=roles] .role-perm-grid{gap:16px}main.shell[data-page=roles] .role-perm-card{min-height:166px;border-radius:18px;border:1px solid hsla(0,0%,100%,.08);background:linear-gradient(145deg,#082013,#0b2b18 44%,#071a10)}main.shell[data-page=roles] .role-perm-bg{right:-18px;bottom:-28px;opacity:.18}main.shell[data-page=roles] .role-perm-bg svg{width:124px;height:124px}main.shell[data-page=roles] .role-perm-head h4{font-size:1.58rem;color:rgba(210,244,222,.2)}main.shell[data-page=roles] .role-perm-list .check-line{font-size:.85rem}main.shell[data-page=roles] .role-submit{min-height:52px;border-radius:999px}main.shell[data-page=whatsapp] .wa-header-card{border-radius:20px;padding:24px}main.shell[data-page=whatsapp] .wa-layout{gap:16px}main.shell[data-page=whatsapp] .wa-cta-card,main.shell[data-page=whatsapp] .wa-doc-card,main.shell[data-page=whatsapp] .wa-env-card,main.shell[data-page=whatsapp] .wa-flows-panel,main.shell[data-page=whatsapp] .wa-section-card{border-radius:18px}main.shell[data-page=whatsapp] .wa-copy-field .field{border-top-right-radius:0;border-bottom-right-radius:0}main.shell[data-page=whatsapp] .wa-copy-field .icon-btn{width:46px;height:auto;border-radius:0 999px 999px 0;border-left:0}main.shell[data-page=campaigns] .campaign-wizard-header{border-radius:0;border-left:0;border-right:0;padding:18px 0 0;box-shadow:none}main.shell[data-page=campaigns] .campaign-wizard-head-top{padding:0 18px 12px}main.shell[data-page=campaigns] .campaign-wizard-tabs{padding:0 18px}main.shell[data-page=campaigns] .campaign-builder-panel{border-radius:22px;padding:20px}main.shell[data-page=campaigns] .campaign-stage-card{border-radius:18px;padding:18px}main.shell[data-page=campaigns] .campaign-readiness,main.shell[data-page=campaigns] .campaign-summary-list article{border-radius:14px}main.shell[data-page=campaigns] .campaign-builder-nav .btn{min-height:48px}main.shell[data-page=onboarding] .onboarding-stage{padding:24px}main.shell[data-page=notifications] .notif-centre-head h3,main.shell[data-page=onboarding] .onboarding-form-head h3{font-size:2.15rem}main.shell[data-page=notifications] .notif-item{padding:14px}main.shell[data-page=preferences] .preferences-layout{gap:14px}main.shell[data-page=preferences] .preferences-content .panel,main.shell[data-page=preferences] .preferences-nav{border-radius:18px}@media (max-width:1280px){main.shell[data-page=inbox] .chat-layout{grid-template-columns:1fr}}.pill.success{border-color:#c9e8d4;background:#eaf8f0;color:#23794a}.pill.info{border-color:#d7e4ff;background:#edf3ff;color:#3b5fa8}.pill.warning{border-color:#f4e1ba;background:#fff5df;color:#976a10}.pill.danger{border-color:#f1d0d7;background:#ffedf1;color:#9c334a}.pill.neutral{border-color:#dfe7e2;background:#f3f7f4;color:#60717d}.btn.light{border-color:hsla(0,0%,100%,.7);background:#fff;color:#0f1d17}.btn.light:hover{filter:none;background:#f6fbf8}main.shell[data-page=dashboard] .stitch-dashboard-head h3{margin:0;font-size:clamp(1.9rem,2.4vw,2.25rem);letter-spacing:-.02em}main.shell[data-page=dashboard] .stitch-dashboard-head .muted{margin-top:4px;font-size:.95rem}main.shell[data-page=dashboard] .stitch-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}main.shell[data-page=dashboard] .stitch-metric-card{min-height:122px;border-radius:18px;border:1px solid #e4ece7;background:#fff}main.shell[data-page=dashboard] .stitch-kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}main.shell[data-page=dashboard] .stitch-metric-card h2{margin-top:6px;font-size:clamp(1.5rem,2.2vw,1.95rem)}main.shell[data-page=dashboard] .stitch-metric-card p{text-transform:none;letter-spacing:0;color:#728998}main.shell[data-page=dashboard] .stitch-campaigns-panel{border-radius:30px;padding:22px}main.shell[data-page=dashboard] .stitch-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}main.shell[data-page=dashboard] .stitch-panel-head h3{margin:0;font-size:1.6rem;letter-spacing:-.02em}main.shell[data-page=dashboard] .stitch-table-card .row{border:0;border-radius:14px;margin-top:2px}main.shell[data-page=dashboard] .stitch-table-card .row.head{padding:0 6px 8px}main.shell[data-page=dashboard] .stitch-dashboard-bottom{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px}main.shell[data-page=dashboard] .stitch-ai-card{padding:22px}main.shell[data-page=dashboard] .stitch-ai-top{display:flex;align-items:center;gap:12px}main.shell[data-page=dashboard] .stitch-ai-top h3{margin:0;font-size:1.5rem}main.shell[data-page=dashboard] .stitch-ai-icon{width:44px;height:44px;border-radius:14px;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center}main.shell[data-page=dashboard] .stitch-ai-copy{margin:18px 0 20px;max-width:620px;color:#d0e3d8;line-height:1.55}main.shell[data-page=dashboard] .stitch-ai-copy strong{color:#a9f0c6}main.shell[data-page=dashboard] .stitch-ai-actions .btn.ghost{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.2);color:#f2fff7}main.shell[data-page=dashboard] .stitch-ai-watermark{position:absolute;right:16px;bottom:8px;opacity:.11;color:#9de9b8;pointer-events:none}main.shell[data-page=dashboard] .stitch-import-panel{display:grid;align-content:start}main.shell[data-page=dashboard] .stitch-live-head{margin-top:14px}main.shell[data-page=dashboard] .stitch-import-foot{margin-top:10px;text-align:right}main.shell[data-page=inbox] .thread-filter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:6px;gap:6px;overflow:visible}main.shell[data-page=inbox] .thread-filter button{padding:9px 8px;font-size:.82rem;font-weight:700}main.shell[data-page=inbox] .thread-filter button span:first-child{line-height:1}main.shell[data-page=inbox] .chat-head-controls .chat-head-icon{width:52px;height:52px;border-radius:999px;border:1px solid #d7e4dc;background:#f4f8f5;color:#677885}main.shell[data-page=inbox] .chat-head-controls .chat-head-icon.active,main.shell[data-page=inbox] .chat-head-controls .chat-head-icon:focus-visible,main.shell[data-page=inbox] .chat-head-controls .chat-head-icon:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#f4fff8}main.shell[data-page=roles] .tenant-admin-hero h3{margin:0;font-size:clamp(2rem,2.6vw,2.55rem);letter-spacing:-.03em}main.shell[data-page=roles] .tenant-admin-hero .muted{margin-top:5px;font-size:1rem}main.shell[data-page=roles] .tenant-admin-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}main.shell[data-page=roles] .tenant-admin-kpi-card{border-radius:20px;border-color:#dce5df;background:#fff;padding:16px 18px}main.shell[data-page=roles] .tenant-admin-kpi-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}main.shell[data-page=roles] .tenant-admin-kpi-icon{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}main.shell[data-page=roles] .tenant-admin-kpi-icon.tone-blue{background:#ecf3ff;color:#3e72c7}main.shell[data-page=roles] .tenant-admin-kpi-icon.tone-emerald{background:#e9f8ef;color:#1e8c52}main.shell[data-page=roles] .tenant-admin-kpi-icon.tone-orange{background:#fff3e3;color:#b67b1f}main.shell[data-page=roles] .tenant-admin-kpi-card p{margin:0 0 4px;text-transform:none;letter-spacing:0;color:#728998}main.shell[data-page=roles] .tenant-admin-kpi-card h2{margin:0;font-size:2rem}main.shell[data-page=roles] .tenant-org-panel{overflow:hidden;padding:0}main.shell[data-page=roles] .tenant-org-tabs{display:flex;gap:4px;border-bottom:1px solid #e4ece7;padding:0 16px}main.shell[data-page=roles] .tenant-org-tabs button{border:0;background:transparent;border-bottom:3px solid transparent;padding:15px 11px;color:#8ea1ad;font-weight:700;cursor:pointer}main.shell[data-page=roles] .tenant-org-tabs button.active{border-color:var(--primary);color:#15221d}main.shell[data-page=roles] .tenant-org-table{padding:14px}main.shell[data-page=roles] .tenant-org-table .row{border-radius:14px}main.shell[data-page=roles] .tenant-org-cell{display:flex;align-items:center;gap:10px}main.shell[data-page=roles] .tenant-org-avatar{width:36px;height:36px;border-radius:10px;background:#edf2ef;color:#39505f;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.75rem}main.shell[data-page=roles] .tenant-org-cell strong{display:block;margin-bottom:2px}main.shell[data-page=roles] .tenant-admin-bottom{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);grid-gap:16px;gap:16px}main.shell[data-page=roles] .tenant-matrix-card{border-radius:24px;padding:20px}main.shell[data-page=roles] .tenant-matrix-list{display:grid;grid-gap:10px;gap:10px}main.shell[data-page=roles] .tenant-matrix-row{border:1px solid #e4ece7;border-radius:16px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px}main.shell[data-page=roles] .tenant-matrix-row strong{display:block;font-size:.92rem}main.shell[data-page=roles] .tenant-matrix-row p{margin:4px 0 0;color:#8296a2;font-size:.76rem}main.shell[data-page=roles] .tenant-matrix-switches{display:flex;gap:12px}main.shell[data-page=roles] .tenant-matrix-switches label{display:grid;grid-gap:6px;gap:6px;justify-items:center}main.shell[data-page=roles] .tenant-matrix-switches label span{text-transform:uppercase;font-size:.61rem;letter-spacing:.08em;color:#8ea2ad;font-weight:800}main.shell[data-page=roles] .mini-toggle{width:38px;height:22px;border-radius:999px;border:0;background:#d9e3dc;padding:0 3px;cursor:pointer;display:inline-flex;align-items:center}main.shell[data-page=roles] .mini-toggle span{width:16px;height:16px;border-radius:50%;background:#fff;display:block;transition:transform .14s ease}main.shell[data-page=roles] .mini-toggle.active{background:var(--primary)}main.shell[data-page=roles] .mini-toggle.active span{transform:translateX(16px)}main.shell[data-page=roles] .tenant-matrix-save{width:100%;margin-top:16px;min-height:46px;border-radius:999px}main.shell[data-page=roles] .tenant-admin-side{display:grid;grid-gap:16px;gap:16px;align-content:start}main.shell[data-page=roles] .tenant-security-card{background:linear-gradient(150deg,#062814,#0d3c21 52%,#0b2d1b);border-color:#0d4527;color:#f2fff7}main.shell[data-page=roles] .tenant-security-top{display:inline-flex;align-items:center;gap:8px;font-weight:800}main.shell[data-page=roles] .tenant-security-card p{margin:10px 0 0;color:#c6ead5;font-size:.86rem;line-height:1.5}main.shell[data-page=roles] .tenant-custom-role-panel{padding:20px}main.shell[data-page=roles] .tenant-perm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}main.shell[data-page=roles] .tenant-perm-card{border:1px solid #e4ece7;border-radius:16px;background:#fbfdfc;padding:14px}main.shell[data-page=roles] .tenant-perm-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}main.shell[data-page=roles] .tenant-perm-head h4{margin:0;font-size:1rem;text-transform:capitalize}main.shell[data-page=roles] .tenant-perm-list{display:grid;grid-gap:7px;gap:7px}main.shell[data-page=roles] .tenant-perm-list .check-line{font-size:.84rem}@media (max-width:1220px){main.shell[data-page=dashboard] .stitch-kpi-grid,main.shell[data-page=roles] .tenant-admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}main.shell[data-page=dashboard] .stitch-dashboard-bottom,main.shell[data-page=roles] .tenant-admin-bottom,main.shell[data-page=roles] .tenant-perm-grid{grid-template-columns:1fr}}