:root {
  --forest-950:#0b2c25; --forest-900:#123c31; --forest-800:#185143; --forest-700:#1e6551;
  --cream:#f5f1e8; --surface:#fffdf8; --surface-2:#f0ede5; --ink:#15241f; --muted:#6b756f;
  --line:#dedbd1; --gold:#8a6a22; --gold-soft:#efe4c7; --green:#26805f; --red:#b6453e; --orange:#a65f1b;
  --shadow:0 12px 35px rgba(17,50,41,.09); --radius:18px; --sidebar:274px;
  font-family:"Segoe UI",Tahoma,Arial,sans-serif; color-scheme:light;
}

:root[data-theme="dark"] { --cream:#0e1714; --surface:#15231f; --surface-2:#1c2d28; --ink:#f1f0e9; --muted:#aeb9b3; --line:#2d403a; --gold:#d0ad5d; --gold-soft:#3d3420; --shadow:0 12px 35px rgba(0,0,0,.28); color-scheme:dark; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--cream);color:var(--ink);font-size:14px} button,input,select,textarea{font:inherit} button{cursor:pointer} button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(138,106,34,.3);outline-offset:2px}.is-hidden{display:none!important}
.login-view{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:var(--surface)}
.login-brand{background:var(--forest-950);color:#fff;padding:8vh 8vw;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-brand:before,.login-brand:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%}.login-brand:before{width:580px;height:580px;inset:auto -180px -210px auto}.login-brand:after{width:320px;height:320px;inset:7% auto auto -160px}.login-brand h1{font-size:clamp(36px,5vw,68px);line-height:1.35;margin:18px 0;max-width:680px;letter-spacing:-2px}.login-lead{font-size:17px;line-height:2;max-width:570px;color:#c8d7d1}.eyebrow{font-family:"Plus Jakarta Sans",sans-serif;letter-spacing:2px;font-size:11px;font-weight:700;color:var(--gold);margin:0 0 8px}.login-brand .eyebrow{color:#d0ad5d}.brand-mark{width:42px;height:42px;border-radius:14px 14px 14px 5px;background:#f8f5ec;color:white;display:grid;place-items:center;font-size:20px;font-weight:700;flex:0 0 auto;overflow:hidden}.brand-mark img{width:84%;height:84%;display:block}.brand-mark--large{width:64px;height:64px;font-size:28px;background:#f8f5ec;color:var(--forest-950)}.brand-mark--large img{width:88%;height:88%}.login-proof{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.15);padding-top:24px}.login-proof span{font-size:24px;color:#d0ad5d;font-weight:700}.login-proof p{margin:0;color:#c8d7d1;font-size:12px}.login-panel{display:grid;place-items:center;padding:40px;position:relative}.login-toolbar{position:absolute;top:24px;inset-inline-end:28px;display:flex;gap:8px}.login-card{width:min(440px,100%)}.login-card h2{font-size:29px;margin:16px 0 6px}.login-card>p{color:var(--muted);line-height:1.8}.login-card label{display:grid;gap:8px;margin:18px 0 0;font-weight:600}.login-card input{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 15px;background:var(--surface);color:var(--ink)}.demo-chip{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--gold-soft);color:var(--gold);font-size:11px;font-weight:700}.form-row{display:flex;justify-content:space-between;align-items:center;margin:15px 0}.form-row .check{display:flex;grid-template-columns:auto 1fr;align-items:center;margin:0;font-weight:400}.form-row input{width:auto}.link-btn{border:0;background:transparent;color:var(--forest-700);font-weight:700}.primary-btn{border:0;border-radius:12px;background:var(--forest-900);color:white;padding:13px 18px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:12px}.primary-btn:hover{background:var(--forest-800)}.primary-btn--full{width:100%}.login-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;margin:22px 0}.login-divider:before,.login-divider:after{content:"";height:1px;background:var(--line);flex:1}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.role-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:11px;padding:10px 5px;font-size:11px}.role-btn:hover{border-color:var(--gold);color:var(--gold)}.security-note{text-align:center!important;font-size:11px!important;margin-top:18px!important}.mobile-brand{display:none;align-items:center;gap:10px}
.app-view{min-height:100vh}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--sidebar);background:var(--forest-950);color:white;z-index:30;display:flex;flex-direction:column}.brand{height:82px;padding:18px 20px;display:flex;gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}.brand div{display:grid;gap:2px}.brand strong{font-size:15px}.brand small{font-size:10px;color:#91aaa1}.demo-banner{margin:14px 14px 4px;padding:10px 12px;border-radius:12px;background:rgba(208,173,93,.12);display:flex;gap:9px;align-items:center}.demo-banner strong,.demo-banner small{display:block}.demo-banner strong{font-size:11px;color:#e2c77f}.demo-banner small{font-size:9px;color:#aebdb7;margin-top:2px}.pulse{width:8px;height:8px;border-radius:50%;background:#d0ad5d;box-shadow:0 0 0 5px rgba(208,173,93,.12)}.nav{padding:8px 10px 20px;overflow:auto;flex:1}.nav::-webkit-scrollbar{width:4px}.nav::-webkit-scrollbar-thumb{background:#42635a;border-radius:9px}.nav-group{margin-top:14px}.nav-group-title{padding:7px 11px;color:#78968c;font-size:9px;font-weight:700;letter-spacing:.7px}.nav-item{width:100%;border:0;background:transparent;color:#bdd0c9;display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:10px;text-align:start;font-size:11px;margin:2px 0}.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.is-active{background:#f5f1e8;color:var(--forest-950);font-weight:700}.nav-icon{width:22px;text-align:center;font-size:15px}.nav-badge{margin-inline-start:auto;background:#b6453e;color:#fff;border-radius:99px;padding:1px 6px;font-size:9px}.sidebar-foot{padding:12px;border-top:1px solid rgba(255,255,255,.08)}.profile-mini{display:flex;align-items:center;gap:9px}.profile-mini strong,.profile-mini small{display:block}.profile-mini strong{font-size:10px}.profile-mini small{font-size:9px;color:#8ca59c}.avatar{width:34px;height:34px;border-radius:11px;background:#d0ad5d;color:var(--forest-950);display:grid;place-items:center;font-weight:700}.more-btn{margin-inline-start:auto;background:transparent;border:0;color:#9db2aa}.app-main{margin-inline-start:var(--sidebar);min-height:100vh}.topbar{height:82px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.global-search{width:min(480px,52vw);display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:9px 12px}.global-search input{flex:1;border:0;background:transparent;color:var(--ink);outline:0;font-size:12px}.global-search kbd{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:2px 6px;color:var(--muted);font-size:9px}.top-actions{display:flex;gap:8px}.icon-btn,.lang-btn{min-width:39px;height:39px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);display:grid;place-items:center}.lang-btn{font-family:"Plus Jakarta Sans",sans-serif;font-size:11px;font-weight:700}.notify-btn{position:relative}.notify-btn span{position:absolute;top:-4px;inset-inline-end:-3px;background:var(--red);color:#fff;border-radius:99px;font-size:8px;padding:1px 5px}.content{padding:28px;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.page-head h1{margin:3px 0 6px;font-size:26px;letter-spacing:-.7px}.page-head p{margin:0;color:var(--muted);font-size:12px}.head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.outline-btn,.soft-btn,.danger-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:9px 13px;font-size:11px;font-weight:700}.soft-btn{background:var(--gold-soft);color:var(--gold);border-color:transparent}.danger-btn{color:var(--red);border-color:color-mix(in srgb,var(--red) 35%,var(--line))}.segmented{display:flex;border:1px solid var(--line);border-radius:11px;padding:3px;background:var(--surface)}.segmented button{border:0;background:transparent;color:var(--muted);padding:7px 11px;border-radius:8px;font-size:10px}.segmented button.is-active{background:var(--forest-900);color:#fff}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;min-height:132px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;width:60px;height:60px;border-radius:50%;background:var(--accent,var(--gold-soft));opacity:.65;top:-22px;inset-inline-end:-18px}.kpi-top{display:flex;justify-content:space-between;align-items:center}.kpi-label{color:var(--muted);font-size:11px}.kpi-icon{width:34px;height:34px;border-radius:11px;background:var(--surface-2);display:grid;place-items:center}.kpi-value{font-family:"Plus Jakarta Sans","Noto Kufi Arabic",sans-serif;font-size:28px;font-weight:700;margin:14px 0 5px;letter-spacing:-1px}.kpi-foot{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:9px}.trend-up{color:var(--green);font-weight:700}.trend-down{color:var(--red);font-weight:700}.grid-2{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-bottom:18px}.grid-equal{grid-template-columns:repeat(2,1fr)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}.panel-head h2{font-size:14px;margin:0}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:10px}.panel-link{border:0;background:transparent;color:var(--gold);font-size:10px;font-weight:700}.chart{height:230px;width:100%}.chart svg{width:100%;height:100%;overflow:visible}.chart-grid{stroke:var(--line);stroke-width:1}.chart-line{fill:none;stroke:var(--forest-700);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-area{fill:url(#areaFill)}.chart-dot{fill:var(--surface);stroke:var(--gold);stroke-width:3}.bar{fill:var(--forest-700)}.bar.alt{fill:var(--gold)}.chart-label{fill:var(--muted);font-size:9px;font-family:"Plus Jakarta Sans",sans-serif}.legend{display:flex;gap:16px;color:var(--muted);font-size:10px}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-inline-end:5px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th,.data-table td{text-align:start;padding:12px 14px;border-bottom:1px solid var(--line);font-size:10px}.data-table th{color:var(--muted);font-weight:600;background:var(--surface-2)}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:color-mix(in srgb,var(--gold-soft) 35%,transparent)}.user-link{border:0;background:transparent;color:var(--forest-700);font-weight:700;padding:0}.status{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:4px 8px;font-size:9px;font-weight:700;background:var(--surface-2);color:var(--muted)}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status--green{background:rgba(38,128,95,.12);color:var(--green)}.status--red{background:rgba(182,69,62,.12);color:var(--red)}.status--gold{background:var(--gold-soft);color:var(--gold)}.status--orange{background:rgba(166,95,27,.12);color:var(--orange)}.table-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.local-search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--surface);min-width:230px}.local-search input{border:0;outline:0;background:transparent;color:var(--ink);width:100%;font-size:10px}.pagination{display:flex;align-items:center;gap:6px;margin-top:12px;justify-content:flex-end}.pagination button{width:30px;height:30px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;font-size:10px}.pagination button.is-active{background:var(--forest-900);color:#fff}.stat-list{display:grid;gap:9px}.stat-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.stat-row strong{font-family:"Plus Jakarta Sans",sans-serif}.progress{grid-column:1/-1;height:6px;background:var(--surface-2);border-radius:10px;overflow:hidden}.progress span{display:block;height:100%;background:var(--forest-700);border-radius:inherit}.waterfall{display:grid;gap:4px}.waterfall-row{display:grid;grid-template-columns:1fr auto;align-items:center;padding:11px 13px;border-radius:9px;background:var(--surface-2)}.waterfall-row.total{background:var(--forest-900);color:#fff;margin:4px 0}.waterfall-row strong{font-family:"Plus Jakarta Sans",sans-serif}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-stat{padding:14px;border-radius:13px;background:var(--surface-2)}.mini-stat span,.mini-stat strong{display:block}.mini-stat span{font-size:9px;color:var(--muted);margin-bottom:7px}.mini-stat strong{font-size:18px}.empty-state{text-align:center;padding:50px 20px}.empty-icon{width:58px;height:58px;border-radius:20px;background:var(--gold-soft);color:var(--gold);display:grid;place-items:center;margin:0 auto 15px;font-size:22px}.empty-state h2{font-size:16px}.empty-state p{color:var(--muted);max-width:500px;margin:8px auto 18px;line-height:1.8}.split-workspace{display:grid;grid-template-columns:330px 1fr;gap:0;min-height:620px;padding:0;overflow:hidden}.thread-list{border-inline-end:1px solid var(--line);padding:14px}.thread{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:14px 8px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;text-align:start}.thread.is-active{background:var(--gold-soft);border-radius:12px;border-bottom-color:transparent}.thread p,.thread small{margin:2px 0;color:var(--muted);font-size:9px}.workspace-detail{display:grid;grid-template-columns:1fr 260px}.conversation{display:flex;flex-direction:column;min-width:0}.conversation-head{padding:17px;border-bottom:1px solid var(--line)}.messages{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1}.message{max-width:78%;padding:11px 13px;border-radius:14px;background:var(--surface-2);line-height:1.8;font-size:10px}.message.admin{align-self:flex-end;background:var(--forest-900);color:#fff;border-end-end-radius:4px}.message.user{border-end-start-radius:4px}.reply{display:flex;gap:8px;padding:14px;border-top:1px solid var(--line)}.reply input{flex:1;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:10px}.user-context{border-inline-start:1px solid var(--line);padding:18px}.action-card{padding:12px;border:1px solid var(--line);border-radius:12px;margin-bottom:9px}.action-card strong,.action-card small{display:block}.action-card small{color:var(--muted);margin:5px 0 9px;font-size:9px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}.toggle-row p{margin:4px 0 0;color:var(--muted);font-size:9px}.toggle{width:42px;height:24px;border:0;border-radius:99px;background:#a8afa9;padding:3px}.toggle span{display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.toggle.is-on{background:var(--green)}.toggle.is-on span{transform:translateX(-18px)}[dir="ltr"] .toggle.is-on span{transform:translateX(18px)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field{display:grid;gap:7px}.field span{font-size:10px;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:10px}.field--full{grid-column:1/-1}.coupon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.price-card{border:1px solid var(--line);border-radius:14px;padding:15px}.price-card h3{font-size:11px;margin:0 0 12px}.price-card strong{font-size:20px}.price-card dl{display:grid;grid-template-columns:1fr auto;gap:7px;margin:12px 0 0;font-size:9px}.price-card dt{color:var(--muted)}.price-card dd{margin:0}.risk-safe{border-top:3px solid var(--green)}.risk-warn{border-top:3px solid var(--orange)}.risk-danger{border-top:3px solid var(--red)}.scrim{position:fixed;inset:0;background:rgba(3,18,13,.52);z-index:40}.drawer{position:fixed;z-index:50;top:0;bottom:0;inset-inline-end:0;width:min(520px,95vw);background:var(--surface);box-shadow:var(--shadow);transform:translateX(calc(100% * var(--slide-dir,1)));transition:transform .25s ease;overflow:auto}.drawer.is-open{transform:translateX(0)}[dir="rtl"] .drawer{--slide-dir:-1}.drawer-head,.modal-head{padding:20px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between}.drawer-head h2,.modal-head h2{margin:0;font-size:18px}.drawer-body{padding:20px}.detail-hero{background:var(--forest-950);color:#fff;border-radius:16px;padding:20px;margin-bottom:18px}.detail-hero h3{margin:0 0 5px}.detail-hero p{margin:0;color:#bcd0c8;font-size:10px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.detail-item{padding:12px;background:var(--surface-2);border-radius:11px}.detail-item span,.detail-item strong{display:block}.detail-item span{font-size:9px;color:var(--muted);margin-bottom:5px}.modal-wrap{position:fixed;inset:0;background:rgba(3,18,13,.58);z-index:60;display:grid;place-items:center;padding:20px}.modal{background:var(--surface);border-radius:20px;width:min(510px,100%);box-shadow:var(--shadow);overflow:hidden}.modal #modalBody{padding:20px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.reason-count{text-align:end;color:var(--muted);font-size:9px}.toasts{position:fixed;z-index:80;inset-inline-end:20px;bottom:20px;display:grid;gap:8px}.toast{background:var(--forest-950);color:#fff;padding:13px 16px;border-radius:11px;box-shadow:var(--shadow);font-size:10px;animation:toastIn .25s ease}.toast strong{color:#d0ad5d;margin-inline-end:6px}@keyframes toastIn{from{transform:translateY(8px);opacity:0}}.mobile-only{display:none}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.coupon-grid{grid-template-columns:repeat(2,1fr)}.workspace-detail{grid-template-columns:1fr}.user-context{display:none}}
@media(max-width:820px){.login-view{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh;padding:24px}.mobile-brand{display:flex}.sidebar{transform:translateX(calc(-100% * var(--menu-dir,1)));transition:.25s}[dir="rtl"] .sidebar{--menu-dir:-1}.sidebar.is-open{transform:translateX(0)}.app-main{margin-inline-start:0}.mobile-only{display:grid}.topbar{padding:0 14px}.global-search{width:100%}.global-search kbd{display:none}.content{padding:18px}.grid-2,.grid-equal{grid-template-columns:1fr}.split-workspace{grid-template-columns:1fr}.thread-list{display:none}.page-head{flex-direction:column}.head-actions{width:100%}.kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.role-grid{grid-template-columns:repeat(2,1fr)}.kpi-grid,.mini-grid,.coupon-grid,.form-grid{grid-template-columns:1fr}.kpi{min-height:auto}.global-search input::placeholder{color:transparent}.page-head h1{font-size:21px}.top-actions{gap:4px}.topbar{gap:7px}.content{padding:14px}.detail-grid{grid-template-columns:1fr}}

/* Purpose-built management views */
.command-bar{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:18px}.command-cell{background:var(--surface);padding:15px 17px;min-height:76px}.command-cell small,.command-cell strong{display:block}.command-cell small{color:var(--muted);font-size:9px;margin-bottom:6px}.command-cell strong{font-size:16px}.command-cell--signal{display:flex;align-items:center;gap:12px}.signal-orb{width:38px;height:38px;border-radius:50%;background:rgba(38,128,95,.14);color:var(--green);display:grid;place-items:center;font-weight:700;box-shadow:inset 0 0 0 7px rgba(38,128,95,.07)}
.finance-hero{background:var(--forest-950);color:#fff;border-radius:22px;padding:24px;display:grid;grid-template-columns:1.15fr .85fr;gap:24px;margin-bottom:18px;overflow:hidden;position:relative}.finance-hero:after{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(255,255,255,.08);border-radius:50%;inset:-180px -80px auto auto}.finance-hero .eyebrow{color:#d0ad5d}.finance-total{font-family:"Plus Jakarta Sans",sans-serif;font-size:42px;font-weight:700;margin:12px 0 4px;letter-spacing:-2px}.finance-sub{color:#a9c1b8;font-size:10px}.finance-bridge{display:flex;align-items:flex-end;gap:7px;height:145px;padding-top:12px}.bridge-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;height:100%}.bridge-bar{background:#d0ad5d;border-radius:7px 7px 2px 2px;min-height:10px}.bridge-bar.cost{background:#b86d4b}.bridge-bar.profit{background:#50a684}.bridge-col small{text-align:center;color:#b9cec6;font-size:8px}
.insight-list{display:grid;gap:9px}.insight{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:12px}.insight-icon{width:32px;height:32px;border-radius:10px;background:var(--gold-soft);color:var(--gold);display:grid;place-items:center}.insight strong,.insight small{display:block}.insight strong{font-size:10px}.insight small{font-size:8px;color:var(--muted);margin-top:3px}.insight-action{border:0;background:transparent;color:var(--gold);font-size:9px;font-weight:700}
.donut-wrap{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:18px}.donut{width:150px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--forest-700) 0 54%,var(--gold) 54% 76%,#b86d4b 76% 88%,var(--surface-2) 88%);display:grid;place-items:center}.donut:after{content:"";width:86px;aspect-ratio:1;border-radius:50%;background:var(--surface)}.donut-center{position:absolute;text-align:center}.donut-shell{position:relative;display:grid;place-items:center}.donut-center strong,.donut-center span{display:block}.donut-center strong{font-size:18px}.donut-center span{font-size:8px;color:var(--muted)}
.funnel{display:grid;gap:9px;align-items:center}.funnel-step{margin:auto;background:var(--forest-900);color:#fff;padding:13px 18px;border-radius:10px;text-align:center;position:relative}.funnel-step strong,.funnel-step small{display:block}.funnel-step small{color:#b9cec6;font-size:8px;margin-top:3px}.funnel-arrow{text-align:center;color:var(--gold);font-size:17px}.reason-bars{display:grid;gap:13px}.reason-row{display:grid;grid-template-columns:130px 1fr 45px;align-items:center;gap:10px;font-size:9px}.reason-row .progress{grid-column:auto}.reason-row strong{text-align:end}
.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.workflow-stage{padding:14px;background:var(--surface-2);border-radius:13px;border-top:3px solid var(--gold)}.workflow-stage strong,.workflow-stage small{display:block}.workflow-stage strong{font-size:18px;margin:6px 0}.workflow-stage small{color:var(--muted);font-size:8px}.workflow-stage .stage-label{font-size:9px;font-weight:700}
.dropzone{border:1px dashed var(--gold);background:color-mix(in srgb,var(--gold-soft) 50%,transparent);border-radius:15px;padding:26px;text-align:center}.dropzone strong,.dropzone span{display:block}.dropzone span{font-size:9px;color:var(--muted);margin:7px 0 14px}.drop-icon{width:44px;height:44px;border-radius:14px;background:var(--gold-soft);color:var(--gold);display:grid;place-items:center;margin:auto;font-size:20px}
.variance-list{display:grid;gap:14px}.variance{display:grid;grid-template-columns:145px 1fr auto;align-items:center;gap:10px}.variance-label strong,.variance-label small{display:block}.variance-label strong{font-size:10px}.variance-label small{font-size:8px;color:var(--muted);margin-top:3px}.variance-track{height:9px;border-radius:9px;background:var(--surface-2);position:relative}.variance-track span{height:100%;display:block;border-radius:inherit;background:var(--forest-700)}.variance-track i{position:absolute;top:-4px;width:2px;height:17px;background:var(--gold)}
.content-board{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.content-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--surface)}.content-cover{height:105px;background:linear-gradient(135deg,var(--forest-900),var(--forest-700));padding:14px;color:#fff;display:flex;align-items:flex-end}.content-cover.gold{background:linear-gradient(135deg,#6c531e,#b5903d)}.content-cover.cream{background:linear-gradient(135deg,#a85e45,#d99b72)}.content-card-body{padding:14px}.content-card h3{font-size:11px;margin:0 0 6px}.content-card p{font-size:9px;color:var(--muted);line-height:1.7;margin:0 0 12px}.card-actions{display:flex;gap:6px}.card-actions button{flex:1}
.live-content-board{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.live-content-card .content-cover{height:160px;position:relative;overflow:hidden}
.live-content-card .content-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.live-content-card .content-cover .status{position:relative;z-index:1}
.live-content-card h3{font-size:17px;line-height:1.5}
.live-content-card p{font-size:14px;line-height:1.8}
.mfa-enrollment{display:grid;gap:14px}
.mfa-qr{width:min(240px,80vw);height:auto;margin-inline:auto;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service{padding:16px;border:1px solid var(--line);border-radius:14px}.service-head{display:flex;justify-content:space-between;align-items:center}.service strong,.service small{display:block}.service small{font-size:8px;color:var(--muted);margin-top:5px}.latency{font-family:"Plus Jakarta Sans",sans-serif;font-size:18px;margin-top:18px}.latency span{font-size:8px;color:var(--muted)}
.error-stack{display:grid;gap:10px}.error-group{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:13px}.error-count{width:42px;height:42px;border-radius:12px;background:rgba(182,69,62,.12);color:var(--red);display:grid;place-items:center;font-weight:700}.error-group strong,.error-group small{display:block}.error-group small{font-size:8px;color:var(--muted);margin-top:4px}
.matrix{display:grid;grid-template-columns:160px repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}.matrix>*{padding:11px;border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line);font-size:9px}.matrix-head{font-weight:700;background:var(--surface-2)}.matrix-check{text-align:center;color:var(--green);font-weight:700}.matrix-off{text-align:center;color:var(--muted)}
.timeline{display:grid}.timeline-item{display:grid;grid-template-columns:24px 1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--green);margin-top:4px;box-shadow:0 0 0 5px rgba(38,128,95,.1)}.timeline-item strong,.timeline-item small{display:block}.timeline-item small{font-size:8px;color:var(--muted);margin-top:4px}
@media(max-width:1000px){.command-bar{grid-template-columns:repeat(2,1fr)}.finance-hero{grid-template-columns:1fr}.content-board,.service-grid{grid-template-columns:repeat(2,1fr)}.workflow{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.command-bar,.content-board,.service-grid,.workflow{grid-template-columns:1fr}.donut-wrap{grid-template-columns:1fr}.matrix{overflow:auto;grid-template-columns:140px repeat(4,100px)}.reason-row{grid-template-columns:95px 1fr 38px}.finance-total{font-size:32px}}

/* Editorial studio and campaign manager */
.studio-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:18px;overflow:auto}.studio-tab{border:0;background:transparent;color:var(--muted);padding:11px 14px;border-bottom:2px solid transparent;white-space:nowrap;font-size:10px;font-weight:700}.studio-tab.is-active{color:var(--forest-700);border-bottom-color:var(--gold)}
.editorial-pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:18px}.pipe-stage{border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:13px;position:relative}.pipe-stage:after{content:"";position:absolute;inset-inline-end:-8px;top:50%;width:7px;height:1px;background:var(--line)}.pipe-stage:last-child:after{display:none}.pipe-stage span,.pipe-stage strong,.pipe-stage small{display:block}.pipe-stage span{font-size:8px;color:var(--muted)}.pipe-stage strong{font-size:20px;margin:6px 0}.pipe-stage small{font-size:8px;color:var(--gold)}
.editor-workspace{display:grid;grid-template-columns:280px 1fr 250px;min-height:560px;padding:0;overflow:hidden}.editor-list{border-inline-end:1px solid var(--line);padding:13px}.draft-item{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:start;padding:13px 9px}.draft-item.is-active{background:var(--gold-soft);border-radius:11px;border-bottom-color:transparent}.draft-item strong,.draft-item small{display:block}.draft-item strong{font-size:10px}.draft-item small{font-size:8px;color:var(--muted);margin-top:5px}.editor-canvas{padding:22px;min-width:0}.editor-meta{display:flex;gap:7px;align-items:center;margin-bottom:18px}.title-editor{border:0;background:transparent;color:var(--ink);font-size:25px;font-weight:700;width:100%;padding:0 0 13px;border-bottom:1px solid var(--line);outline:0}.excerpt-editor{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:11px;padding:12px;margin:14px 0;resize:vertical}.body-editor{min-height:260px;border:1px solid var(--line);border-radius:12px;padding:18px;line-height:2;color:var(--ink);background:var(--surface)}.editor-toolbar{display:flex;gap:5px;padding:7px;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;width:max-content}.editor-toolbar button{width:29px;height:29px;border:0;background:var(--surface-2);color:var(--ink);border-radius:6px;font-size:10px}.editor-inspector{border-inline-start:1px solid var(--line);padding:16px}.score-ring{width:90px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--green) 0 84%,var(--surface-2) 84%);display:grid;place-items:center;margin:8px auto 18px}.score-ring:after{content:"84";width:64px;aspect-ratio:1;border-radius:50%;background:var(--surface);display:grid;place-items:center;font-size:20px;font-weight:700}.checklist{display:grid;gap:8px}.check-item{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:8px}.check-item i{font-style:normal;color:var(--green)}.check-item i.warn{color:var(--orange)}
.taxonomy{display:flex;gap:7px;flex-wrap:wrap}.tax-chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:99px;padding:6px 10px;font-size:8px}.tax-chip.is-active{background:var(--forest-900);color:#fff;border-color:transparent}
.campaign-layout{display:grid;grid-template-columns:1fr 340px;gap:18px;margin-bottom:18px}.placement-map{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.placement{border:1px solid var(--line);border-radius:13px;padding:14px;min-height:120px;position:relative}.placement.is-live{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.placement strong,.placement small{display:block}.placement small{font-size:8px;color:var(--muted);margin-top:5px}.placement .status{position:absolute;top:12px;inset-inline-end:12px}.device-preview{width:220px;height:410px;border:7px solid var(--ink);border-radius:30px;background:var(--cream);margin:auto;padding:12px;box-shadow:var(--shadow);position:relative;overflow:hidden}.device-notch{width:72px;height:12px;background:var(--ink);border-radius:0 0 9px 9px;margin:-12px auto 13px}.ad-preview{background:linear-gradient(145deg,var(--forest-900),var(--forest-700));color:#fff;border-radius:14px;padding:16px;margin-top:28px;min-height:170px;display:flex;flex-direction:column;justify-content:flex-end}.ad-preview .eyebrow{color:#d0ad5d}.ad-preview h3{font-size:15px;margin:4px 0}.ad-preview p{font-size:8px;color:#c5d6d0;line-height:1.7}.preview-caption{text-align:center;color:var(--muted);font-size:8px;margin-top:12px}
.campaign-builder{display:grid;grid-template-columns:1fr 1fr;gap:14px}.builder-block{border:1px solid var(--line);border-radius:13px;padding:14px}.builder-block h3{font-size:10px;margin:0 0 12px}.segment-options{display:flex;gap:6px;flex-wrap:wrap}.segment-option{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:9px;padding:8px 10px;font-size:8px}.segment-option.is-selected{background:var(--forest-900);color:#fff;border-color:transparent}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.channel{border:1px solid var(--line);border-radius:10px;padding:11px;text-align:center}.channel strong,.channel small{display:block}.channel small{font-size:7px;color:var(--muted);margin-top:4px}.channel.is-on{border-color:var(--green);background:rgba(38,128,95,.06)}
.creative-library{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.creative{aspect-ratio:1.25;border-radius:13px;background:linear-gradient(135deg,var(--forest-900),var(--forest-700));padding:12px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative}.creative:nth-child(2){background:linear-gradient(135deg,#7c5c1c,#c09c4f)}.creative:nth-child(3){background:linear-gradient(135deg,#8a493b,#d6886c)}.creative:nth-child(4){background:var(--surface-2);color:var(--muted);border:1px dashed var(--line);display:grid;place-items:center}.creative strong{font-size:9px}.creative small{font-size:7px;color:inherit;opacity:.8}
@media(max-width:1150px){.editor-workspace{grid-template-columns:230px 1fr}.editor-inspector{display:none}.campaign-layout{grid-template-columns:1fr}.device-preview{height:360px}.creative-library{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.editorial-pipeline{grid-template-columns:repeat(2,1fr)}.editor-workspace{grid-template-columns:1fr}.editor-list{display:none}.campaign-builder,.placement-map{grid-template-columns:1fr}.creative-library{grid-template-columns:1fr 1fr}.title-editor{font-size:20px}}

/* Product operations and social media center */
.social-accounts{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:18px}.social-account{border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:15px;position:relative;overflow:hidden}.social-account:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--platform)}.social-account.instagram{--platform:#c13584}.social-account.x{--platform:#111}.social-account.youtube{--platform:#e62117}.social-account.tiktok{--platform:#25f4ee}.platform-head{display:flex;align-items:center;gap:9px}.platform-logo{width:38px;height:38px;border-radius:12px;background:var(--platform);color:#fff;display:grid;place-items:center;font-weight:700}.platform-head strong,.platform-head small{display:block}.platform-head small{font-size:8px;color:var(--muted);margin-top:3px}.account-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0}.account-meta div{padding:8px;background:var(--surface-2);border-radius:9px}.account-meta span,.account-meta strong{display:block}.account-meta span{font-size:7px;color:var(--muted)}.account-meta strong{font-size:12px;margin-top:3px}.account-connect{width:100%}
.platform-logo.instagram{--platform:#c13584}.platform-logo.x{--platform:#111}.platform-logo.youtube{--platform:#e62117}.platform-logo.tiktok{--platform:#161823;box-shadow:inset 3px 0 #25f4ee,inset -3px 0 #fe2c55}
.media-studio{display:grid;grid-template-columns:300px 1fr 280px;min-height:610px;padding:0;overflow:hidden}.media-brief{padding:17px;border-inline-end:1px solid var(--line)}.media-canvas{padding:20px;background:var(--surface-2)}.media-settings{padding:17px;border-inline-start:1px solid var(--line)}.media-settings h3,.media-brief h3{font-size:11px;margin:18px 0 10px}.upload-stage{min-height:360px;border:1px dashed var(--line);border-radius:16px;background:linear-gradient(145deg,#153d32,#876824);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;position:relative;overflow:hidden}.upload-stage:before{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.12);border-radius:50%}.upload-stage strong{font-size:22px;max-width:330px;z-index:1}.upload-stage p{font-size:9px;line-height:1.8;color:#d5e1dc;max-width:300px;z-index:1}.upload-stage button{z-index:1}.format-row{display:flex;gap:7px;justify-content:center;margin-top:13px}.format-chip{border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:7px 10px;font-size:8px}.format-chip.is-active{background:var(--forest-900);color:#fff}.publish-dest{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.publish-dest div{display:flex;align-items:center;gap:8px}.publish-dest .platform-logo{width:28px;height:28px;border-radius:8px;font-size:8px}.platform-note{font-size:7px;color:var(--muted);margin-top:3px}.caption-box{width:100%;min-height:100px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:10px;resize:vertical}.media-actions{display:grid;gap:7px;margin-top:16px}.media-actions button{width:100%}
.platform-variants{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.variant{border:1px solid var(--line);border-radius:13px;padding:13px}.variant-head{display:flex;align-items:center;gap:7px;margin-bottom:10px}.variant-head .platform-logo{width:29px;height:29px;border-radius:8px;font-size:8px}.variant strong,.variant small{display:block}.variant small{font-size:7px;color:var(--muted);margin-top:3px}.variant-preview{aspect-ratio:1;background:linear-gradient(145deg,var(--forest-900),var(--gold));border-radius:9px;margin:10px 0;display:grid;place-items:center;color:#fff;font-size:8px}.variant.tall .variant-preview{aspect-ratio:9/16}.variant.wide .variant-preview{aspect-ratio:16/9}.variant-copy{font-size:8px;line-height:1.6;color:var(--muted);min-height:40px}
.calendar-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.calendar-day{border:1px solid var(--line);border-radius:11px;padding:10px;min-height:105px}.calendar-day>span{font-size:8px;color:var(--muted)}.calendar-post{padding:6px;background:var(--gold-soft);color:var(--gold);border-radius:7px;font-size:7px;margin-top:7px}.calendar-post.video{background:rgba(38,128,95,.12);color:var(--green)}
.ops-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.ops-card{border:1px solid var(--line);border-radius:14px;padding:15px;background:var(--surface)}.ops-card-head{display:flex;justify-content:space-between;align-items:flex-start}.ops-card h3{font-size:11px;margin:0}.ops-card p{font-size:8px;color:var(--muted);line-height:1.7}.ops-card .kpi-value{font-size:20px}.flag-row{display:grid;grid-template-columns:1fr 120px auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.flag-row strong,.flag-row small{display:block}.flag-row small{font-size:8px;color:var(--muted);margin-top:4px}.rollout{height:7px;background:var(--surface-2);border-radius:9px;overflow:hidden}.rollout span{display:block;height:100%;background:var(--green)}
.catalog-search{background:var(--forest-950);color:#fff;border-radius:18px;padding:22px;display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center}.catalog-search h2{margin:0 0 6px;font-size:18px}.catalog-search p{margin:0;color:#adc2ba;font-size:9px}.catalog-search .local-search{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);min-width:320px}.catalog-search input{color:#fff}.nutrition-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.nutrient{padding:10px;background:var(--surface-2);border-radius:10px;text-align:center}.nutrient span,.nutrient strong{display:block}.nutrient span{font-size:7px;color:var(--muted)}.nutrient strong{font-size:13px;margin-top:4px}
.release-track{display:grid;gap:10px}.release{display:grid;grid-template-columns:auto 1fr 140px auto;gap:13px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:13px}.release-version{width:50px;height:50px;border-radius:14px;background:var(--forest-900);color:#fff;display:grid;place-items:center;font-weight:700}.release strong,.release small{display:block}.release small{font-size:8px;color:var(--muted);margin-top:4px}
.approval-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:13px;margin-bottom:9px}.approval-priority{width:10px;height:42px;border-radius:8px;background:var(--gold)}.approval-priority.high{background:var(--red)}.approval-item strong,.approval-item small{display:block}.approval-item small{font-size:8px;color:var(--muted);margin-top:4px}.approval-actions{display:flex;gap:6px}
.connector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.connector{padding:15px;border:1px solid var(--line);border-radius:14px}.connector-head{display:flex;justify-content:space-between;gap:8px}.connector-logo{width:34px;height:34px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center}.connector strong,.connector small{display:block}.connector small{font-size:8px;color:var(--muted);margin-top:4px}.connector dl{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:8px;margin:14px 0 0}.connector dt{color:var(--muted)}.connector dd{margin:0}
.experiment-card{border:1px solid var(--line);border-radius:15px;padding:16px}.experiment-head{display:flex;justify-content:space-between;align-items:flex-start}.experiment-card h3{font-size:12px;margin:0}.experiment-card p{font-size:8px;color:var(--muted)}.variant-result{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.variant-result div{padding:11px;background:var(--surface-2);border-radius:10px}.variant-result span,.variant-result strong{display:block}.variant-result span{font-size:7px;color:var(--muted)}.variant-result strong{font-size:15px;margin-top:4px}.winner{color:var(--green)}
@media(max-width:1180px){.media-studio{grid-template-columns:260px 1fr}.media-settings{display:none}.social-accounts,.platform-variants{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.ops-grid,.connector-grid{grid-template-columns:repeat(2,1fr)}.media-studio{grid-template-columns:1fr}.media-brief{display:none}.calendar-strip{grid-template-columns:repeat(3,1fr)}.catalog-search{grid-template-columns:1fr}.nutrition-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.social-accounts,.platform-variants,.ops-grid,.connector-grid{grid-template-columns:1fr}.calendar-strip{grid-template-columns:repeat(2,1fr)}.release{grid-template-columns:auto 1fr}.release>.rollout,.release>button{grid-column:1/-1}.flag-row{grid-template-columns:1fr auto}.flag-row>.rollout{grid-column:1/-1}}

/* Cross-dashboard governance controls */
.view-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:-8px 0 14px;padding:9px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.view-controls-label{font-size:8px;color:var(--muted);margin-inline-end:3px}.view-controls .spacer{flex:1}.bulk-indicator{display:none;background:var(--forest-900);color:#fff;border-radius:8px;padding:7px 10px;font-size:8px}.bulk-indicator.is-visible{display:inline-flex}.alert-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.alert-rule{border:1px solid var(--line);border-radius:13px;padding:14px}.alert-rule-head{display:flex;justify-content:space-between;gap:8px}.alert-rule h3{font-size:10px;margin:0}.alert-rule p{font-size:8px;color:var(--muted);line-height:1.7}.clinical-card{border:1px solid var(--line);border-radius:14px;padding:15px}.clinical-card h3{font-size:11px;margin:0 0 7px}.clinical-card p{font-size:8px;color:var(--muted);line-height:1.8}.reference-list{display:grid;gap:7px}.reference{padding:10px;border:1px solid var(--line);border-radius:10px}.reference strong,.reference small{display:block}.reference strong{font-size:9px}.reference small{font-size:7px;color:var(--muted);margin-top:4px}.session-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px}.device-icon{width:40px;height:40px;border-radius:12px;background:var(--surface-2);display:grid;place-items:center}.session-row strong,.session-row small{display:block}.session-row small{font-size:8px;color:var(--muted);margin-top:4px}.schedule-card{border:1px solid var(--line);border-radius:14px;padding:15px}.schedule-card-head{display:flex;justify-content:space-between}.schedule-card h3{font-size:11px;margin:0}.schedule-card p{font-size:8px;color:var(--muted);line-height:1.7}.recipient-stack{display:flex;margin-top:12px}.recipient-stack span{width:28px;height:28px;border-radius:50%;background:var(--forest-900);color:#fff;display:grid;place-items:center;border:2px solid var(--surface);font-size:7px;margin-inline-start:-5px}.recipient-stack span:first-child{margin-inline-start:0}@media(max-width:760px){.alert-rules{grid-template-columns:1fr}.view-controls .spacer{display:none}}

/* APK-discovered operating surfaces */
.provider-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.provider-card{border:1px solid var(--line);border-radius:14px;padding:14px}.provider-logo{width:38px;height:38px;border-radius:12px;background:var(--forest-900);color:#fff;display:grid;place-items:center;margin-bottom:10px}.provider-card h3{font-size:10px;margin:0}.provider-card p{font-size:8px;color:var(--muted);line-height:1.7}.permission-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.permission{padding:11px;background:var(--surface-2);border-radius:10px;text-align:center}.permission strong,.permission small{display:block}.permission strong{font-size:9px}.permission small{font-size:7px;color:var(--muted);margin-top:4px}.sync-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sync-node{padding:13px;border:1px solid var(--line);border-radius:12px;text-align:center}.sync-node strong,.sync-node small{display:block}.sync-node small{font-size:7px;color:var(--muted);margin-top:4px}.safety-rule{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.rule-icon{width:34px;height:34px;border-radius:10px;background:rgba(182,69,62,.1);color:var(--red);display:grid;place-items:center}.safety-rule strong,.safety-rule small{display:block}.safety-rule small{font-size:8px;color:var(--muted);margin-top:3px}.funnel-horizontal{display:flex;align-items:center;gap:5px}.funnel-box{flex:1;padding:13px 8px;background:var(--surface-2);border-radius:11px;text-align:center}.funnel-box strong,.funnel-box small{display:block}.funnel-box strong{font-size:16px}.funnel-box small{font-size:7px;color:var(--muted);margin-top:4px}.funnel-sep{color:var(--gold)}@media(max-width:850px){.provider-grid{grid-template-columns:repeat(2,1fr)}.permission-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.provider-grid,.sync-flow{grid-template-columns:1fr}.permission-grid{grid-template-columns:repeat(2,1fr)}.funnel-horizontal{flex-direction:column}.funnel-box{width:100%}.funnel-sep{transform:rotate(90deg)}}

/* No-code control studios */
.nocode-studio{border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden;margin-top:18px}.nocode-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.nocode-head h2{font-size:13px;margin:0}.nocode-head p{font-size:8px;color:var(--muted);margin:4px 0 0}.draft-state{display:flex;align-items:center;gap:6px;color:var(--orange);font-size:8px}.draft-state:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.nocode-body{padding:18px}.control-section{border-bottom:1px solid var(--line);padding:0 0 18px;margin-bottom:18px}.control-section:last-child{border:0;margin:0;padding:0}.control-section>h3{font-size:10px;margin:0 0 5px}.control-section>p{font-size:8px;color:var(--muted);margin:0 0 12px}.control-row{display:grid;grid-template-columns:1fr 220px;gap:16px;align-items:center;padding:11px 0;border-bottom:1px dashed var(--line)}.control-row:last-child{border:0}.control-info strong,.control-info small{display:block}.control-info strong{font-size:9px}.control-info small{font-size:7px;color:var(--muted);margin-top:4px;line-height:1.6}.control-input{display:flex;align-items:center;gap:7px;justify-content:flex-end}.control-input input,.control-input select{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);padding:8px;font-size:8px}.input-suffix{font-size:7px;color:var(--muted);white-space:nowrap}.rule-builder{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto;gap:7px;align-items:center;padding:12px;background:var(--surface-2);border-radius:12px;margin-bottom:8px}.rule-builder select,.rule-builder input{min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:8px;font-size:8px}.rule-word{font-size:8px;color:var(--muted)}.rule-remove{border:0;background:rgba(182,69,62,.1);color:var(--red);width:28px;height:28px;border-radius:8px}.impact-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;background:var(--forest-950);color:#fff;border-radius:13px}.impact-preview span,.impact-preview strong{display:block}.impact-preview span{font-size:7px;color:#9eb7ae}.impact-preview strong{font-size:14px;margin-top:4px}.publish-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 18px;background:var(--surface-2);border-top:1px solid var(--line)}.publish-bar p{font-size:8px;color:var(--muted);margin:0}.publish-actions{display:flex;gap:7px}.stepper{display:flex;align-items:center;margin-bottom:18px}.step{display:flex;align-items:center;gap:6px;font-size:8px;color:var(--muted)}.step i{font-style:normal;width:24px;height:24px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center}.step.is-active{color:var(--forest-700);font-weight:700}.step.is-active i{background:var(--forest-900);color:#fff}.step-line{height:1px;background:var(--line);flex:1;margin:0 8px}.time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.time-card{border:1px solid var(--line);border-radius:11px;padding:11px}.time-card strong,.time-card small{display:block}.time-card strong{font-size:9px}.time-card small{font-size:7px;color:var(--muted);margin-top:3px}.time-card input{width:100%;border:1px solid var(--line);border-radius:8px;padding:7px;margin-top:8px;background:var(--surface);color:var(--ink)}.deeplink-preview{font-family:Consolas,monospace;background:var(--forest-950);color:#d5e5df;padding:12px;border-radius:10px;font-size:9px;direction:ltr;text-align:left;overflow:auto}@media(max-width:760px){.control-row{grid-template-columns:1fr}.control-input{justify-content:flex-start}.rule-builder{grid-template-columns:1fr}.rule-word{display:none}.impact-preview,.time-grid{grid-template-columns:repeat(2,1fr)}.publish-bar{align-items:flex-start;flex-direction:column}}

/* Live production connection */
.demo-banner.is-live{background:color-mix(in srgb,var(--green) 13%,var(--surface));border-color:color-mix(in srgb,var(--green) 40%,var(--line))}.demo-banner.is-live .pulse{background:#27a874;box-shadow:0 0 0 5px rgba(39,168,116,.14)}.live-eyebrow{color:#23815f}.live-notice{display:flex;align-items:flex-start;gap:11px;padding:14px 16px;margin:0 0 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.live-notice p{margin:0;line-height:1.7}.live-notice-dot{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%;font-weight:800;background:var(--surface-2);color:var(--green)}.live-notice--success{border-color:rgba(39,168,116,.32);background:rgba(39,168,116,.07)}.live-notice--success .live-notice-dot{background:#23815f;color:#fff}.live-notice--warning{border-color:rgba(196,139,32,.36);background:rgba(196,139,32,.08)}.live-notice--warning .live-notice-dot{background:#c48b20;color:#fff}.live-notice--danger{border-color:rgba(190,62,62,.35);background:rgba(190,62,62,.07)}.live-notice--danger .live-notice-dot{background:#be3e3e;color:#fff}.live-source{color:#23815f;font-weight:800}.live-kpi{border-color:color-mix(in srgb,var(--green) 20%,var(--line))}.live-sections{display:grid;gap:18px}.live-loading{min-height:220px;display:flex;align-items:center;justify-content:center;gap:14px}.loading-ring{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:live-spin .75s linear infinite}@keyframes live-spin{to{transform:rotate(360deg)}}.contract-state{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.contract-state>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.live-login-status{min-height:24px;margin:10px 0 0;color:#b43a3a;font-weight:700;text-align:center}.login-card>.live-notice{margin:0}@media(max-width:720px){.contract-state{grid-template-columns:1fr}}
.live-connection-bar{display:flex;align-items:center;gap:8px;margin:-6px 0 16px;padding:9px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);font-size:8px;color:var(--muted)}.live-connection-bar span{font-size:10px}.live-connection-bar--success{border-color:rgba(39,168,116,.3);background:rgba(39,168,116,.07);color:#23795a}.live-connection-bar--success span{color:#27a874}.live-connection-bar--loading span{color:var(--gold)}.live-connection-bar--structure{border-style:dashed}.live-connection-bar--error{border-color:rgba(190,62,62,.3);background:rgba(190,62,62,.06);color:#a93838}
.drawer-loading{min-height:260px;display:flex;align-items:center;justify-content:center;gap:12px}.drawer-live-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.drawer-live-section>h3{font-size:11px;margin:0 0 12px}.live-user-hero,.family-hero{position:relative;overflow:hidden}.live-user-hero:after,.family-hero:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.06);inset-inline-end:-35px;top:-48px}.entitlement-badge{display:inline-flex;margin-top:8px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.12);font-size:8px}.drawer-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.drawer-action-grid button{width:100%}.drawer-live-section .table-wrap{max-height:290px}.drawer-live-section .data-table{min-width:520px}@media(max-width:560px){.drawer-action-grid{grid-template-columns:1fr}}
.live-empty-data{min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;padding:18px;color:var(--muted);background:color-mix(in srgb,var(--surface-2) 72%,transparent);border:1px dashed var(--line);border-radius:12px}.live-empty-data--compact{min-height:70px;padding:12px}.live-empty-data-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:var(--gold-soft);color:var(--gold);font-size:15px}.live-empty-data strong{font-size:10px;color:var(--ink)}.live-empty-data small{font-size:8px;line-height:1.7;max-width:420px}.live-empty-table-row:hover{background:transparent!important}.live-empty-table-row td{padding:10px!important}.live-empty-chart{display:grid;place-items:center}.live-empty-chart .live-empty-data{width:100%}.live-data-placeholder{color:var(--muted)!important}.live-draft-warning{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:rgba(166,95,27,.1);color:var(--orange);font-size:8px;font-weight:700}.live-local-draft{box-shadow:inset 0 3px 0 rgba(166,95,27,.35)}.live-truth-mode .pagination{display:none}.server-action-intro{padding:11px 13px;border-radius:11px;background:rgba(39,168,116,.08);border:1px solid rgba(39,168,116,.24);font-size:9px;line-height:1.8}.live-action-status{min-height:20px;color:var(--red);font-size:9px;font-weight:700}
.live-chart-frame{position:relative;min-height:190px;display:grid;align-content:space-evenly;padding:18px 22px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--green) 7%,transparent),transparent 58%),var(--surface-2);overflow:hidden}.live-chart-frame>span{display:block;height:1px;background:color-mix(in srgb,var(--ink) 10%,transparent)}.live-chart-frame>strong{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:54px;height:54px;display:grid;place-items:center;border-radius:50%;color:var(--green);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.live-blank-surface,.live-preview-frame{min-height:112px;display:grid;place-content:center;gap:8px;text-align:center;border:1px dashed color-mix(in srgb,var(--green) 22%,var(--line));border-radius:18px;color:var(--muted);background:color-mix(in srgb,var(--green) 3%,var(--surface))}.live-blank-surface>span{color:var(--green);font-size:22px}.live-preview-frame{width:100%;min-height:160px;color:var(--cream);background:linear-gradient(150deg,var(--green-deep),var(--green))}.live-preview-frame>span{font-size:12px;letter-spacing:.08em}
.live-chart-frame{width:100%}

/* Readable production scale and functional table controls */
body{font-size:16px;line-height:1.7}
.nav-item{font-size:14px;padding:11px 12px}.nav-group-title{font-size:11px}.brand strong{font-size:17px}.brand small,.profile-mini strong{font-size:12px}.profile-mini small{font-size:11px}
.page-head h1{font-size:30px}.page-head p{font-size:14px;line-height:1.8}.eyebrow{font-size:12px}
.outline-btn,.soft-btn,.danger-btn{font-size:13px;padding:10px 14px}.panel-head h2{font-size:17px}.panel-head p,.panel-link{font-size:12px;line-height:1.7}
.kpi-label{font-size:13px}.kpi-foot{font-size:11px}.data-table th,.data-table td{font-size:14px;padding:14px 15px}.status{font-size:11px}
.field span{font-size:13px}.field input,.field select,.field textarea{font-size:14px}.detail-item span{font-size:11px}
.view-controls{position:relative;padding:11px;gap:8px}.view-controls-label{font-size:11px;font-weight:800}.bulk-indicator{font-size:10px}
.selection-cell{width:42px!important;text-align:center!important;padding-inline:10px!important}.selection-cell input{width:16px;height:16px;accent-color:var(--forest-700)}
.view-popover{position:absolute;z-index:15;top:calc(100% + 7px);inset-inline-start:0;width:min(440px,calc(100vw - 48px));padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);display:grid;gap:12px}
.view-popover-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.view-popover-head>span,.view-popover p{font-size:11px;color:var(--muted);margin:0}
.view-popover>input{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--ink);padding:11px 12px}
.view-popover>select{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--ink);padding:11px 12px;font-size:13px}
.view-popover-actions{display:flex;justify-content:flex-end;gap:8px}.column-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:260px;overflow:auto}
.column-choices label{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:9px;font-size:11px}.column-choices input{accent-color:var(--forest-700)}
.live-table-controller{position:relative}.live-table-controller .view-controls{margin:0 0 12px}.live-table-controller .view-popover{top:calc(100% + 6px)}
.view-controls button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:620px){.column-choices{grid-template-columns:1fr}.view-controls .spacer{display:none}.view-popover{inset-inline:0;width:100%}}
.live-registration-chart{height:230px;display:flex;align-items:flex-end;gap:4px;padding:24px 18px 30px;border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--green) 5%,var(--surface)),var(--surface-2));position:relative}
.live-registration-chart>span{flex:1;min-width:3px;border-radius:5px 5px 2px 2px;background:var(--forest-700);opacity:.78;transition:.2s}.live-registration-chart>span:hover{opacity:1;background:var(--gold)}
.live-registration-chart>small{position:absolute;inset-inline:18px;bottom:6px;color:var(--muted);font-size:10px}
.weekly-registration-summary{min-height:230px;display:grid;place-content:center;text-align:center;gap:5px;padding:28px;border-radius:16px;background:linear-gradient(145deg,var(--forest-950),var(--forest-700));color:#fff}
.weekly-registration-summary>span{font-size:12px;color:#bcd0c8}.weekly-registration-summary>strong{font-size:54px;line-height:1.15}.weekly-registration-summary>p{max-width:480px;margin:4px auto 0;color:#d8e4df;font-size:11px;line-height:1.8}
.modal{max-height:calc(100vh - 40px);overflow:auto;overscroll-behavior:contain}
.finance-formula{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;min-height:150px;padding:24px;border-radius:16px;background:var(--forest-950);color:#fff}
.finance-formula span,.finance-formula strong{padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.08);font-size:15px}.finance-formula strong{background:var(--gold);color:var(--forest-950)}.finance-formula i{font-style:normal;color:#d0ad5d;font-size:20px}
.finance-explanation{margin:14px 0 0;color:var(--muted);font-size:11px;line-height:1.9}
.plain-steps{margin:0;padding-inline-start:22px;display:grid;gap:12px}.plain-steps li{padding-inline-start:5px;line-height:1.8}
.metric-key-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-key-grid code{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);font-size:11px;direction:ltr;text-align:left}
@media(max-width:620px){.metric-key-grid{grid-template-columns:1fr}}
.live-data-pending > :not(.live-loading-curtain) {
  visibility: hidden !important;
}

.live-loading-curtain {
  visibility: visible !important;
  min-height: calc(100vh - 112px);
  padding: 24px 4px;
}

.live-loading-curtain h1 {
  margin: 5px 0 20px;
}

.live-source-list {
  display: grid;
  gap: 8px;
}

.live-source-list code {
  direction: ltr;
  display: block;
  overflow-wrap: anywhere;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--surface-2);
  color: var(--ink);
  font-size: 13px;
}