:root{
 --bg:#f3f6fb;--card:rgba(255,255,255,.92);--text:#142033;--muted:#697386;--line:#e5eaf1;
 --nav:#0b1220;--nav2:#172033;--accent:#2563eb;--accent2:#7c3aed;--cyan:#0891b2;
 --green:#16a34a;--amber:#d97706;--red:#dc2626;--roshen:#9f1239;--roshen2:#be123c;--gold:#d9a441;--choco:#5b3427;--cream:#fff9ef;--shadow:0 16px 40px rgba(15,23,42,.09);--radius:20px
}
*{box-sizing:border-box}
body{
 margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 background:
 radial-gradient(circle at 15% 10%,rgba(37,99,235,.08),transparent 28%),
 radial-gradient(circle at 90% 15%,rgba(124,58,237,.07),transparent 26%),
 var(--bg);color:var(--text)
}
button,input,select,textarea{font:inherit}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:22px;background:linear-gradient(145deg,#eef4ff,#f8fafc)}
.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:var(--shadow)}
.login-card h1{margin:0 0 8px;font-size:29px}.login-card p{color:var(--muted);font-size:13px;margin:0 0 22px}
.field{margin:12px 0}.field label{display:block;font-size:11px;font-weight:800;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:#fff;color:var(--text);outline:none}
input:focus,select:focus,textarea:focus{border-color:#9db7f4;box-shadow:0 0 0 3px rgba(37,99,235,.08)}
.btn{border:0;border-radius:12px;padding:11px 14px;font-weight:800;cursor:pointer;transition:.18s}
.btn:hover{transform:translateY(-1px)} .btn.primary{background:linear-gradient(135deg,var(--accent),#3b82f6);color:#fff}
.btn.secondary{background:linear-gradient(135deg,var(--accent2),#8b5cf6);color:#fff}
.btn.danger{background:#fee2e2;color:#991b1b}.btn.ghost{background:#eef2f7;color:#334155}
.linkbtn{border:0;background:none;color:var(--accent);font-weight:800;cursor:pointer;padding:0}
.msg{font-size:12px;margin-top:12px;padding:10px 12px;border-radius:10px}.msg.err{background:#fee2e2;color:#991b1b}.msg.ok{background:#dcfce7;color:#166534}

.app-shell{display:flex;min-height:100vh}
.sidebar{
 width:265px;background:linear-gradient(180deg,#0b1220,#101827 60%,#0c1424);color:#fff;padding:24px 18px;
 position:fixed;inset:0 auto 0 0;border-right:1px solid rgba(255,255,255,.05)
}
.brand{font-size:21px;font-weight:900;margin-bottom:24px;letter-spacing:.2px}
.brand small{display:block;color:#8fa0ba;font-size:11px;margin-top:4px;font-weight:600}
.userbox{background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(124,58,237,.12));border:1px solid #26354b;border-radius:16px;padding:13px;margin-bottom:22px}
.userbox strong{display:block;font-size:13px}.userbox span{color:#a5b4cc;font-size:11px}
.nav-item{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:13px;color:#cfd7e6;cursor:pointer;margin:6px 0;font-size:14px}
.nav-item.active,.nav-item:hover{background:#192439;color:#fff}
.nav-icon{width:20px;text-align:center;opacity:.95}
.main{margin-left:265px;width:calc(100% - 265px);padding:28px}
.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:22px}
.title h1{margin:0;font-size:30px;letter-spacing:-.5px}.title p{margin:7px 0 0;color:var(--muted);font-size:14px}
.filters{display:flex;gap:9px;flex-wrap:wrap}.filters select{width:auto}
.action-row{display:flex;gap:10px;flex-wrap:wrap}

.hero{
 background:linear-gradient(120deg,#0f172a,#172554 55%,#312e81);
 color:#fff;border-radius:24px;padding:22px;margin-bottom:18px;box-shadow:var(--shadow);
 display:flex;justify-content:space-between;align-items:center;gap:20px;overflow:hidden;position:relative
}
.hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-70px;top:-90px;background:rgba(255,255,255,.08)}
.hero h2{margin:0 0 6px;font-size:22px}.hero p{margin:0;color:#cbd5e1;font-size:13px}
.hero-metric{font-size:32px;font-weight:900;position:relative;z-index:1}.hero-label{font-size:11px;color:#cbd5e1;text-transform:uppercase}

.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}
.kpi,.panel,.account,.detail-head{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}
.kpi{border-radius:var(--radius);padding:18px;position:relative;overflow:hidden}
.kpi-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:19px;margin-bottom:12px}
.kpi-icon.blue{background:#dbeafe;color:#1d4ed8}.kpi-icon.purple{background:#ede9fe;color:#6d28d9}.kpi-icon.green{background:#dcfce7;color:#166534}.kpi-icon.amber{background:#fef3c7;color:#92400e}
.label{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:850}
.value{font-size:25px;font-weight:900;margin-top:7px}.sub{font-size:12px;color:var(--muted);margin-top:6px}
.up{color:var(--green)}.warn{color:var(--amber)}.down{color:var(--red)}

.grid-2{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin-bottom:16px}
.panel{border-radius:var(--radius);padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.panel h3{margin:0;font-size:16px}.hint{color:var(--muted);font-size:12px}
.attention-item{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.attention-item:last-child{border-bottom:none}.attention-item strong{font-size:13px}.attention-item span{font-size:12px;color:var(--muted)}
.badge{font-size:10px;font-weight:850;padding:5px 8px;border-radius:99px;white-space:nowrap;height:max-content}
.badge.red{background:#fee2e2;color:#991b1b}.badge.amber{background:#fef3c7;color:#92400e}.badge.green{background:#dcfce7;color:#166534}.badge.blue{background:#dbeafe;color:#1d4ed8}.badge.purple{background:#ede9fe;color:#6d28d9}

.section-title{margin:24px 0 12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.section-title h2{margin:0;font-size:20px}
.accounts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.account{border-radius:18px;padding:16px;cursor:pointer;transition:.2s;position:relative;overflow:hidden}
.account:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#cbd5e1}
.account.green:before{background:var(--green)}.account.amber:before{background:var(--amber)}.account.red:before{background:var(--red)}
.account:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(15,23,42,.12)}
.account-top{display:flex;justify-content:space-between;gap:12px}.account-name{font-size:17px;font-weight:900}.channel{font-size:11px;color:var(--muted);margin-top:3px}.owner{font-size:11px;margin-top:6px;color:#475569}
.dot{width:10px;height:10px;border-radius:50%}.dot.green{background:var(--green)}.dot.amber{background:var(--amber)}.dot.red{background:var(--red)}
.account-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:13px}.mini{background:#f7f9fc;border:1px solid #eef2f6;border-radius:12px;padding:10px}
.m-label{font-size:9px;text-transform:uppercase;color:var(--muted);letter-spacing:.4px}.m-value{font-size:14px;font-weight:850;margin-top:3px}
.last-update{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}

.back{font-size:13px;color:var(--accent);font-weight:800;cursor:pointer;margin-bottom:12px;display:inline-block}
.detail-head{border-radius:var(--radius);padding:18px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.detail-head h2{margin:0}.detail-head p{margin:5px 0 0;color:var(--muted);font-size:13px}
.detail-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}
.metric-card h4{margin:0 0 10px;color:var(--muted);font-size:12px}.big{font-size:23px;font-weight:900}
.commercial{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.box{background:#f8fafc;border-radius:12px;padding:11px;border:1px solid #eef2f6}
.box span{font-size:9px;text-transform:uppercase;color:var(--muted)}.box strong{display:block;margin-top:3px;font-size:13px}
.update-form{display:grid;grid-template-columns:1.3fr .8fr .8fr .8fr;gap:10px}.update-form .wide{grid-column:span 4}textarea{resize:vertical;min-height:90px}
.activity{padding:11px 0;border-bottom:1px solid var(--line)}.activity:last-child{border-bottom:none}.activity-title{font-weight:850;font-size:13px}.activity-meta{font-size:11px;color:var(--muted);margin-top:4px}
.team-table{width:100%;border-collapse:collapse;font-size:12px}.team-table th,.team-table td{text-align:left;padding:11px;border-bottom:1px solid var(--line)}.team-table th{font-size:10px;color:var(--muted);text-transform:uppercase}
.empty{padding:24px;text-align:center;color:var(--muted)}

.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);display:grid;place-items:center;padding:18px;z-index:1000}
.modal{width:min(820px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;padding:22px;box-shadow:0 30px 80px rgba(15,23,42,.28)}
.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-head h2{margin:0;font-size:20px}.close{border:0;background:#eef2f7;width:34px;height:34px;border-radius:10px;cursor:pointer}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-grid .span2{grid-column:span 2}
.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}

@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}.accounts-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
 .sidebar{position:static;width:100%;height:auto}.app-shell{display:block}.main{margin:0;width:100%;padding:15px}
 .topbar,.hero{flex-direction:column;align-items:flex-start}.kpis,.accounts-grid,.grid-2,.detail-grid{grid-template-columns:1fr}
 .commercial{grid-template-columns:1fr 1fr}.update-form{grid-template-columns:1fr}.update-form .wide{grid-column:span 1}
 .form-grid{grid-template-columns:1fr}.form-grid .span2{grid-column:span 1}
}


/* ===== V6 SMART MANAGEMENT ===== */
.smart-toolbar{
  display:grid;grid-template-columns:1.4fr repeat(3,.7fr);gap:10px;margin-bottom:16px
}
.searchbox{position:relative}.searchbox input{padding-left:38px}
.searchbox:before{content:"⌕";position:absolute;left:13px;top:9px;font-size:20px;color:#8290a5;z-index:2}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}
.quick-action{
  background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid var(--line);border-radius:16px;
  padding:15px;cursor:pointer;box-shadow:0 8px 24px rgba(15,23,42,.05);transition:.18s
}
.quick-action:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.quick-action .qa-icon{font-size:20px;margin-bottom:8px}.quick-action strong{display:block;font-size:13px}.quick-action span{font-size:11px;color:var(--muted)}
.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.summary-card{
  background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 8px 22px rgba(15,23,42,.05)
}
.summary-card .s-label{font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:850;letter-spacing:.5px}
.summary-card .s-value{font-size:15px;font-weight:900;margin-top:5px}
.summary-card .s-sub{font-size:10px;color:var(--muted);margin-top:3px}
.alert-stack{display:grid;gap:10px}
.smart-alert{
  border-radius:14px;padding:12px 13px;border:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:flex-start
}
.smart-alert.red{background:#fff7f7;border-color:#fecaca}.smart-alert.amber{background:#fffaf0;border-color:#fde68a}.smart-alert.blue{background:#f6f9ff;border-color:#bfdbfe}
.smart-alert strong{font-size:12px}.smart-alert p{margin:3px 0 0;font-size:11px;color:var(--muted)}
.score-ring{
 --score:0;
 width:72px;height:72px;border-radius:50%;
 background:conic-gradient(var(--accent) calc(var(--score)*1%), #e9eef6 0);
 display:grid;place-items:center;position:relative
}
.score-ring:after{content:"";position:absolute;width:54px;height:54px;background:#fff;border-radius:50%}
.score-ring span{position:relative;z-index:1;font-weight:900;font-size:15px}
.healthbar{height:7px;background:#eef2f7;border-radius:99px;overflow:hidden;margin-top:9px}
.healthbar>div{height:100%;border-radius:99px;background:linear-gradient(90deg,#22c55e,#3b82f6)}
.account-score{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.account-score .small-ring{width:44px;height:44px}
.account-score .small-ring:after{width:32px;height:32px}
.account-score .small-ring span{font-size:11px}
.pulse-chip{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:850;padding:6px 9px;border-radius:99px;background:#eef2ff;color:#4338ca}
.pulse-dot{width:7px;height:7px;border-radius:50%;background:#6366f1;box-shadow:0 0 0 4px rgba(99,102,241,.12)}
.empty-state{padding:32px;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;color:var(--muted)}
@media(max-width:1100px){
 .smart-toolbar{grid-template-columns:1fr 1fr}.quick-grid,.summary-strip{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
 .smart-toolbar,.quick-grid,.summary-strip{grid-template-columns:1fr}
}

/* V6.1 PERFORMANCE FIX */
.account,.kpi,.panel,.detail-head,.summary-card,.quick-action{
  will-change:auto;
}
@media(max-width:760px){
  .account:hover,.quick-action:hover,.btn:hover{transform:none}
  .kpi,.panel,.account,.detail-head{box-shadow:0 8px 20px rgba(15,23,42,.06)}
  body{
    background:var(--bg);
  }
}


/* ===== V7 MONTHLY UPDATE ===== */
.monthly-header{
  display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px
}
.monthly-table-wrap{
  background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);
  overflow:auto
}
.monthly-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1050px}
.monthly-table th{
  position:sticky;top:0;background:#f8fafc;z-index:2;
  font-size:9px;text-transform:uppercase;letter-spacing:.55px;color:var(--muted);
  text-align:left;padding:11px;border-bottom:1px solid var(--line)
}
.monthly-table td{padding:9px 10px;border-bottom:1px solid #eef2f6;vertical-align:middle}
.monthly-table tr:last-child td{border-bottom:0}
.monthly-table .account-cell strong{display:block;font-size:13px}
.monthly-table .account-cell span{font-size:10px;color:var(--muted)}
.monthly-table input{
  min-width:92px;padding:8px 9px;border-radius:9px;font-size:12px;background:#fbfdff
}
.monthly-table input.dirty{border-color:#93c5fd;background:#eff6ff}
.monthly-table .readonly{font-size:12px;color:#475569}
.savebar{
  position:sticky;bottom:14px;margin-top:14px;
  background:rgba(15,23,42,.95);color:#fff;border-radius:16px;padding:12px 14px;
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  box-shadow:0 18px 50px rgba(15,23,42,.22);z-index:10
}
.savebar .save-info{font-size:12px;color:#cbd5e1}.savebar strong{color:#fff}
.monthly-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}
.monthly-kpi{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px}
.monthly-kpi span{display:block;font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:850}
.monthly-kpi strong{display:block;font-size:18px;margin-top:5px}
.monthly-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.monthly-toolbar select,.monthly-toolbar input{width:auto;min-width:160px}
.unsaved-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#60a5fa;margin-right:6px}
@media(max-width:900px){
  .monthly-kpis{grid-template-columns:repeat(2,1fr)}
  .monthly-header{flex-direction:column}
}
@media(max-width:600px){
  .monthly-kpis{grid-template-columns:1fr}
  .savebar{flex-direction:column;align-items:stretch}
}


/* ===== V8 ROSHEN BRAND EDITION ===== */
.roshen-brand{
  display:flex;align-items:center;gap:10px;margin-bottom:3px
}
.roshen-mark{
  width:36px;height:36px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#f8d998 0 22%,#d59b31 23% 42%,#971b3f 43% 100%);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.14),0 6px 14px rgba(0,0,0,.16);
  position:relative;flex:0 0 auto
}
.roshen-mark:after{
  content:"R";position:absolute;inset:0;display:grid;place-items:center;
  font-family:Georgia,serif;font-weight:900;font-size:21px;color:#fff5dc
}
.roshen-word{
  font-family:Georgia,"Times New Roman",serif;font-size:23px;font-weight:900;letter-spacing:1.8px;color:#fff
}
.roshen-sub{font-size:9px;color:#d6bd90;letter-spacing:1.7px;text-transform:uppercase;font-weight:700}

.brand-hero{
  background:
    radial-gradient(circle at 85% 20%,rgba(235,190,88,.22),transparent 24%),
    linear-gradient(120deg,#6f102a,#991b3f 48%,#4b1f1d);
}
.brand-hero .hero-label{color:#f3d7a1}
.brand-hero p{color:#f2dce4}

.candy-scene{
  position:absolute;right:24px;bottom:-9px;width:235px;height:115px;pointer-events:none;opacity:.9
}
.candy{
  position:absolute;display:block;filter:drop-shadow(0 8px 10px rgba(34,16,10,.18))
}
.choc-bar{
  width:74px;height:45px;border-radius:8px;background:linear-gradient(145deg,#7a4a35,#4b2a22);
  transform:rotate(-11deg);right:74px;bottom:13px;padding:5px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px
}
.choc-bar i{border-radius:3px;background:linear-gradient(145deg,#8a563d,#5a3328);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.candy-round{
  width:42px;height:42px;border-radius:50%;right:25px;bottom:29px;
  background:radial-gradient(circle at 32% 28%,#ffd474,#e84b4b 56%,#9f1239 100%)
}
.candy-round:before,.candy-round:after{
  content:"";position:absolute;top:12px;width:25px;height:18px;background:#d9a441;
  clip-path:polygon(0 50%,100% 0,82% 100%);z-index:-1
}
.candy-round:before{left:-19px}.candy-round:after{right:-19px;transform:scaleX(-1)}
.wafer{
  width:66px;height:22px;border-radius:6px;right:145px;bottom:25px;transform:rotate(14deg);
  background:repeating-linear-gradient(45deg,#f3c77d 0 5px,#d9a861 5px 10px)
}

.brand-panel{
  background:linear-gradient(135deg,#fff,#fffaf1);border-color:#f0e2c8
}
.brand-tag{
  display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:6px 9px;
  font-size:10px;font-weight:850;background:#fff1f2;color:#9f1239;border:1px solid #fecdd3
}
.channel-icon{
  width:34px;height:34px;border-radius:11px;display:grid;place-items:center;
  background:#fff7ed;color:#9a3412;font-size:17px;border:1px solid #fed7aa
}
.channel-icon.ecom{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.account-brandline{display:flex;align-items:center;gap:9px}

.sidebar{background:linear-gradient(180deg,#3b1520 0%,#5e1428 43%,#17111a 100%)}
.userbox{background:linear-gradient(135deg,rgba(218,164,65,.14),rgba(159,18,57,.20));border-color:rgba(242,212,150,.18)}
.nav-item.active,.nav-item:hover{background:rgba(255,255,255,.10)}
.pulse-chip{background:#fff1f2;color:#9f1239}
.pulse-dot{background:#be123c;box-shadow:0 0 0 4px rgba(190,18,60,.12)}
.btn.secondary{background:linear-gradient(135deg,#9f1239,#be123c)}
.score-ring{background:conic-gradient(#be123c calc(var(--score)*1%), #f1e6e8 0)}
.healthbar>div{background:linear-gradient(90deg,#be123c,#d9a441)}
.login-card:before{
  content:"ROSHEN";display:block;text-align:center;font-family:Georgia,serif;font-weight:900;
  letter-spacing:3px;color:#9f1239;font-size:21px;margin-bottom:18px
}

@media(max-width:760px){
  .candy-scene{opacity:.35;right:-20px}
  .brand-hero{overflow:hidden}
}


/* ===== V8.1 CLEAN ROSHEN THEME ===== */
:root{
  --bg:#f6f8fb;
  --card:#ffffff;
  --text:#182033;
  --muted:#6b7280;
  --line:#e7ebf1;
  --nav:#111827;
  --nav2:#1f2937;
  --accent:#9f1239;
  --accent2:#be123c;
  --gold:#c99a3d;
  --choco:#5c4033;
  --shadow:0 10px 28px rgba(17,24,39,.07);
}

body{
  background:
    radial-gradient(circle at 12% 0%,rgba(159,18,57,.035),transparent 24%),
    radial-gradient(circle at 95% 4%,rgba(201,154,61,.035),transparent 22%),
    var(--bg);
}

.sidebar{
  background:linear-gradient(180deg,#111827 0%,#131c2d 55%,#0b1220 100%);
  border-right:1px solid rgba(255,255,255,.04);
}
.userbox{
  background:#182235;
  border-color:#273449;
}
.nav-item.active,.nav-item:hover{
  background:#202b40;
}

.roshen-mark{
  background:linear-gradient(145deg,#b91c47,#8f1235);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.12),0 5px 12px rgba(0,0,0,.14);
}
.roshen-mark:after{
  content:"R";
  color:#fff;
}
.roshen-word{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:22px;
  letter-spacing:.2px;
  font-weight:850;
  color:#fff;
  text-transform:none;
}
.roshen-sub{
  color:#9ca3af;
  letter-spacing:.9px;
}

.brand-hero{
  background:
    radial-gradient(circle at 87% 18%,rgba(255,255,255,.13),transparent 25%),
    linear-gradient(120deg,#ffffff 0%,#fbfcfe 48%,#f7f2f4 100%);
  color:var(--text);
  border:1px solid #eceff4;
}
.brand-hero h2{color:var(--text)}
.brand-hero p{color:var(--muted)}
.brand-hero .hero-label{color:#7c3f52}
.brand-hero .pulse-chip{
  background:#fbe9ef;
  color:#9f1239;
  border:1px solid #f4cbd8;
}
.brand-hero .score-ring{
  background:conic-gradient(#9f1239 calc(var(--score)*1%), #e9edf3 0);
}
.brand-hero .score-ring:after{background:#fff}
.brand-hero .score-ring span{color:#182033}

.candy-scene{opacity:.58}
.choc-bar{background:linear-gradient(145deg,#775044,#4d322b)}
.choc-bar i{background:linear-gradient(145deg,#815849,#573a31)}
.candy-round{background:radial-gradient(circle at 32% 28%,#ffd98d,#d94b66 58%,#9f1239 100%)}
.wafer{background:repeating-linear-gradient(45deg,#efd09a 0 5px,#d7b476 5px 10px)}

.kpi,.panel,.account,.detail-head,.summary-card,.quick-action,.monthly-table-wrap{
  box-shadow:var(--shadow);
}
.kpi-icon.blue{background:#eef2ff;color:#4f46e5}
.kpi-icon.purple{background:#f3e8ff;color:#7e22ce}
.kpi-icon.green{background:#ecfdf5;color:#15803d}
.kpi-icon.amber{background:#fff7ed;color:#c2410c}

.btn.secondary{
  background:linear-gradient(135deg,#9f1239,#be123c);
}
.btn.primary{
  background:linear-gradient(135deg,#111827,#263244);
}
.pulse-chip{
  background:#f8e9ee;
  color:#9f1239;
}
.pulse-dot{
  background:#9f1239;
  box-shadow:0 0 0 4px rgba(159,18,57,.10);
}
.score-ring{
  background:conic-gradient(#9f1239 calc(var(--score)*1%), #e9edf3 0);
}

.account:before{width:3px}
.account.green:before{background:#16a34a}
.account.amber:before{background:#d97706}
.account.red:before{background:#dc2626}

.channel-icon{
  background:#f8fafc;
  color:#475569;
  border-color:#e2e8f0;
}
.channel-icon.ecom{
  background:#eff6ff;
  color:#2563eb;
  border-color:#dbeafe;
}

.brand-tag{
  background:#fff;
  color:#9f1239;
  border-color:#e9d4dc;
}

.login-card:before{
  content:"Roshen";
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.2px;
  font-weight:850;
  color:#9f1239;
  font-size:24px;
}

@media(max-width:760px){
  body{background:#f6f8fb}
  .candy-scene{opacity:.22}
}


/* ===== V8.2 DIGITAL IMPACT THEME ===== */
:root{
  --digital-navy:#0b1020;
  --digital-navy2:#121a2c;
  --digital-panel:#131d31;
  --digital-line:rgba(255,255,255,.09);
  --digital-glow:rgba(190,18,60,.22);
  --digital-gold:#f2c66d;
  --digital-pink:#ff4f82;
  --digital-blue:#61a8ff;
}

body{
  background:
    linear-gradient(rgba(255,255,255,.015) 1px, transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.015) 1px, transparent 1px),
    radial-gradient(circle at 20% -10%,rgba(159,18,57,.10),transparent 30%),
    #f4f7fb;
  background-size:26px 26px,26px 26px,auto,auto;
}

.sidebar{
  background:
    radial-gradient(circle at 50% 0%,rgba(190,18,60,.20),transparent 30%),
    linear-gradient(180deg,#0a0f1c 0%,#0d1423 55%,#090e18 100%);
  box-shadow:8px 0 28px rgba(4,10,22,.16);
}

.roshen-word{
  font-size:24px;
  font-weight:900;
  color:#fff;
  text-shadow:0 0 18px rgba(255,255,255,.10);
}
.roshen-sub{color:#f2c66d}

.roshen-mark{
  background:
    radial-gradient(circle at 35% 28%,#ff8caf 0 12%,transparent 13%),
    linear-gradient(145deg,#d11b55,#8d0e33);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.12),
    0 0 20px rgba(190,18,60,.35);
}

.userbox{
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.nav-item{color:#c6cfdd}
.nav-item.active{
  background:linear-gradient(90deg,rgba(190,18,60,.22),rgba(255,255,255,.04));
  color:#fff;
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 0 18px rgba(190,18,60,.10);
}
.nav-item:hover{background:rgba(255,255,255,.06)}

.title h1{
  font-size:32px;
  font-weight:950;
  letter-spacing:-.7px;
}
.title p{font-size:13px;color:#677286}

.brand-hero{
  min-height:180px;
  background:
    radial-gradient(circle at 85% 25%,rgba(255,79,130,.25),transparent 20%),
    radial-gradient(circle at 70% 10%,rgba(242,198,109,.12),transparent 28%),
    linear-gradient(120deg,#0b1020 0%,#17172a 50%,#3a1022 100%);
  color:#fff;
  border:1px solid rgba(255,255,255,.06);
  box-shadow:
    0 22px 50px rgba(11,16,32,.20),
    inset 0 1px 0 rgba(255,255,255,.04);
  overflow:hidden;
}

.brand-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px, transparent 1px);
  background-size:24px 24px;
  mask-image:linear-gradient(to right,black,transparent 80%);
  pointer-events:none;
}

.brand-hero h2{
  color:#fff;
  font-size:26px;
  font-weight:900;
  letter-spacing:-.3px;
}
.brand-hero p{
  color:#d7deea;
  font-size:13px;
}
.brand-hero .hero-label{
  color:#f7d995;
  font-weight:850;
  letter-spacing:.8px;
}
.brand-hero .pulse-chip{
  background:rgba(255,255,255,.08);
  color:#ffdbe6;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 0 16px rgba(255,79,130,.08);
}
.brand-hero .pulse-dot{
  background:#ff4f82;
  box-shadow:0 0 0 4px rgba(255,79,130,.12),0 0 16px rgba(255,79,130,.65);
}

.brand-hero .score-ring{
  width:86px;
  height:86px;
  background:conic-gradient(#ff4f82 calc(var(--score)*1%),rgba(255,255,255,.12) 0);
  box-shadow:0 0 24px rgba(255,79,130,.18);
}
.brand-hero .score-ring:after{
  width:64px;height:64px;
  background:#101726;
}
.brand-hero .score-ring span{
  color:#fff;
  font-size:18px;
  font-weight:950;
}

.candy-scene{
  right:18px;
  bottom:-10px;
  opacity:.92;
}
.choc-bar{
  width:84px;height:50px;
  box-shadow:0 12px 22px rgba(0,0,0,.28);
}
.candy-round{
  box-shadow:0 12px 22px rgba(0,0,0,.22);
}
.wafer{box-shadow:0 10px 18px rgba(0,0,0,.18)}

.kpi{
  background:linear-gradient(145deg,#ffffff,#fbfcff);
  border:1px solid #e6eaf0;
  box-shadow:0 12px 28px rgba(20,32,51,.07);
}
.kpi:after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:3px;
  background:linear-gradient(90deg,#9f1239,#ff4f82,#f2c66d);
  opacity:.75;
}
.kpi .value{
  font-size:27px;
  font-weight:950;
  letter-spacing:-.4px;
}
.kpi .label{
  color:#536076;
  font-size:10px;
  font-weight:900;
}
.kpi-icon{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);
}

.summary-card{
  background:linear-gradient(145deg,#fff,#fafbfe);
  border:1px solid #e6eaf0;
}
.summary-card .s-value{
  font-size:16px;
  font-weight:950;
}
.summary-card:nth-child(2){
  box-shadow:inset 3px 0 0 #ff4f82;
}
.summary-card:nth-child(3){
  box-shadow:inset 3px 0 0 #61a8ff;
}
.summary-card:nth-child(4){
  box-shadow:inset 3px 0 0 #f2c66d;
}

.panel{
  background:linear-gradient(145deg,#fff,#fbfcfe);
  border:1px solid #e6eaf0;
}
.panel h3{
  font-weight:900;
  letter-spacing:-.15px;
}

.account{
  background:linear-gradient(145deg,#fff,#fbfcfe);
  border:1px solid #e5e9f0;
  box-shadow:0 12px 24px rgba(20,32,51,.06);
}
.account:hover{
  transform:translateY(-4px) scale(1.005);
  box-shadow:0 18px 38px rgba(20,32,51,.11);
}
.account-name{
  font-size:18px;
  font-weight:950;
}
.m-value{font-weight:900}
.mini{
  background:linear-gradient(145deg,#f8fafc,#fff);
}

.channel-icon{
  background:#111827;
  color:#f5f7fb;
  border-color:#111827;
}
.channel-icon.ecom{
  background:linear-gradient(145deg,#1d4ed8,#2563eb);
  color:#fff;
  border-color:#2563eb;
}

.score-ring{
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.02);
}
.account-score{
  background:#fbfcff;
  margin-left:-2px;margin-right:-2px;
  padding:12px 4px 0;
}

.smart-alert.red{
  background:linear-gradient(145deg,#fff7f8,#fff);
  border-color:#fecdd3;
}
.smart-alert.amber{
  background:linear-gradient(145deg,#fffbeb,#fff);
  border-color:#fde68a;
}

.quick-action{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,#fff,#fbfcff);
}
.quick-action:after{
  content:"";
  position:absolute;
  width:70px;height:70px;
  border-radius:50%;
  right:-28px;top:-28px;
  background:radial-gradient(circle,rgba(159,18,57,.10),transparent 70%);
}

.monthly-table-wrap{
  box-shadow:0 14px 32px rgba(20,32,51,.07);
}

.btn.primary{
  background:linear-gradient(135deg,#111827,#243047);
  box-shadow:0 8px 18px rgba(17,24,39,.16);
}
.btn.secondary{
  background:linear-gradient(135deg,#9f1239,#e11d48);
  box-shadow:0 8px 18px rgba(159,18,57,.18);
}

.detail-head{
  background:linear-gradient(145deg,#fff,#fbfcff);
  border:1px solid #e5e9f0;
}
.metric-card{
  box-shadow:0 8px 18px rgba(20,32,51,.05);
}
.metric-card .big{
  font-size:25px;
  font-weight:950;
}

@media(max-width:760px){
  .brand-hero{
    min-height:205px;
    padding:20px;
  }
  .brand-hero h2{font-size:23px}
  .brand-hero .score-ring{
    width:78px;height:78px
  }
  .brand-hero .score-ring:after{
    width:58px;height:58px
  }
  .candy-scene{
    opacity:.45;
    right:-28px;
    bottom:-5px;
  }
  .title h1{font-size:27px}
  .kpi .value{font-size:24px}
}


/* ===== V9 ACTION CENTER ===== */
.action-center-kpis{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px
}
.action-kpi{
  background:linear-gradient(145deg,#fff,#fbfcff);
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
  box-shadow:0 10px 24px rgba(20,32,51,.06)
}
.action-kpi .ak-label{
  font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:900;letter-spacing:.55px
}
.action-kpi .ak-value{
  margin-top:6px;font-size:22px;font-weight:950;letter-spacing:-.4px
}
.action-kpi.red{box-shadow:inset 3px 0 0 #ef4444,0 10px 24px rgba(20,32,51,.05)}
.action-kpi.amber{box-shadow:inset 3px 0 0 #f59e0b,0 10px 24px rgba(20,32,51,.05)}
.action-kpi.blue{box-shadow:inset 3px 0 0 #3b82f6,0 10px 24px rgba(20,32,51,.05)}
.action-kpi.green{box-shadow:inset 3px 0 0 #22c55e,0 10px 24px rgba(20,32,51,.05)}

.action-toolbar{
  display:grid;
  grid-template-columns:1.4fr repeat(4,.8fr);
  gap:10px;
  margin-bottom:14px
}
.action-toolbar input,.action-toolbar select{min-width:0}

.action-tabs{
  display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px
}
.action-tab{
  border:1px solid var(--line);
  background:#fff;
  color:#475569;
  border-radius:999px;
  padding:8px 12px;
  font-size:11px;
  font-weight:850;
  cursor:pointer
}
.action-tab.active{
  background:#111827;
  color:#fff;
  border-color:#111827;
  box-shadow:0 7px 16px rgba(17,24,39,.12)
}

.actions-board{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px
}
.action-card{
  background:linear-gradient(145deg,#fff,#fbfcff);
  border:1px solid #e5e9f0;
  border-radius:17px;
  padding:15px;
  box-shadow:0 10px 24px rgba(20,32,51,.055);
  position:relative;
  overflow:hidden
}
.action-card:before{
  content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#94a3b8
}
.action-card.high:before{background:#ef4444}
.action-card.medium:before{background:#f59e0b}
.action-card.low:before{background:#22c55e}
.action-card.overdue{
  background:linear-gradient(145deg,#fff7f7,#fff);
  border-color:#fecaca
}
.action-top{
  display:flex;justify-content:space-between;align-items:flex-start;gap:10px
}
.action-title{font-size:14px;font-weight:950;line-height:1.35}
.action-meta{
  display:flex;gap:7px;flex-wrap:wrap;margin-top:9px
}
.meta-chip{
  display:inline-flex;align-items:center;gap:5px;
  border-radius:999px;padding:5px 8px;
  background:#f1f5f9;color:#475569;
  font-size:10px;font-weight:800
}
.meta-chip.red{background:#fee2e2;color:#991b1b}
.meta-chip.amber{background:#fef3c7;color:#92400e}
.meta-chip.blue{background:#dbeafe;color:#1d4ed8}
.meta-chip.green{background:#dcfce7;color:#166534}
.action-note{
  margin-top:10px;color:#667085;font-size:11px;line-height:1.5
}
.action-next{
  margin-top:10px;padding:10px 11px;border-radius:11px;
  background:#f8fafc;border:1px solid #eef2f6;
  font-size:11px;color:#334155
}
.action-footer{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  margin-top:12px;padding-top:11px;border-top:1px solid #edf1f5
}
.action-footer .small{
  font-size:10px;color:var(--muted)
}
.action-footer .btn{padding:8px 10px;font-size:11px}

.latest-action-box{
  margin-top:14px;
  padding:12px 13px;
  border-radius:13px;
  background:linear-gradient(145deg,#0f172a,#1b2538);
  color:#fff;
  box-shadow:0 10px 20px rgba(15,23,42,.14)
}
.latest-action-box .la-label{
  font-size:9px;color:#aeb9ca;text-transform:uppercase;font-weight:850;letter-spacing:.55px
}
.latest-action-box .la-title{
  margin-top:5px;font-size:13px;font-weight:900
}
.latest-action-box .la-sub{
  margin-top:4px;font-size:10px;color:#cbd5e1
}

@media(max-width:1100px){
  .action-toolbar{grid-template-columns:1fr 1fr 1fr}
  .actions-board{grid-template-columns:1fr}
}
@media(max-width:760px){
  .action-center-kpis{grid-template-columns:1fr 1fr}
  .action-toolbar{grid-template-columns:1fr}
}
@media(max-width:520px){
  .action-center-kpis{grid-template-columns:1fr}
}


/* ===== V10 MANAGEMENT REPORTING ===== */
.report-toolbar{
  display:grid;
  grid-template-columns:repeat(3,.8fr) 1.2fr;
  gap:10px;
  margin-bottom:16px
}
.report-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.report-cover{
  background:
    radial-gradient(circle at 88% 10%,rgba(255,79,130,.17),transparent 22%),
    radial-gradient(circle at 70% 0%,rgba(242,198,109,.10),transparent 24%),
    linear-gradient(120deg,#0b1020,#161c2b 52%,#3b1022);
  color:#fff;border-radius:22px;padding:22px;margin-bottom:16px;
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 18px 44px rgba(11,16,32,.18)
}
.report-cover h2{margin:0 0 6px;font-size:24px;font-weight:950}
.report-cover p{margin:0;color:#d6deea;font-size:12px}
.report-cover .period{margin-top:12px;display:inline-flex;padding:6px 9px;border-radius:99px;background:rgba(255,255,255,.08);font-size:10px;font-weight:850;color:#f7d995}
.report-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.report-kpi{
  background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;
  box-shadow:0 10px 24px rgba(20,32,51,.055)
}
.report-kpi .rk-label{font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:900;letter-spacing:.55px}
.report-kpi .rk-value{font-size:21px;font-weight:950;margin-top:5px}
.report-kpi .rk-sub{font-size:10px;color:var(--muted);margin-top:3px}
.report-kpi.red{box-shadow:inset 3px 0 0 #ef4444,0 10px 24px rgba(20,32,51,.05)}
.report-kpi.green{box-shadow:inset 3px 0 0 #22c55e,0 10px 24px rgba(20,32,51,.05)}
.report-kpi.blue{box-shadow:inset 3px 0 0 #3b82f6,0 10px 24px rgba(20,32,51,.05)}
.report-kpi.amber{box-shadow:inset 3px 0 0 #f59e0b,0 10px 24px rgba(20,32,51,.05)}

.exec-summary{
  background:linear-gradient(145deg,#fff,#fbfcff);
  border:1px solid #e6eaf0;border-radius:18px;padding:17px;
  box-shadow:0 10px 24px rgba(20,32,51,.055);
  margin-bottom:16px
}
.exec-summary h3{margin:0 0 8px;font-size:15px}
.exec-summary p{margin:0;color:#475569;line-height:1.65;font-size:12px}
.exec-summary strong{color:#111827}

.report-section{
  background:linear-gradient(145deg,#fff,#fbfcff);
  border:1px solid #e6eaf0;border-radius:18px;padding:17px;
  box-shadow:0 10px 24px rgba(20,32,51,.05);
  margin-bottom:16px
}
.report-section h3{margin:0 0 13px;font-size:15px;font-weight:950}
.report-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rank-table{width:100%;border-collapse:collapse;font-size:11px}
.rank-table th,.rank-table td{padding:9px;border-bottom:1px solid #edf1f5;text-align:left}
.rank-table th{font-size:9px;text-transform:uppercase;color:var(--muted);letter-spacing:.45px}
.rank-table tr:last-child td{border-bottom:0}
.rank-pos{
  display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;
  background:#eef2f7;font-size:10px;font-weight:900
}
.rank-pos.top{background:#dcfce7;color:#166534}
.rank-pos.bottom{background:#fee2e2;color:#991b1b}
.report-bar{
  height:8px;background:#eef2f7;border-radius:99px;overflow:hidden;min-width:90px
}
.report-bar>div{height:100%;background:linear-gradient(90deg,#9f1239,#e11d48);border-radius:99px}
.report-bar.green>div{background:linear-gradient(90deg,#16a34a,#22c55e)}
.report-bar.blue>div{background:linear-gradient(90deg,#2563eb,#60a5fa)}
.mbr-note{
  padding:10px 11px;border-radius:11px;background:#f8fafc;border:1px solid #eef2f6;
  font-size:11px;color:#475569;line-height:1.5
}
.report-empty{padding:24px;text-align:center;color:var(--muted);font-size:12px}
.report-footer-note{text-align:right;color:#94a3b8;font-size:9px;margin-top:8px}

@media print{
  .sidebar,.report-toolbar,.report-actions,.nav-item,#logout{display:none!important}
  .main{margin-left:0!important;width:100%!important;padding:0!important}
  body{background:#fff!important}
  .report-section,.report-kpi,.exec-summary,.report-cover{box-shadow:none!important;break-inside:avoid}
  .report-cover{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
@media(max-width:1100px){
  .report-toolbar{grid-template-columns:1fr 1fr}
  .report-grid-4{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .report-toolbar,.report-grid-4,.report-split{grid-template-columns:1fr}
  .report-actions{justify-content:flex-start}
}


/* ===== V11 TEAM + KAM WORKSPACE ===== */
.kam-hero{
  background:
    radial-gradient(circle at 88% 15%,rgba(97,168,255,.20),transparent 22%),
    radial-gradient(circle at 75% 5%,rgba(242,198,109,.10),transparent 24%),
    linear-gradient(120deg,#0b1020,#13213a 54%,#0e3554);
}
.kam-hero .pulse-chip{color:#dcecff}
.kam-hero .pulse-dot{
  background:#61a8ff;
  box-shadow:0 0 0 4px rgba(97,168,255,.12),0 0 16px rgba(97,168,255,.50)
}
.kam-hero .score-ring{
  background:conic-gradient(#61a8ff calc(var(--score)*1%),rgba(255,255,255,.12) 0)
}

.today-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px
}
.today-card{
  background:linear-gradient(145deg,#fff,#fbfcff);
  border:1px solid var(--line);
  border-radius:16px;padding:14px;
  box-shadow:0 10px 24px rgba(20,32,51,.055);
  cursor:pointer;transition:.18s
}
.today-card:hover{transform:translateY(-2px)}
.today-card .tc-icon{font-size:18px;margin-bottom:9px}
.today-card .tc-value{font-size:22px;font-weight:950}
.today-card .tc-label{font-size:10px;color:var(--muted);font-weight:850;margin-top:3px}
.today-card.red{box-shadow:inset 3px 0 0 #ef4444,0 10px 24px rgba(20,32,51,.05)}
.today-card.amber{box-shadow:inset 3px 0 0 #f59e0b,0 10px 24px rgba(20,32,51,.05)}
.today-card.blue{box-shadow:inset 3px 0 0 #3b82f6,0 10px 24px rgba(20,32,51,.05)}
.today-card.green{box-shadow:inset 3px 0 0 #22c55e,0 10px 24px rgba(20,32,51,.05)}

.kam-focus{
  display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-bottom:16px
}
.focus-list{display:grid;gap:9px}
.focus-row{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:11px 12px;border-radius:12px;background:#f8fafc;border:1px solid #eef2f6;cursor:pointer
}
.focus-row:hover{background:#f3f6fb}
.focus-row strong{font-size:12px}.focus-row span{font-size:10px;color:var(--muted)}
.quick-update-row{
  display:grid;grid-template-columns:1fr .8fr .8fr;gap:8px;margin-top:10px
}
.quick-update-row input,.quick-update-row select{padding:9px 10px;font-size:11px}

.team-rank-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px
}
.team-rank-card{
  background:linear-gradient(145deg,#fff,#fbfcff);
  border:1px solid var(--line);border-radius:18px;padding:16px;
  box-shadow:0 10px 24px rgba(20,32,51,.055)
}
.team-rank-card.top{
  border-color:#f0d99f;
  background:linear-gradient(145deg,#fffdf6,#fff)
}
.team-rank-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.team-rank-card h3{margin:0;font-size:15px;font-weight:950}
.rank-badge{
  width:32px;height:32px;border-radius:10px;display:grid;place-items:center;
  background:#eef2f7;font-size:12px;font-weight:950
}
.team-rank-card.top .rank-badge{background:#fef3c7;color:#92400e}
.team-metrics{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px
}
.team-metric{background:#f8fafc;border-radius:11px;padding:9px}
.team-metric span{display:block;font-size:8px;text-transform:uppercase;color:var(--muted);font-weight:850}
.team-metric strong{display:block;margin-top:3px;font-size:13px}
.team-scorebar{height:7px;background:#eef2f7;border-radius:99px;overflow:hidden;margin-top:12px}
.team-scorebar>div{height:100%;background:linear-gradient(90deg,#9f1239,#e11d48);border-radius:99px}

.discipline-chip{
  display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;
  font-size:9px;font-weight:850
}
.discipline-chip.good{background:#dcfce7;color:#166534}
.discipline-chip.watch{background:#fef3c7;color:#92400e}
.discipline-chip.bad{background:#fee2e2;color:#991b1b}

.assignment-table{width:100%;border-collapse:collapse;font-size:11px}
.assignment-table th,.assignment-table td{padding:10px;border-bottom:1px solid #edf1f5;text-align:left}
.assignment-table th{font-size:9px;text-transform:uppercase;color:var(--muted)}
.assignment-table select{padding:8px 9px;font-size:11px}

.kam-account-actions{
  display:flex;gap:7px;flex-wrap:wrap;margin-top:11px
}
.kam-account-actions .btn{font-size:10px;padding:8px 10px}

@media(max-width:1100px){
  .today-grid,.team-rank-grid{grid-template-columns:1fr 1fr}
  .kam-focus{grid-template-columns:1fr}
}
@media(max-width:760px){
  .today-grid,.team-rank-grid{grid-template-columns:1fr}
  .quick-update-row{grid-template-columns:1fr}
}


/* ===== V12 DATA GOVERNANCE & AUDIT ===== */
.lock-note{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 9px;border-radius:999px;
  background:#f1f5f9;color:#475569;
  border:1px solid #e2e8f0;font-size:9px;font-weight:850
}
.audit-toolbar{
  display:grid;
  grid-template-columns:1.25fr repeat(3,.75fr);
  gap:10px;margin-bottom:14px
}
.audit-list{display:grid;gap:10px}
.audit-row{
  background:linear-gradient(145deg,#fff,#fbfcff);
  border:1px solid #e6eaf0;border-radius:15px;padding:13px;
  box-shadow:0 8px 20px rgba(20,32,51,.045)
}
.audit-row-head{
  display:flex;justify-content:space-between;align-items:flex-start;gap:12px
}
.audit-title{font-size:12px;font-weight:950}
.audit-sub{font-size:10px;color:var(--muted);margin-top:4px}
.audit-change{
  margin-top:9px;padding:9px 10px;border-radius:10px;
  background:#f8fafc;border:1px solid #eef2f6;
  font-size:10px;color:#475569;line-height:1.5
}
.audit-chip{
  display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;
  font-size:9px;font-weight:900
}
.audit-chip.account{background:#dbeafe;color:#1d4ed8}
.audit-chip.action{background:#fef3c7;color:#92400e}
.audit-chip.team{background:#ede9fe;color:#6d28d9}

.last-change{
  margin-top:8px;font-size:10px;color:#7b8798
}
.manager-only-box{
  background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;
  padding:10px 12px;border-radius:11px;font-size:10px;margin-bottom:12px
}
@media(max-width:900px){
  .audit-toolbar{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .audit-toolbar{grid-template-columns:1fr}
}


/* ===== V12.1 HISTORY FAST SEARCH ===== */
#histSearch{
  transition:border-color .15s,box-shadow .15s,background .15s;
}
#histSearch:focus{
  outline:none;
  border-color:#94a3b8;
  box-shadow:0 0 0 3px rgba(148,163,184,.14);
  background:#fff;
}
#auditRows{
  min-height:80px;
}


/* ===== V13 KAM PRO WORKSPACE ===== */
.kam-pro-actions{
  display:flex;gap:9px;flex-wrap:wrap;margin:0 0 16px
}
.kam-pro-actions .btn{padding:10px 13px;font-size:11px}
.kam-pro-nav-card{
  background:linear-gradient(145deg,#fff,#fbfcff);
  border:1px solid #e6eaf0;border-radius:16px;padding:14px;
  box-shadow:0 10px 24px rgba(20,32,51,.05);
  cursor:pointer;transition:.18s
}
.kam-pro-nav-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(20,32,51,.09)}
.kam-pro-nav-card .kpn-icon{font-size:20px}
.kam-pro-nav-card .kpn-title{font-size:13px;font-weight:950;margin-top:8px}
.kam-pro-nav-card .kpn-sub{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.4}
.kam-pro-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px
}
.form-card{
  background:linear-gradient(145deg,#fff,#fbfcff);
  border:1px solid #e6eaf0;border-radius:18px;padding:16px;
  box-shadow:0 10px 24px rgba(20,32,51,.05)
}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form-grid .full{grid-column:1/-1}
.form-card label{display:block;font-size:9px;font-weight:900;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.form-card input,.form-card select,.form-card textarea{
  width:100%;box-sizing:border-box
}
.form-card textarea{min-height:90px;resize:vertical}

.tracker-list{display:grid;gap:10px}
.tracker-row{
  background:linear-gradient(145deg,#fff,#fbfcff);
  border:1px solid #e6eaf0;border-radius:15px;padding:13px;
  box-shadow:0 8px 20px rgba(20,32,51,.04)
}
.tracker-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.tracker-title{font-size:12px;font-weight:950}
.tracker-sub{font-size:10px;color:var(--muted);margin-top:3px}
.tracker-body{font-size:10px;color:#475569;line-height:1.55;margin-top:9px}
.tracker-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:10px;padding-top:9px;border-top:1px solid #edf1f5}

.status-planned{background:#e0f2fe;color:#075985}
.status-approved{background:#ede9fe;color:#6d28d9}
.status-live{background:#dcfce7;color:#166534}
.status-finished{background:#f1f5f9;color:#475569}
.status-blocked{background:#fee2e2;color:#991b1b}

.escalation-critical{border-color:#fecaca;background:linear-gradient(145deg,#fff7f7,#fff)}
.escalation-high{border-color:#fed7aa;background:linear-gradient(145deg,#fffaf5,#fff)}
.escalation-normal{border-color:#dbeafe}

.performance-hero{
  background:
    radial-gradient(circle at 86% 15%,rgba(97,168,255,.22),transparent 22%),
    linear-gradient(120deg,#0b1020,#14223b 55%,#123b60);
}
.performance-kpis{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px
}
.performance-kpi{
  background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;
  box-shadow:0 10px 24px rgba(20,32,51,.05)
}
.performance-kpi .pk-label{font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:900}
.performance-kpi .pk-value{font-size:22px;font-weight:950;margin-top:5px}
.performance-kpi .pk-sub{font-size:10px;color:var(--muted);margin-top:3px}

.activity-list{display:grid;gap:9px}
.activity-row{
  display:flex;justify-content:space-between;gap:12px;align-items:flex-start;
  padding:11px 12px;border-radius:12px;background:#f8fafc;border:1px solid #eef2f6
}
.activity-row strong{font-size:11px}
.activity-row span{font-size:9px;color:var(--muted)}

.quick-account-card{
  display:grid;grid-template-columns:1.2fr repeat(4,.8fr) auto;
  gap:8px;align-items:center;padding:11px;border-bottom:1px solid #edf1f5
}
.quick-account-card:last-child{border-bottom:0}
.quick-account-card input{padding:8px 9px;font-size:10px}
.quick-account-card strong{font-size:11px}
.quick-account-card span{font-size:9px;color:var(--muted)}

@media(max-width:1100px){
  .kam-pro-grid,.performance-kpis{grid-template-columns:1fr 1fr}
  .quick-account-card{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:760px){
  .kam-pro-grid,.performance-kpis,.form-grid{grid-template-columns:1fr}
  .form-grid .full{grid-column:auto}
  .quick-account-card{grid-template-columns:1fr}
}


/* ===== V14 FILES & ATTACHMENTS HUB ===== */
.file-strip{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:10px}
.file-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #dbe3ec;background:#fff;color:#334155;border-radius:9px;padding:7px 9px;font-size:9px;font-weight:850;cursor:pointer}
.file-btn:hover{background:#f8fafc;border-color:#cbd5e1}
.file-btn.upload{background:#0f172a;color:#fff;border-color:#0f172a}
.file-pill{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #e5eaf0;border-radius:999px;padding:6px 9px;font-size:9px;color:#475569;cursor:pointer;max-width:220px}
.file-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:155px}
.file-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e2e8f0;color:#334155;font-size:8px;font-weight:900}
.files-hub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.files-hub-kpi{background:#fff;border:1px solid #e6eaf0;border-radius:16px;padding:14px;box-shadow:0 9px 22px rgba(20,32,51,.05)}
.files-hub-kpi .fh-label{font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:900}
.files-hub-kpi .fh-value{font-size:22px;font-weight:950;margin-top:4px}
.files-toolbar{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr;gap:10px;margin-bottom:14px}
.files-table{width:100%;border-collapse:collapse;font-size:10px}
.files-table th,.files-table td{padding:10px;border-bottom:1px solid #edf1f5;text-align:left}
.files-table th{font-size:8px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}
.file-name-cell{display:flex;align-items:center;gap:8px}
.file-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#ecfdf5;color:#166534;font-weight:950;font-size:9px}
.file-icon.pdf{background:#fee2e2;color:#991b1b}
.file-icon.csv{background:#e0f2fe;color:#075985}
.upload-zone{border:1px dashed #cbd5e1;background:#f8fafc;border-radius:13px;padding:12px;margin-top:10px;font-size:10px;color:#64748b}
@media(max-width:1000px){.files-hub-grid{grid-template-columns:1fr 1fr}.files-toolbar{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.files-hub-grid,.files-toolbar{grid-template-columns:1fr}}


/* ===== V14.1 INLINE FILE UPLOAD FIX ===== */
.form-card input[type="file"]{
  background:#f8fafc;
  border:1px dashed #cbd5e1;
  padding:11px;
  border-radius:11px;
  color:#475569;
  cursor:pointer;
}
.form-card input[type="file"]::file-selector-button{
  border:0;
  background:#111827;
  color:#fff;
  padding:8px 10px;
  border-radius:8px;
  margin-right:10px;
  font-weight:800;
  cursor:pointer;
}
.file-strip .file-btn.upload{
  min-width:112px;
  justify-content:center;
}


/* ===== V16 MEGA: APPROVALS + NOTIFICATIONS + MONTHLY TRENDS ===== */
.approval-kpis,.notify-kpis,.trend-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.approval-kpi,.notify-kpi,.trend-kpi{background:linear-gradient(145deg,#fff,#fbfcff);border:1px solid #e6eaf0;border-radius:16px;padding:14px;box-shadow:0 9px 22px rgba(20,32,51,.05)}
.approval-kpi .v,.notify-kpi .v,.trend-kpi .v{font-size:22px;font-weight:950;margin-top:5px}.approval-kpi .l,.notify-kpi .l,.trend-kpi .l{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:900}
.workflow-card{background:linear-gradient(145deg,#fff,#fbfcff);border:1px solid #e6eaf0;border-radius:17px;padding:15px;box-shadow:0 9px 22px rgba(20,32,51,.05);margin-bottom:10px}.workflow-card.submitted{border-color:#fde68a;background:linear-gradient(145deg,#fffbeb,#fff)}.workflow-card.approved{border-color:#bbf7d0}.workflow-card.returned{border-color:#fed7aa}.workflow-card.rejected{border-color:#fecaca}
.workflow-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.workflow-title{font-size:13px;font-weight:950}.workflow-meta{font-size:10px;color:var(--muted);margin-top:4px}.workflow-comment{margin-top:10px;padding:9px 10px;border-radius:10px;background:#f8fafc;border:1px solid #eef2f6;font-size:10px;color:#475569;line-height:1.5}.workflow-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.workflow-actions textarea{width:100%;min-height:62px}
.workflow-status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900}.workflow-status.Draft{background:#f1f5f9;color:#475569}.workflow-status.Submitted{background:#fef3c7;color:#92400e}.workflow-status.Approved{background:#dcfce7;color:#166534}.workflow-status.Returned{background:#ffedd5;color:#9a3412}.workflow-status.Rejected{background:#fee2e2;color:#991b1b}
.notification-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:12px;border-bottom:1px solid #edf1f5}.notification-row.unread{background:#f8fbff}.notification-title{font-size:11px;font-weight:950}.notification-msg{font-size:10px;color:#64748b;margin-top:3px;line-height:1.45}.notification-time{font-size:9px;color:#94a3b8;white-space:nowrap}.notification-dot{width:8px;height:8px;border-radius:50%;background:#2563eb;margin-top:4px}
.trend-controls{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.trend-chart{background:#fff;border:1px solid #e6eaf0;border-radius:18px;padding:16px;box-shadow:0 9px 22px rgba(20,32,51,.05);margin-bottom:16px;overflow:auto}.trend-bars{display:flex;align-items:flex-end;gap:14px;height:220px;min-width:620px;padding:18px 8px 0}.trend-bar-col{flex:1;min-width:44px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.trend-bar-wrap{height:170px;width:100%;display:flex;gap:5px;align-items:flex-end;justify-content:center}.trend-bar{width:18px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#e11d48,#9f1239);min-height:3px}.trend-bar.target{background:linear-gradient(180deg,#60a5fa,#2563eb)}.trend-month{font-size:9px;color:#64748b;font-weight:800;margin-top:7px}.trend-value{font-size:8px;color:#94a3b8;margin-top:3px}.trend-legend{display:flex;gap:14px;font-size:9px;color:#64748b;margin-bottom:8px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px}.legend-sales{background:#be123c}.legend-target{background:#3b82f6}
.monthly-snapshot-note{margin-top:8px;padding:8px 10px;border-radius:10px;background:#eff6ff;border:1px solid #dbeafe;color:#1e40af;font-size:9px}
@media(max-width:1050px){.approval-kpis,.notify-kpis,.trend-kpis{grid-template-columns:1fr 1fr}}@media(max-width:650px){.approval-kpis,.notify-kpis,.trend-kpis{grid-template-columns:1fr}}

/* ===== V17 ROSHEN COMMAND CENTER ===== */
:root{--roshen-burgundy:#8f1235;--roshen-burgundy-2:#b51d48;--roshen-cream:#fbf7f2;--roshen-gold:#d7b66a;--roshen-ink:#20242c}
body{background:radial-gradient(circle at 82% -5%,rgba(181,29,72,.055),transparent 26%),linear-gradient(180deg,#fbfaf8 0%,#f5f7fa 100%);color:var(--roshen-ink)}
.sidebar{width:244px;background:radial-gradient(circle at 25% 0%,rgba(181,29,72,.34),transparent 25%),linear-gradient(180deg,#19131a 0%,#12141b 50%,#0e1118 100%);border-right:1px solid rgba(255,255,255,.055);box-shadow:12px 0 38px rgba(12,13,18,.16);display:flex;flex-direction:column;overflow:hidden}.main{margin-left:244px}
.premium-brand{padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:12px}.roshen-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:radial-gradient(circle at 32% 25%,rgba(255,255,255,.22),transparent 22%),linear-gradient(145deg,#c12855,#7f0d2d);border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 4px rgba(181,29,72,.08),0 10px 24px rgba(0,0,0,.24)}.roshen-r{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:800;color:#fff6e6;font-size:24px;line-height:1}.roshen-word{font-family:Georgia,"Times New Roman",serif;font-size:26px;font-weight:800;font-style:italic;letter-spacing:-.6px;color:#fff8ee;text-transform:none}.roshen-sub{color:var(--roshen-gold);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:1.15px}.brand small{color:#8e96a6;font-size:8px;letter-spacing:.55px}
.premium-userbox{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:10px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);border-radius:13px}.user-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,var(--roshen-burgundy-2),var(--roshen-burgundy));color:#fff;font-weight:950;font-size:12px}.premium-userbox strong{display:block;font-size:10px;color:#f8fafc}.premium-userbox span{display:block;font-size:8px;color:#a7b0bf;margin-top:2px}
.sidebar-nav{overflow:auto;padding-right:2px;flex:1}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.09);border-radius:20px}.nav-primary{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 11px;border-radius:11px;color:#cbd2dd;font-size:10px;font-weight:850;cursor:pointer;margin-bottom:6px;transition:.16s}.nav-primary:hover{background:rgba(255,255,255,.055);color:#fff}.nav-primary.active{color:#fff;background:linear-gradient(90deg,rgba(181,29,72,.32),rgba(215,182,106,.08));border:1px solid rgba(215,182,106,.13)}.nav-primary-icon{width:20px;text-align:center;color:var(--roshen-gold)}
.nav-group{margin:4px 0}.nav-group-head{width:100%;border:0;background:transparent;display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border-radius:10px;color:#aeb7c5;font-size:9px;font-weight:900;cursor:pointer;text-align:left}.nav-group-head>span:first-child{display:flex;align-items:center;gap:9px}.nav-group-head:hover{background:rgba(255,255,255,.035);color:#fff}.nav-group-icon{width:20px;color:var(--roshen-gold);text-align:center}.nav-chevron{font-size:12px;color:#6f7888;transition:.16s}.nav-group.open .nav-chevron{transform:rotate(180deg);color:var(--roshen-gold)}.nav-group-items{max-height:0;overflow:hidden;transition:max-height .22s ease;padding-left:10px}.nav-group.open .nav-group-items{max-height:330px}.nav-subitem{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 10px;border-radius:9px;color:#8f99a9;font-size:9px;font-weight:760;cursor:pointer;margin:2px 0;transition:.14s}.nav-subitem:hover{background:rgba(255,255,255,.04);color:#e8edf5}.nav-subitem.active{background:rgba(181,29,72,.18);color:#fff}.nav-dot{width:5px;height:5px;border-radius:50%;background:#4d5664}.nav-subitem.active .nav-dot{background:var(--roshen-gold);box-shadow:0 0 9px rgba(215,182,106,.55)}.sidebar-footer{padding-top:10px;margin-top:8px;border-top:1px solid rgba(255,255,255,.06)}.sidebar-version{display:flex;align-items:center;gap:6px;color:#697385;font-size:7px;padding:0 10px 7px}.live-mini{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 8px rgba(52,211,153,.55)}.signout-item{color:#8d96a5}
.kpi,.panel,.account,.summary-card,.report-section,.form-card,.workflow-card{border-color:#ebe6e2}.kpi,.panel,.account,.summary-card{background:linear-gradient(145deg,#fff,#fffdfb)}.btn.secondary{background:linear-gradient(135deg,#a3133d,#c72355);box-shadow:0 8px 20px rgba(163,19,61,.19)}.btn.primary{background:linear-gradient(135deg,#20232c,#323745)}.brand-hero{background:radial-gradient(circle at 86% 18%,rgba(215,182,106,.20),transparent 22%),radial-gradient(circle at 73% 0%,rgba(213,39,87,.16),transparent 30%),linear-gradient(120deg,#18131a 0%,#2a1620 54%,#5b132d 100%)}.brand-hero .hero-label{color:#f2d99c}.brand-hero .pulse-chip{color:#ffe8ef}
.manager-launchpad{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:14px}.launch-card{border:1px solid #ebe4df;background:linear-gradient(145deg,#fff,#fdfaf7);border-radius:14px;padding:11px 12px;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 7px 18px rgba(35,27,30,.045);transition:.16s;text-align:left}.launch-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(35,27,30,.08)}.launch-card>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#f7e8ed;color:#a3133d;font-size:13px;font-weight:950}.launch-card strong{display:block;font-size:13px;color:#242832}.launch-card small{display:block;font-size:8px;color:#7c8492;margin-top:2px;text-transform:uppercase;font-weight:850}
.kam-command-head{background:radial-gradient(circle at 90% 0%,rgba(215,182,106,.12),transparent 24%),linear-gradient(135deg,#fff,#fffaf6);border:1px solid #ece3dc;border-radius:19px;padding:18px;display:flex;justify-content:space-between;gap:18px;align-items:center;box-shadow:0 10px 26px rgba(40,31,34,.055);margin-bottom:12px}.command-eyebrow{font-size:8px;letter-spacing:1.1px;font-weight:950;color:#a3133d}.kam-command-head h2{font-size:20px;margin:5px 0;color:#242730;letter-spacing:-.35px}.kam-command-head p{font-size:10px;color:#737b89;margin:0}.command-score{min-width:105px;text-align:center;padding:10px 12px;border-radius:16px;background:linear-gradient(145deg,#211820,#3a1826);color:#fff;border:1px solid rgba(215,182,106,.22)}.command-score span{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.7px;color:#d7b66a;font-weight:900}.command-score strong{font-size:26px;line-height:1.1}.command-score small{font-size:8px;color:#aab1bd}
.kam-command-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.command-card{border:1px solid #ebe6e2;background:#fff;border-radius:15px;padding:12px;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 7px 18px rgba(35,27,30,.045);transition:.16s}.command-card:hover{transform:translateY(-2px)}.command-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#f4f6f8;font-size:14px}.command-card strong{display:block;font-size:17px;color:#242832}.command-card span{display:block;font-size:9px;font-weight:900;color:#454b57}.command-card small{display:block;font-size:8px;color:#8b93a0;margin-top:2px}.command-card.critical{box-shadow:inset 3px 0 0 #e5484d,0 7px 18px rgba(35,27,30,.04)}.command-card.approval{box-shadow:inset 3px 0 0 #d7b66a,0 7px 18px rgba(35,27,30,.04)}.command-card.notify{box-shadow:inset 3px 0 0 #6e8efb,0 7px 18px rgba(35,27,30,.04)}.command-card.files{box-shadow:inset 3px 0 0 #22a06b,0 7px 18px rgba(35,27,30,.04)}
.manager-feedback-strip{display:grid;grid-template-columns:140px 1fr;gap:12px;background:#fff;border:1px solid #ebe6e2;border-radius:16px;padding:12px;box-shadow:0 7px 18px rgba(35,27,30,.04);margin-bottom:16px}.feedback-title{display:flex;justify-content:space-between;align-items:center;padding:0 8px;color:#4b515d;font-size:9px;font-weight:900}.feedback-title strong{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#fff0e6;color:#9a3412;font-size:10px}.feedback-items{display:flex;gap:8px;overflow:auto}.feedback-pill{min-width:190px;border:1px solid #f1ded0;background:#fffaf5;border-radius:11px;padding:9px;text-align:left;cursor:pointer}.feedback-pill span{display:block;font-size:9px;font-weight:900;color:#4b342c}.feedback-pill small{display:block;font-size:8px;color:#8a6b5e;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feedback-empty{font-size:9px;color:#89919d;padding:8px}
@media(max-width:1150px){.manager-launchpad{grid-template-columns:repeat(3,1fr)}.kam-command-grid{grid-template-columns:1fr 1fr}}@media(max-width:850px){.sidebar{width:210px}.main{margin-left:210px}.manager-launchpad{grid-template-columns:1fr 1fr}}@media(max-width:760px){.sidebar{width:100%;position:relative;min-height:auto}.main{margin-left:0}.app-shell{display:block}.sidebar-nav{max-height:none}.manager-launchpad,.kam-command-grid{grid-template-columns:1fr 1fr}.kam-command-head{align-items:flex-start}.manager-feedback-strip{grid-template-columns:1fr}}@media(max-width:520px){.manager-launchpad,.kam-command-grid{grid-template-columns:1fr}.kam-command-head{flex-direction:column}.command-score{width:100%;box-sizing:border-box}}


/* ==========================================================
   V18 SIMPLIFIED INTELLIGENCE
   Typography tuned for browser zoom 100%
   ========================================================== */

/* Sidebar readability */
.sidebar{width:258px}
.main{margin-left:258px}

.roshen-word{font-size:29px}
.roshen-sub{font-size:9px}
.brand small{font-size:9px}

.premium-userbox strong{font-size:11px}
.premium-userbox span{font-size:9px}

.nav-primary{
  min-height:44px;
  font-size:12px;
  padding:0 12px;
}
.nav-group-head{
  padding:11px 11px;
  font-size:11px;
}
.nav-subitem{
  min-height:39px;
  font-size:10.5px;
  padding:0 11px;
}
.nav-group-icon,.nav-primary-icon{font-size:14px}
.sidebar-version{font-size:8px}

/* General text hierarchy */
.title h1{font-size:33px}
.title p{font-size:13px}
.panel h3,.panel-head h3{font-size:15px}
.account-name{font-size:18px}
.kpi .label{font-size:10px}
.kpi .value{font-size:28px}

/* Manager Business Health */
.business-health{
  background:linear-gradient(145deg,#fff,#fffaf6);
  border:1px solid #ebe1d9;
  border-radius:20px;
  padding:17px;
  box-shadow:0 10px 26px rgba(35,27,30,.055);
  margin-bottom:15px;
}
.health-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:13px}
.health-eyebrow{font-size:9px;letter-spacing:1px;color:#9f1239;font-weight:950}
.health-head h2{margin:4px 0 0;font-size:20px;color:#252832}
.health-note{font-size:9px;color:#7b8390;background:#f5f1ed;border-radius:999px;padding:6px 8px}
.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.health-card{padding:13px;border-radius:14px;background:#fff;border:1px solid #ece7e2}
.health-card strong{display:block;font-size:23px;color:#242832}
.health-card span{display:block;font-size:10px;font-weight:900;margin-top:3px}
.health-card small{display:block;font-size:8.5px;color:#8b929d;margin-top:2px}
.health-card.risk{box-shadow:inset 3px 0 0 #e5484d}
.health-card.stock{box-shadow:inset 3px 0 0 #d7a72e}
.health-card.ar{box-shadow:inset 3px 0 0 #7b61ff}
.health-card.stale{box-shadow:inset 3px 0 0 #3b82f6}
.health-lists{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.health-list{background:#fff;border:1px solid #ece7e2;border-radius:14px;padding:10px}
.health-list-title{font-size:10px;font-weight:950;color:#4a505c;margin-bottom:7px}
.health-row{
  width:100%;border:0;background:#fafbfc;
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:9px 10px;border-radius:9px;margin:4px 0;cursor:pointer;text-align:left
}
.health-row:hover{background:#f4f6f8}
.health-row span{font-size:10px;font-weight:900;color:#30353f}
.health-row small{font-size:8.5px;color:#7c8490}
.health-row.opportunity{background:#f7fbf8}

/* KAM quick create */
.quick-create-strip{
  background:#fff;border:1px solid #ebe6e2;border-radius:16px;padding:12px;
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  margin-bottom:12px;box-shadow:0 7px 18px rgba(35,27,30,.04)
}
.quick-create-title span{display:block;font-size:11px;font-weight:950;color:#30353f}
.quick-create-title small{display:block;font-size:8.5px;color:#8b929d;margin-top:2px}
.quick-create-actions{display:flex;gap:7px;flex-wrap:wrap}
.quick-create-btn{
  border:1px solid #e3e7ec;background:#f8fafc;color:#374151;
  border-radius:10px;padding:8px 10px;font-size:9px;font-weight:900;cursor:pointer
}
.quick-create-btn:hover{background:#f2e9ed;color:#8f1235;border-color:#ead4dc}

/* Weekly planner */
.week-planner{
  background:#fff;border:1px solid #ebe6e2;border-radius:18px;padding:15px;
  box-shadow:0 8px 22px rgba(35,27,30,.045);margin-bottom:14px
}
.planner-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.planner-eyebrow{font-size:8px;letter-spacing:1px;color:#9f1239;font-weight:950}
.planner-head h3{margin:3px 0 0;font-size:16px}
.planner-count{font-size:9px;color:#6b7280;background:#f4f6f8;border-radius:999px;padding:6px 8px}
.planner-list{display:grid;gap:7px}
.planner-row{
  display:grid;grid-template-columns:68px 1fr auto;gap:10px;align-items:center;
  padding:9px 10px;border-radius:11px;background:#fafbfc;border:1px solid #eef1f4
}
.planner-date strong{display:block;font-size:10px;color:#343944}
.planner-date span{display:block;font-size:8px;color:#8b929d;margin-top:2px}
.planner-info strong{display:block;font-size:10px;color:#30353f}
.planner-info span{display:block;font-size:8.5px;color:#7e8692;margin-top:2px}
.planner-type{font-size:8px;font-weight:900;border-radius:999px;padding:5px 7px;background:#eef2f7;color:#475569}
.planner-type.action{background:#fee2e2;color:#991b1b}
.planner-type.meeting{background:#dbeafe;color:#1d4ed8}
.planner-type.promotion{background:#fef3c7;color:#92400e}
.planner-empty{padding:15px;text-align:center;color:#8b929d;font-size:9px}

@media(max-width:1050px){
  .health-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:850px){
  .sidebar{width:225px}
  .main{margin-left:225px}
  .health-lists{grid-template-columns:1fr}
}
@media(max-width:760px){
  .sidebar{width:100%}
  .main{margin-left:0}
  .quick-create-strip{align-items:flex-start;flex-direction:column}
}
@media(max-width:520px){
  .health-grid{grid-template-columns:1fr}
  .planner-row{grid-template-columns:58px 1fr}
  .planner-type{display:none}
}


/* ===== V19 ROSHEN AI ===== */
.ai-hero{
  background:radial-gradient(circle at 88% 20%,rgba(215,182,106,.24),transparent 20%),linear-gradient(120deg,#19131a,#361827 58%,#6e1737);
  color:#fff;border-radius:22px;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;
  box-shadow:0 18px 42px rgba(40,20,29,.16)
}
.ai-hero span{font-size:8px;letter-spacing:1.1px;color:#e7c980;font-weight:950}
.ai-hero h2{font-size:23px;margin:6px 0}
.ai-hero p{font-size:10px;color:#ddd4d8;max-width:650px;line-height:1.55}
.ai-orb{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:950;color:#28151d;background:radial-gradient(circle at 35% 30%,#fff7d7,#e9c875 45%,#b78f3c 100%);box-shadow:0 0 30px rgba(215,182,106,.28)}
.ai-layout,.ai-inbox-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}
.ai-chat-panel{min-height:430px;display:flex;flex-direction:column}
.ai-messages{flex:1;overflow:auto;display:grid;gap:10px;align-content:start;padding:4px 0 14px;max-height:420px}
.ai-msg{max-width:82%;padding:11px 12px;border-radius:14px;font-size:10px;line-height:1.55}
.ai-msg strong{display:block;font-size:9px;margin-bottom:3px}
.ai-msg p{margin:0}
.ai-msg.bot{background:#f7f2ee;border:1px solid #eadfd8;color:#3f3337}
.ai-msg.user{background:#1f2430;color:#fff;margin-left:auto}
.ai-input-row{display:grid;grid-template-columns:1fr auto;gap:8px}
.ai-input-row input{min-width:0}
.ai-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.ai-chips button{border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:6px 9px;font-size:8.5px;font-weight:800;color:#596170;cursor:pointer}
.ai-readiness{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ai-readiness div{padding:12px;border-radius:12px;background:#f8fafc;border:1px solid #edf1f5}
.ai-readiness strong{display:block;font-size:17px}.ai-readiness span{display:block;font-size:8.5px;color:#7c8490;margin-top:2px}
.ai-upload-note{margin-top:10px;padding:10px;border-radius:10px;background:#fff8e8;border:1px solid #f3dfaa;color:#765c20;font-size:9px;line-height:1.45}
.ai-suggestion{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #edf1f5}
.ai-suggestion:last-child{border-bottom:0}.ai-suggestion strong{display:block;font-size:10px}.ai-suggestion span{display:block;font-size:8.5px;color:#7b8390;margin-top:3px}.ai-suggestion-actions{display:flex;gap:6px}.ai-suggestion-actions .btn{padding:7px 8px;font-size:8.5px}
@media(max-width:900px){.ai-layout,.ai-inbox-grid{grid-template-columns:1fr}}
@media(max-width:620px){.ai-hero{align-items:flex-start}.ai-orb{width:58px;height:58px;font-size:17px}.ai-readiness{grid-template-columns:1fr}}


/* ===== V20 REAL AI ENGINE ===== */
.ai-live-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#f8e9ee;color:#9f1239;border:1px solid #ead1da;font-size:8.5px;font-weight:950;letter-spacing:.3px}
.real-ai-hero{box-shadow:0 20px 50px rgba(66,19,38,.20)}
.ai-safety-note{margin-top:12px;padding:10px;border-radius:10px;background:#ecfdf5;border:1px solid #bbf7d0;color:#166534;font-size:9px;line-height:1.45}
.ai-msg.thinking{opacity:.7}.ai-msg.error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}
.ai-actions-list{margin-top:8px;padding:8px 9px;border-radius:9px;background:rgba(255,255,255,.55);font-size:9px;line-height:1.55}
.ai-actions-list strong{font-size:8px;text-transform:uppercase;letter-spacing:.4px}
.ai-refs{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.ai-refs span{font-size:7.5px;padding:4px 6px;border-radius:999px;background:#eee7e9;color:#65555c}
.ai-suggestion small{display:block;margin-top:3px;color:#8a93a0;font-size:7.5px;max-width:390px}
.ai-upload-panel input[type=file]{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:9px}
.ai-knowledge-panel{overflow:hidden}
.knowledge-row{padding:12px;border-bottom:1px solid #edf1f5}.knowledge-row:last-child{border-bottom:0}
.knowledge-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.knowledge-top strong{display:block;font-size:10px}.knowledge-top span{display:block;font-size:8px;color:#7b8390;margin-top:2px}
.knowledge-confidence{font-size:8px!important;font-weight:950;color:#166534!important;background:#dcfce7;padding:5px 7px;border-radius:999px}
.knowledge-row p{font-size:9px;color:#4b5563;line-height:1.5;margin:8px 0}
.knowledge-tags{display:flex;gap:6px;flex-wrap:wrap}.knowledge-tags span{font-size:7.5px;padding:5px 7px;background:#f4f1ee;color:#63575a;border-radius:999px}
.account-ai-panel{background:radial-gradient(circle at 95% 0%,rgba(215,182,106,.11),transparent 25%),linear-gradient(145deg,#fff,#fffaf7)}
.account-ai-summary strong{font-size:10px}.account-ai-summary p{font-size:9px;line-height:1.55;color:#5d6571;margin:5px 0 10px}
.account-ai-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.account-ai-mini div{padding:9px;border-radius:10px;background:#f8fafc}.account-ai-mini strong{display:block;font-size:15px}.account-ai-mini span{display:block;font-size:7.5px;color:#7b8390;margin-top:2px}

/* ==========================================================
   V21 FINAL DIGITAL EDITION
   Large typography + digital pulse + smoother interaction
   ========================================================== */
html{font-size:16px}
body{font-size:14px}
.sidebar{width:272px}.main{margin-left:272px}
.roshen-word{font-size:31px}.roshen-sub{font-size:10px}.brand small{font-size:10px;line-height:1.35}
.premium-userbox{padding:12px}.premium-userbox strong{font-size:12.5px}.premium-userbox span{font-size:10px}
.nav-primary{font-size:13px;min-height:46px;padding:0 13px}.nav-group-head{font-size:12.5px;padding:12px}.nav-subitem{font-size:11.8px;min-height:41px;padding:0 12px}.nav-group-icon,.nav-primary-icon{font-size:15px}.sidebar-version{font-size:9px}
.title h1{font-size:35px;line-height:1.1}.title p{font-size:14px}.panel-head h3,.panel h3{font-size:16px}.hint{font-size:10px}.account-name{font-size:19px}.channel,.owner{font-size:10.5px}.btn{font-size:12px}.kpi .label{font-size:11px}.kpi .value{font-size:30px}.m-label{font-size:9.5px}.m-value{font-size:14px}
input,select,textarea{font-size:13px!important}label{font-size:10px!important}

.digital-pulse{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:15px}
.digital-unit{position:relative;overflow:hidden;background:linear-gradient(145deg,#10151e,#1b2230);border:1px solid rgba(255,255,255,.07);border-radius:17px;padding:14px 15px;color:#fff;box-shadow:0 12px 28px rgba(15,20,30,.15)}
.digital-unit:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:10px 10px;pointer-events:none}
.digital-unit>span{position:relative;display:block;font-size:9px;letter-spacing:1.1px;color:#d6b969;font-weight:950}.digital-unit>strong{position:relative;display:block;font-family:"Consolas","Courier New",monospace;font-size:28px;letter-spacing:1px;margin-top:5px;color:#f8fbff;text-shadow:0 0 14px rgba(255,255,255,.12)}.digital-unit>small{position:relative;display:block;font-size:8.5px;color:#8e99a8;margin-top:2px}.digital-unit.alert>strong{color:#ff7e93;text-shadow:0 0 14px rgba(255,79,130,.20)}.kam-digital-pulse .digital-unit{background:linear-gradient(145deg,#0e1926,#14283d)}

/* smoother without over-animating */
.account,.panel,.kpi,.launch-card,.command-card,.today-card,.health-row,.nav-subitem,.btn{transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}
.account:hover,.launch-card:hover,.command-card:hover{transform:translateY(-2px)}

.ai-speed-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 9px}.ai-speed-row>span{font-size:9px;font-weight:950;color:#525a66;text-transform:uppercase;letter-spacing:.5px}.ai-speed-row small{font-size:8px;color:#89919d}.ai-mode{border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:6px 9px;font-size:8.5px;font-weight:900;color:#64748b;cursor:pointer}.ai-mode.active{background:#191f29;color:#fff;border-color:#191f29;box-shadow:0 5px 12px rgba(25,31,41,.12)}

@media(max-width:1100px){.digital-pulse{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.sidebar{width:235px}.main{margin-left:235px}.nav-primary{font-size:12px}.nav-group-head{font-size:11.5px}.nav-subitem{font-size:11px}}
@media(max-width:760px){.sidebar{width:100%}.main{margin-left:0}.digital-pulse{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.digital-pulse{grid-template-columns:1fr}.digital-unit>strong{font-size:25px}}


/* ===== V22 DIRECTOR VIEW ===== */
.view-only-mini{display:block;font-style:normal;font-size:8px;color:#d7b66a;margin-top:3px}
.director-readonly-banner{
  margin-bottom:14px;padding:11px 13px;border-radius:12px;
  background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;
  font-size:10px;font-weight:850
}
.director-private-badge{
  display:inline-flex;align-items:center;gap:5px;
  padding:6px 8px;border-radius:999px;
  background:#f3e8ff;color:#6b21a8;border:1px solid #e9d5ff;
  font-size:8.5px;font-weight:900
}
.director-comment-compose{
  background:linear-gradient(145deg,#fff,#fcf9ff);
  border:1px solid #e9ddf3;border-radius:18px;padding:16px;
  box-shadow:0 10px 24px rgba(68,33,89,.055)
}
.director-comments-list{display:grid;gap:10px}
.director-comment{
  padding:13px;border-radius:14px;background:#fff;border:1px solid #e8edf2
}
.director-comment.high{box-shadow:inset 3px 0 0 #f59e0b}
.director-comment.critical{box-shadow:inset 3px 0 0 #ef4444}
.director-comment.normal{box-shadow:inset 3px 0 0 #6366f1}
.director-comment-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.director-comment-head strong{display:block;font-size:11px}
.director-comment-head span{display:block;font-size:8.5px;color:#7c8490;margin-top:3px}
.director-comment-body{font-size:10.5px;color:#3f4651;line-height:1.55;margin-top:9px;white-space:pre-wrap}
.director-comment-actions{display:flex;justify-content:flex-end;margin-top:9px}
.director-account-comment{
  background:linear-gradient(145deg,#fff,#fcf9ff)!important;
  border-color:#eadcf4!important
}
.director-account-comment p{font-size:10px;color:#667085;line-height:1.5}


/* ==========================================================
   V23 DIRECTOR EXECUTIVE EXPERIENCE
   ========================================================== */
.director-exec-page{max-width:1500px;margin:0 auto}
.director-exec-top{
  display:flex;justify-content:space-between;align-items:flex-start;gap:20px;
  margin-bottom:16px
}
.director-kicker{
  display:block;font-size:10px;letter-spacing:1.35px;font-weight:950;
  color:#9f1239;margin-bottom:5px
}
.director-exec-top h1{font-size:36px;line-height:1.06;margin:0;color:#20242c;letter-spacing:-.8px}
.director-exec-top p{font-size:13px;color:#747d89;margin:7px 0 0}
.director-top-actions{display:flex;gap:8px;flex-wrap:wrap}

.director-digital-grid{
  display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:12px
}
.director-digital-card{
  position:relative;overflow:hidden;
  min-height:112px;padding:14px;border-radius:17px;
  background:linear-gradient(145deg,#111722,#1d2634);
  border:1px solid rgba(255,255,255,.07);
  color:#fff;box-shadow:0 12px 28px rgba(15,20,30,.13)
}
.director-digital-card:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
             linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:10px 10px
}
.director-digital-card.primary{background:linear-gradient(145deg,#391321,#7a1636)}
.director-digital-card.warning strong{color:#f5d675}
.director-digital-card.danger strong{color:#ff8da0}
.director-digital-card>span{position:relative;z-index:1;font-size:9px;color:#d8bd77;text-transform:uppercase;letter-spacing:1px;font-weight:950}
.director-digital-card>strong{
  position:relative;z-index:1;display:block;font:800 25px/1.1 Consolas,"Courier New",monospace;
  margin-top:8px;letter-spacing:.4px
}
.director-digital-card>small{position:relative;z-index:1;display:block;font-size:8.5px;color:#9ca7b7;margin-top:6px}

.director-pulse-strip{
  display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:16px
}
.pulse-status{
  display:flex;align-items:center;gap:10px;padding:11px 13px;
  border-radius:14px;background:#fff;border:1px solid #e8ebef
}
.pulse-status strong{font-size:21px}
.pulse-status span{font-size:10px;font-weight:900;color:#4d5561}
.pulse-status.healthy{box-shadow:inset 3px 0 0 #22a06b}
.pulse-status.attention{box-shadow:inset 3px 0 0 #d7a72e}
.pulse-status.critical{box-shadow:inset 3px 0 0 #e5484d}
.pulse-status.decisions{box-shadow:inset 3px 0 0 #8b5cf6}

.director-exec-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px
}
.director-exec-panel{
  background:linear-gradient(145deg,#fff,#fffdfa);
  border:1px solid #e9e4df;border-radius:18px;padding:15px;
  box-shadow:0 8px 22px rgba(36,29,31,.045)
}
.director-panel-head{
  display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px
}
.director-panel-head span{display:block;font-size:8px;color:#9f1239;letter-spacing:.9px;font-weight:950}
.director-panel-head h3{font-size:17px;margin:3px 0 0}
.director-panel-head small{font-size:8px;color:#8b929d;margin-top:3px}

.director-ranked-list{display:grid;gap:6px}
.director-rank-row{
  width:100%;display:grid;grid-template-columns:27px 1fr auto;gap:9px;align-items:center;
  border:0;background:#fafbfc;border-radius:11px;padding:9px 10px;cursor:pointer;text-align:left
}
.director-rank-row:hover{background:#f4f6f8}
.director-rank-row>b{
  width:25px;height:25px;border-radius:8px;display:grid;place-items:center;
  background:#f2e8ec;color:#8f1235;font-size:9px
}
.director-rank-row div strong{display:block;font-size:10.5px;color:#30353f}
.director-rank-row div span{display:block;font-size:8.5px;color:#7d8591;margin-top:2px}
.director-rank-row em{
  font-style:normal;font-size:9px;font-weight:950;padding:5px 7px;border-radius:999px
}
.director-rank-row em.red{background:#fee2e2;color:#991b1b}
.director-rank-row em.amber{background:#fef3c7;color:#92400e}
.director-rank-row em.green{background:#dcfce7;color:#166534}
.director-rank-row.opportunity>b{background:#eaf6ee;color:#166534}

.channel-exec-row{
  display:grid;grid-template-columns:130px 1fr 42px;gap:10px;align-items:center;margin:16px 0
}
.channel-exec-label strong{display:block;font-size:10px}
.channel-exec-label span{display:block;font-size:8px;color:#7d8591;margin-top:2px}
.channel-exec-track{height:10px;border-radius:999px;background:#edf0f3;overflow:hidden}
.channel-exec-track i{display:block;height:100%;background:linear-gradient(90deg,#8f1235,#c72b57);border-radius:999px}
.channel-exec-track.ecommerce i{background:linear-gradient(90deg,#1d4ed8,#60a5fa)}
.channel-exec-row>b{font-size:10px;text-align:right}
.director-channel-foot{display:flex;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid #edf0f3}
.director-channel-foot span{font-size:8.5px;color:#7d8591}

.director-attention-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.director-attention-list button{
  display:flex;align-items:center;gap:10px;border:1px solid #e9edf1;background:#fafbfc;
  border-radius:12px;padding:11px;text-align:left;cursor:pointer
}
.director-attention-list button:hover{background:#f4f6f8}
.director-attention-list button>strong{
  min-width:34px;font-size:19px;color:#8f1235
}
.director-attention-list span{display:block;font-size:9.5px;font-weight:900}
.director-attention-list small{display:block;font-size:8px;color:#858d99;margin-top:2px}

.director-comment-quick{
  display:grid;grid-template-columns:.65fr 1.35fr;gap:18px;
  background:linear-gradient(135deg,#20151b,#421829);
  border-radius:20px;padding:18px;color:#fff;margin-bottom:14px
}
.director-comment-copy>span{font-size:8px;letter-spacing:1px;color:#d7b66a;font-weight:950}
.director-comment-copy h3{font-size:18px;margin:5px 0}
.director-comment-copy p{font-size:9px;color:#b8afb3;margin:0}
.director-comment-compose-inline{display:grid;grid-template-columns:180px 1fr;gap:8px}
.director-comment-compose-inline textarea{min-height:72px}
.director-comment-compose-inline>div{grid-column:1/-1;display:flex;gap:8px}

.director-ai-brief{
  background:#fff;border:1px solid #eadfe4;border-radius:18px;padding:16px;
  box-shadow:0 10px 26px rgba(64,26,42,.06);margin-bottom:16px
}
.director-ai-content{font-size:10.5px;line-height:1.65;color:#434a55}
.director-ai-content h4{font-size:11px;margin:12px 0 4px}
.director-ai-content ul{padding-left:18px;margin:5px 0}
.ai-exec-loading{color:#7c8490}
.ai-exec-error{color:#9f1239}

/* Boardroom mode = cleaner presentation, not a new workflow */
body.boardroom-mode .sidebar{display:none!important}
body.boardroom-mode .main{margin-left:0!important;padding:28px 36px!important}
body.boardroom-mode .director-top-actions .btn:not(#directorBoardroom){display:none}
body.boardroom-mode .director-comment-quick{display:none}
body.boardroom-mode .director-exec-page{max-width:1700px}
body.boardroom-mode .director-digital-card>strong{font-size:30px}

@media(max-width:1250px){
  .director-digital-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .director-exec-grid{grid-template-columns:1fr}
  .director-comment-quick{grid-template-columns:1fr}
}
@media(max-width:700px){
  .director-digital-grid,.director-pulse-strip{grid-template-columns:1fr 1fr}
  .director-exec-top{flex-direction:column}
  .director-comment-compose-inline{grid-template-columns:1fr}
  .channel-exec-row{grid-template-columns:105px 1fr 38px}
}
@media(max-width:480px){
  .director-digital-grid,.director-pulse-strip{grid-template-columns:1fr}
  .director-attention-list{grid-template-columns:1fr}
}


/* ==========================================================
   V24 FINAL MULTILINGUAL INTELLIGENCE
   ========================================================== */

/* Modern, stronger customer-name typography */
.account-name,
.director-rank-row div strong,
.health-row span,
.focus-row strong,
.attention-item strong,
.quick-account-card strong,
.tracker-title,
.workflow-title,
.audit-title,
.knowledge-top strong,
.director-comment-head strong,
.manager-priority-items strong,
.kam-next-row strong{
  font-family:"Segoe UI Variable","Segoe UI","Inter","Arial",sans-serif;
  font-weight:800!important;
  letter-spacing:-.25px;
}
.account-name{
  font-size:21px!important;
  line-height:1.15;
  color:#171b22;
}
.account h2,.detail-head h2,.topbar h2{
  font-family:"Segoe UI Variable","Segoe UI","Inter","Arial",sans-serif;
  font-weight:800;
  letter-spacing:-.4px;
}
.director-rank-row div strong,
.health-row span,
.focus-row strong,
.attention-item strong{
  font-size:12px!important;
}

/* Language switcher */
.language-switcher{
  display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:11px
}
.language-switcher button{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  color:#9fa8b7;border-radius:8px;padding:6px 4px;
  font-size:9px;font-weight:900;cursor:pointer
}
.language-switcher button:hover{color:#fff;background:rgba(255,255,255,.07)}
.language-switcher button.active{
  background:linear-gradient(135deg,#8f1235,#b51d48);
  color:#fff;border-color:rgba(215,182,106,.22)
}

/* Arabic RTL */
body.rtl-ui{
  font-family:Tahoma,"Segoe UI",Arial,sans-serif;
}
body.rtl-ui .sidebar{
  left:auto;right:0;border-right:0;border-left:1px solid rgba(255,255,255,.055)
}
body.rtl-ui .main{margin-left:0;margin-right:272px}
body.rtl-ui .nav-group-head,
body.rtl-ui .nav-primary,
body.rtl-ui .nav-subitem,
body.rtl-ui .director-rank-row,
body.rtl-ui .health-row,
body.rtl-ui .focus-row,
body.rtl-ui .attention-item,
body.rtl-ui .tracker-head,
body.rtl-ui .workflow-head,
body.rtl-ui .director-panel-head{
  text-align:right;
}
body.rtl-ui .nav-group-items{padding-left:0;padding-right:10px}
body.rtl-ui input,
body.rtl-ui textarea,
body.rtl-ui select{text-align:right}
body.rtl-ui .account-name{
  font-family:Tahoma,"Segoe UI",Arial,sans-serif;
  letter-spacing:0;
}
body.rtl-ui .director-top-actions,
body.rtl-ui .action-row{direction:rtl}

/* Director intelligence */
.director-intelligence-strip{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px
}
.director-intel-card{
  background:#fff;border:1px solid #e8e4df;border-radius:15px;padding:13px;
  box-shadow:0 7px 18px rgba(35,27,30,.04)
}
.director-intel-card span{font-size:9px;color:#7a818c;text-transform:uppercase;font-weight:900}
.director-intel-card strong{display:block;font-size:21px;margin-top:5px;color:#242832}
.director-intel-card small{display:block;font-size:8.5px;color:#8b929d;margin-top:3px}
.director-intel-card.forecast{box-shadow:inset 3px 0 0 #8f1235}
.director-intel-card.decision{box-shadow:inset 3px 0 0 #d7a72e}
.director-decision-bar{
  background:#fff;border:1px solid #e9e4df;border-radius:17px;padding:14px;margin-bottom:14px
}
.director-decision-items{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.director-decision-items button{
  border:1px solid #edf0f3;background:#fafbfc;border-radius:11px;padding:9px;text-align:left;cursor:pointer
}
.director-decision-items b{display:block;font-size:7.5px;color:#9f1239;text-transform:uppercase}
.director-decision-items strong{display:block;font-size:10px;margin-top:4px}
.director-decision-items span{display:block;font-size:8px;color:#7d8591;margin-top:2px}

/* Manager intelligence */
.manager-intelligence-row{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px
}
.manager-intel-card{
  padding:13px 14px;border-radius:15px;background:linear-gradient(145deg,#fff,#fffdfb);
  border:1px solid #e9e4df
}
.manager-intel-card span{font-size:9px;text-transform:uppercase;color:#8a7480;font-weight:900}
.manager-intel-card strong{display:block;font-size:21px;margin-top:5px}
.manager-intel-card small{display:block;font-size:8.5px;color:#89919d;margin-top:3px}
.manager-priority-strip{
  display:grid;grid-template-columns:145px 1fr;gap:10px;
  background:#fff;border:1px solid #e8e4df;border-radius:16px;padding:11px;margin-bottom:13px
}
.manager-priority-title span{display:block;font-size:10px;font-weight:950}
.manager-priority-title small{display:block;font-size:8px;color:#89919d;margin-top:3px}
.manager-priority-items{display:flex;gap:7px;overflow:auto}
.manager-priority-items button{
  min-width:175px;border:1px solid #ebeff3;background:#fafbfc;border-radius:11px;padding:9px;text-align:left;cursor:pointer
}
.manager-priority-items button.red{box-shadow:inset 3px 0 0 #ef4444}
.manager-priority-items button.amber{box-shadow:inset 3px 0 0 #f59e0b}
.manager-priority-items button.blue{box-shadow:inset 3px 0 0 #3b82f6}
.manager-priority-items button.green{box-shadow:inset 3px 0 0 #22c55e}
.manager-priority-items span{display:block;font-size:8.5px;color:#4c5561;margin-top:3px}
.manager-priority-items small{display:block;font-size:7.5px;color:#8b929d;margin-top:2px}

/* KAM intelligence */
.kam-intelligence-strip{
  display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:11px
}
.kam-intel-card{
  background:#fff;border:1px solid #e8e4df;border-radius:14px;padding:11px 12px
}
.kam-intel-card span{display:block;font-size:8.5px;text-transform:uppercase;color:#8a7480;font-weight:900}
.kam-intel-card strong{display:block;font-size:19px;margin-top:4px}
.kam-intel-card small{display:block;font-size:8px;color:#89919d;margin-top:2px}
.kam-next-actions{
  background:#fff;border:1px solid #e8e4df;border-radius:16px;padding:11px;margin-bottom:12px
}
.kam-next-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px}
.kam-next-head span{font-size:10px;font-weight:950}
.kam-next-head small{font-size:8px;color:#89919d}
.kam-next-row{
  width:100%;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;
  border:0;border-bottom:1px solid #eef1f4;background:transparent;padding:9px 8px;text-align:left;cursor:pointer
}
.kam-next-row:last-child{border-bottom:0}
.kam-next-row:hover{background:#fafbfc}
.kam-next-row div span{display:block;font-size:8.5px;color:#4f5864;margin-top:2px}
.kam-next-row>small{font-size:8px;color:#818a96}
.kam-next-row.red{box-shadow:inset 3px 0 0 #ef4444}
.kam-next-row.amber{box-shadow:inset 3px 0 0 #f59e0b}
.kam-next-row.blue{box-shadow:inset 3px 0 0 #3b82f6}
.kam-next-row.green{box-shadow:inset 3px 0 0 #22c55e}

/* Boardroom RTL */
body.rtl-ui.boardroom-mode .main{margin-right:0!important}

/* Responsive */
@media(max-width:1150px){
  .director-decision-items{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:900px){
  .manager-intelligence-row,.kam-intelligence-strip,.director-intelligence-strip{grid-template-columns:1fr}
  .manager-priority-strip{grid-template-columns:1fr}
  .director-decision-items{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  body.rtl-ui .main{margin-right:0}
}
@media(max-width:520px){
  .director-decision-items{grid-template-columns:1fr}
}


/* ==========================================================
   V25 FINAL ROSHEN EXPERIENCE
   Motion + polish + trial-ready system health
   ========================================================== */

.roshen-motion-banner{
  position:relative;
  overflow:hidden;
  min-height:132px;
  border-radius:22px;
  margin-bottom:15px;
  padding:20px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  color:#fff;
  background:
    radial-gradient(circle at 82% 12%,rgba(229,188,102,.18),transparent 24%),
    radial-gradient(circle at 68% 92%,rgba(181,29,72,.22),transparent 29%),
    linear-gradient(115deg,#171219 0%,#29141d 48%,#651732 100%);
  border:1px solid rgba(255,255,255,.07);
  box-shadow:0 14px 34px rgba(41,19,29,.14);
}
.roshen-motion-banner.kam{
  background:
    radial-gradient(circle at 82% 12%,rgba(114,169,255,.12),transparent 23%),
    radial-gradient(circle at 69% 92%,rgba(181,29,72,.19),transparent 29%),
    linear-gradient(115deg,#101820 0%,#172738 48%,#4a1930 100%);
}
.motion-copy{position:relative;z-index:4;max-width:52%}
.motion-kicker{
  display:block;
  color:#e4c574;
  font-size:9px;
  letter-spacing:1.35px;
  font-weight:950;
  margin-bottom:6px
}
.motion-copy>strong{
  display:block;
  font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;
  font-size:22px;
  line-height:1.1;
  letter-spacing:-.4px
}
.motion-copy>small{
  display:block;
  margin-top:7px;
  max-width:540px;
  color:#c8c0c4;
  font-size:10px;
  line-height:1.5
}
.motion-scene{
  position:relative;
  width:340px;
  height:100px;
  flex:0 0 340px
}
.motion-glow{
  position:absolute;
  border-radius:50%;
  filter:blur(12px);
  opacity:.4
}
.motion-glow.g1{width:100px;height:100px;background:#b51d48;right:50px;top:0}
.motion-glow.g2{width:72px;height:72px;background:#d7b66a;right:160px;top:12px;opacity:.24}

/* Chocolate bar */
.choco-float{
  position:absolute;
  width:116px;height:62px;
  right:108px;top:22px;
  display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);
  gap:4px;
  padding:7px;
  border-radius:10px;
  background:#5d321f;
  box-shadow:0 10px 20px rgba(0,0,0,.25);
  transform:rotate(-8deg);
  animation:chocoFloat 5.8s ease-in-out infinite
}
.choco-piece{
  border-radius:5px;
  background:linear-gradient(145deg,#83503a,#4a271b);
  border:1px solid rgba(255,255,255,.06);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.08)
}

/* Wafer */
.wafer-float{
  position:absolute;
  left:16px;top:38px;
  display:flex;gap:3px;
  transform:rotate(16deg);
  animation:waferFloat 6.4s ease-in-out infinite
}
.wafer-float i{
  display:block;width:16px;height:66px;border-radius:7px;
  background:
    repeating-linear-gradient(45deg,#f0d69a 0 5px,#e5c47d 5px 9px);
  box-shadow:0 7px 14px rgba(0,0,0,.18)
}

/* Candy */
.candy-float{
  position:absolute;
  right:0;top:23px;
  display:flex;align-items:center;
  animation:candyFloat 5.1s ease-in-out infinite
}
.candy-float span{
  width:50px;height:44px;border-radius:50%;
  background:radial-gradient(circle at 35% 28%,#ffd7df,#d84c77 52%,#a21643 100%);
  box-shadow:0 8px 18px rgba(0,0,0,.20)
}
.candy-float b{
  width:22px;height:30px;display:block;
  background:#e9b85f;
  clip-path:polygon(0 50%,100% 0,78% 50%,100% 100%);
  opacity:.9
}
.candy-float .candy-right{transform:scaleX(-1)}

.spark{
  position:absolute;
  color:#f2d795;
  opacity:.72;
  font-size:13px;
  animation:sparkPulse 3s ease-in-out infinite
}
.spark.s1{right:84px;top:8px}
.spark.s2{right:235px;bottom:4px;animation-delay:.8s}
.spark.s3{right:8px;bottom:5px;animation-delay:1.3s}

/* Role variation */
.roshen-motion-banner.director .choco-float{animation-duration:6.5s}
.roshen-motion-banner.manager .wafer-float{animation-duration:5.6s}

/* Motion */
@keyframes chocoFloat{
  0%,100%{transform:translateY(0) rotate(-8deg)}
  50%{transform:translateY(-8px) rotate(-4deg)}
}
@keyframes waferFloat{
  0%,100%{transform:translateY(0) rotate(16deg)}
  50%{transform:translateY(7px) rotate(11deg)}
}
@keyframes candyFloat{
  0%,100%{transform:translateY(0) rotate(0)}
  50%{transform:translateY(-7px) rotate(5deg)}
}
@keyframes sparkPulse{
  0%,100%{opacity:.25;transform:scale(.85)}
  50%{opacity:1;transform:scale(1.16)}
}

/* System health */
.system-health-strip{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:12px;
  align-items:center;
  background:#fff;
  border:1px solid #e8e4df;
  border-radius:16px;
  padding:11px 13px;
  margin-bottom:14px
}
.system-health-title>span{
  display:block;font-size:8px;letter-spacing:.9px;color:#9f1239;font-weight:950
}
.system-health-title>strong{display:block;font-size:11px;margin-top:3px}
.system-health-items{
  display:grid;grid-template-columns:repeat(5,1fr);gap:7px
}
.system-health-items>div{
  min-width:0;
  padding:8px 9px;border-radius:10px;background:#f8fafc
}
.system-health-items i{
  display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px
}
.system-health-items i.ok{background:#22a06b;box-shadow:0 0 8px rgba(34,160,107,.35)}
.system-health-items i.warn{background:#d7a72e}
.system-health-items i.bad{background:#e5484d}
.system-health-items span{font-size:8.5px;font-weight:900;color:#404751}
.system-health-items small{
  display:block;font-size:7.5px;color:#89919d;margin-top:3px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}

/* Polished loading state */
.btn.is-loading{
  position:relative;
  overflow:hidden;
  opacity:.82
}
.btn.is-loading:after{
  content:"";
  position:absolute;
  left:-40%;top:0;width:35%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
  animation:loadingSweep 1.1s linear infinite
}
@keyframes loadingSweep{to{left:120%}}

/* Small final polish */
.panel,.account,.workflow-card,.director-exec-panel,.business-health{
  backdrop-filter:saturate(108%);
}
.account:hover{
  border-color:#dfd3d7;
  box-shadow:0 13px 27px rgba(40,30,34,.07)
}

/* Arabic motion layout */
body.rtl-ui .roshen-motion-banner{direction:rtl}
body.rtl-ui .motion-copy{text-align:right}
body.rtl-ui .system-health-strip{direction:rtl}
body.rtl-ui .system-health-items i{margin-right:0;margin-left:5px}

/* Reduced motion for accessibility/performance */
@media (prefers-reduced-motion: reduce){
  .choco-float,.wafer-float,.candy-float,.spark,.btn.is-loading:after{
    animation:none!important
  }
}

@media(max-width:1100px){
  .motion-scene{width:280px;flex-basis:280px;transform:scale(.88);transform-origin:right center}
  .system-health-items{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:800px){
  .roshen-motion-banner{min-height:120px}
  .motion-copy{max-width:62%}
  .motion-scene{width:220px;flex-basis:220px;transform:scale(.72)}
  .system-health-strip{grid-template-columns:1fr}
}
@media(max-width:620px){
  .roshen-motion-banner{display:block;padding:17px}
  .motion-copy{max-width:100%}
  .motion-scene{height:82px;margin:8px auto -3px;transform:scale(.68)}
  .system-health-items{grid-template-columns:1fr 1fr}
}


/* ==========================================================
   V26 PREMIUM ROSHEN LOGIN EXPERIENCE
   ========================================================== */

.premium-login-page{
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);
  position:relative;
  overflow:hidden;
  background:#f4f6fa;
}
.login-ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.ambient-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.16}
.ambient-orb.a1{width:420px;height:420px;background:#8f1235;left:-120px;top:-100px}
.ambient-orb.a2{width:300px;height:300px;background:#d7b66a;right:-80px;top:10%}
.ambient-orb.a3{width:350px;height:350px;background:#5a2b1f;left:42%;bottom:-150px;opacity:.10}

.login-brand-side{
  position:relative;
  z-index:1;
  min-height:100vh;
  padding:34px 42px 28px;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:
    radial-gradient(circle at 76% 18%,rgba(215,182,106,.16),transparent 25%),
    radial-gradient(circle at 18% 82%,rgba(181,29,72,.22),transparent 30%),
    linear-gradient(135deg,#110e13 0%,#21131a 45%,#59152e 100%);
}
.login-brand-side:after{
  content:"";
  position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);
  background-size:28px 28px;
}

.login-brand-top{
  position:relative;z-index:3;
  display:flex;justify-content:space-between;align-items:center;gap:18px
}
.login-roshen-lockup{display:flex;align-items:center;gap:12px}
.login-r-mark{
  width:48px;height:48px;border-radius:15px;
  display:grid;place-items:center;
  font:italic 800 27px Georgia,"Times New Roman",serif;
  color:#fff6e7;
  background:linear-gradient(145deg,#c22554,#7d0d2d);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 10px 25px rgba(0,0,0,.26)
}
.login-r-mark.small{width:40px;height:40px;border-radius:12px;font-size:22px}
.login-roshen-word{
  font:italic 800 30px Georgia,"Times New Roman",serif;
  letter-spacing:-.7px;color:#fff7ee;line-height:1
}
.login-roshen-word.small-word{font-size:24px}
.login-roshen-sub{
  margin-top:3px;
  color:#d7b66a;
  font-size:9px;font-weight:950;letter-spacing:1.2px;text-transform:uppercase
}
.login-security-pill{
  padding:7px 10px;border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
  color:#d8dce4;font-size:9px;font-weight:850
}

.login-brand-copy{
  position:relative;z-index:3;
  max-width:650px;
  margin:20px 0 0;
}
.login-eyebrow{
  display:block;
  color:#dfc47f;
  font-size:9px;
  letter-spacing:1.5px;
  font-weight:950;
  margin-bottom:12px
}
.login-brand-copy h1{
  font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;
  font-size:48px;
  line-height:1.04;
  letter-spacing:-1.6px;
  margin:0;
  font-weight:700
}
.login-brand-copy h1 em{
  font-style:normal;color:#fff4f7;
  text-shadow:0 5px 25px rgba(181,29,72,.20)
}
.login-brand-copy p{
  margin:18px 0 0;
  max-width:610px;
  font-size:13px;
  line-height:1.65;
  color:#c8c2c6
}
.login-feature-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:24px;
  max-width:620px
}
.login-feature-row>div{
  padding:13px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.075)
}
.login-feature-row strong{display:block;font-size:20px;color:#fff}
.login-feature-row span{display:block;margin-top:3px;font-size:8.5px;color:#adb4c0}

.login-confectionery-scene{
  position:absolute;
  z-index:2;
  right:36px;
  bottom:110px;
  width:340px;
  height:150px;
  opacity:.94
}
.login-choco{
  position:absolute;
  right:90px;top:28px;
  width:132px;height:72px;
  padding:8px;gap:5px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:repeat(2,1fr);
  border-radius:12px;
  background:#552d20;
  transform:rotate(-8deg);
  box-shadow:0 16px 28px rgba(0,0,0,.28);
  animation:loginChocoFloat 6s ease-in-out infinite
}
.login-choco i{
  border-radius:6px;
  background:linear-gradient(145deg,#86513a,#42241a);
  border:1px solid rgba(255,255,255,.055)
}
.login-wafer{
  position:absolute;left:18px;top:50px;
  display:flex;gap:4px;
  transform:rotate(18deg);
  animation:loginWaferFloat 6.8s ease-in-out infinite
}
.login-wafer b{
  display:block;width:17px;height:74px;border-radius:8px;
  background:repeating-linear-gradient(45deg,#f0d89e 0 5px,#e2bf76 5px 10px);
  box-shadow:0 8px 15px rgba(0,0,0,.20)
}
.login-candy{
  position:absolute;right:0;top:42px;
  display:flex;align-items:center;
  animation:loginCandyFloat 5.2s ease-in-out infinite
}
.login-candy span{
  width:58px;height:52px;border-radius:50%;
  background:radial-gradient(circle at 34% 28%,#ffd9e0,#d94a75 52%,#9e173f 100%);
  box-shadow:0 10px 20px rgba(0,0,0,.22)
}
.login-candy i{
  width:25px;height:34px;
  background:#e7b858;
  clip-path:polygon(0 50%,100% 0,78% 50%,100% 100%)
}
.login-candy i:last-child{transform:scaleX(-1)}
.login-spark{position:absolute;color:#f0d38e;animation:loginSpark 3.2s ease-in-out infinite}
.login-spark.sp1{right:72px;top:10px}
.login-spark.sp2{right:225px;bottom:8px;animation-delay:.9s}
.login-spark.sp3{left:86px;top:15px;animation-delay:1.4s}

.login-brand-footer{
  position:relative;z-index:3;
  display:flex;gap:10px;align-items:center;
  color:#939baa;font-size:8.5px;font-weight:800;letter-spacing:.4px
}
.login-brand-footer i{font-style:normal;color:#d7b66a}

.login-form-side{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:40px 34px;
  background:
    radial-gradient(circle at 20% 20%,rgba(181,29,72,.035),transparent 24%),
    linear-gradient(180deg,#f7f9fc,#eef2f8);
}
.premium-login-card{
  width:min(100%,500px);
  background:rgba(255,255,255,.93);
  border:1px solid #e5e9ef;
  border-radius:26px;
  padding:32px;
  box-shadow:0 22px 60px rgba(38,48,66,.12);
  backdrop-filter:blur(12px)
}
.mobile-login-brand{display:none;align-items:center;gap:10px;margin-bottom:24px}
.login-card-head{margin-bottom:24px}
.login-card-kicker{
  display:block;
  color:#9f1239;
  font-size:9px;
  letter-spacing:1.2px;
  font-weight:950;
  margin-bottom:8px
}
.login-card-head h2{
  font-size:30px;
  line-height:1.05;
  margin:0;
  color:#1e2430;
  letter-spacing:-.7px
}
.login-card-head p{font-size:11px;color:#7b8491;line-height:1.5;margin:8px 0 0}

.login-form label{
  display:block;
  font-size:9.5px!important;
  color:#59616d;
  font-weight:900;
  margin:12px 0 6px
}
.premium-input-wrap{
  display:grid;
  grid-template-columns:32px 1fr;
  align-items:center;
  min-height:52px;
  background:#f7f9fc;
  border:1px solid #dfe5ed;
  border-radius:14px;
  transition:.16s
}
.premium-input-wrap:focus-within{
  border-color:#b51d48;
  box-shadow:0 0 0 3px rgba(181,29,72,.07);
  background:#fff
}
.premium-input-wrap>span{
  text-align:center;
  font-size:12px;
  color:#9b7d88
}
.premium-input-wrap input{
  width:100%;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  padding:0 12px 0 0!important;
  min-height:50px;
  font-size:13px!important;
  color:#1f2937
}
.premium-input-wrap input::placeholder{color:#9ba3af}

.premium-signin-btn{
  width:100%;
  min-height:54px;
  margin-top:18px;
  border:0;
  border-radius:14px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 17px;
  cursor:pointer;
  color:#fff;
  font-size:12px;
  font-weight:900;
  background:linear-gradient(135deg,#8f1235,#bd2450);
  box-shadow:0 12px 24px rgba(143,18,53,.20);
  transition:.18s
}
.premium-signin-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 28px rgba(143,18,53,.25)
}
.premium-signin-btn b{
  display:grid;place-items:center;
  width:29px;height:29px;border-radius:9px;
  background:rgba(255,255,255,.12);
  font-size:15px
}
.premium-auth-msg:empty{display:none}
.premium-auth-msg{
  margin-top:12px;
  padding:10px 11px;
  border-radius:10px;
  background:#fff1f2;
  border:1px solid #fecdd3;
  color:#9f1239;
  font-size:9px;
  line-height:1.45
}
.login-card-divider{
  position:relative;
  display:flex;
  justify-content:center;
  margin:24px 0 17px;
  border-top:1px solid #e8ecf1
}
.login-card-divider span{
  position:relative;
  top:-7px;
  padding:0 10px;
  background:#fff;
  color:#9aa2ad;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.7px;
  font-weight:850
}
.login-access-note{
  display:flex;gap:10px;
  padding:11px;
  border-radius:12px;
  background:#fafbfc;
  border:1px solid #edf0f3
}
.access-lock{
  width:31px;height:31px;border-radius:9px;
  display:grid;place-items:center;
  background:#f4e8ed;
  flex:0 0 auto
}
.login-access-note strong{display:block;font-size:9px;color:#414854}
.login-access-note p{font-size:8px;color:#8b929e;margin:3px 0 0}
.login-create{
  display:flex;justify-content:center;gap:6px;align-items:center;
  margin-top:18px;
  color:#7f8792;
  font-size:9.5px
}
.login-create button{
  border:0;background:transparent;
  padding:0;color:#9f1239;
  font-weight:900;cursor:pointer
}
.login-powered{
  display:flex;align-items:center;gap:7px;
  color:#7f8794;font-size:8px;font-weight:700
}
.status-dot{
  width:7px;height:7px;border-radius:50%;
  background:#22a06b;
  box-shadow:0 0 8px rgba(34,160,107,.35)
}

@keyframes loginChocoFloat{
  0%,100%{transform:translateY(0) rotate(-8deg)}
  50%{transform:translateY(-9px) rotate(-4deg)}
}
@keyframes loginWaferFloat{
  0%,100%{transform:translateY(0) rotate(18deg)}
  50%{transform:translateY(8px) rotate(13deg)}
}
@keyframes loginCandyFloat{
  0%,100%{transform:translateY(0) rotate(0)}
  50%{transform:translateY(-8px) rotate(5deg)}
}
@keyframes loginSpark{
  0%,100%{opacity:.25;transform:scale(.85)}
  50%{opacity:1;transform:scale(1.17)}
}

@media(max-width:1100px){
  .premium-login-page{grid-template-columns:1fr 460px}
  .login-brand-copy h1{font-size:40px}
  .login-confectionery-scene{transform:scale(.86);transform-origin:right bottom}
}
@media(max-width:900px){
  .premium-login-page{display:block;min-height:100vh}
  .login-brand-side{display:none}
  .login-form-side{min-height:100vh;padding:28px 20px}
  .mobile-login-brand{display:flex}
  .premium-login-card{padding:27px}
}
@media(max-width:520px){
  .premium-login-card{padding:22px;border-radius:21px}
  .login-card-head h2{font-size:27px}
  .premium-login-page{background:#eef2f7}
}

@media(prefers-reduced-motion:reduce){
  .login-choco,.login-wafer,.login-candy,.login-spark{
    animation:none!important
  }
}


/* ==========================================================
   V27 STABILITY & PERFORMANCE EDITION
   ========================================================== */

.global-busy{
  position:fixed;
  z-index:99999;
  top:18px;
  left:50%;
  transform:translate(-50%,-16px);
  display:flex;
  align-items:center;
  gap:9px;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(18,22,29,.94);
  color:#fff;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 30px rgba(0,0,0,.20);
  opacity:0;
  pointer-events:none;
  transition:.18s ease;
}
.global-busy.show{
  opacity:1;
  transform:translate(-50%,0);
}
.global-busy strong{
  font-size:9px;
  font-weight:850;
}
.busy-spinner{
  width:13px;
  height:13px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.25);
  border-top-color:#d7b66a;
  animation:busySpin .72s linear infinite;
}
@keyframes busySpin{to{transform:rotate(360deg)}}

.workspace-meta{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:7px;
  min-height:26px;
  margin:-2px 0 8px;
  color:#8a929d;
  font-size:8px;
}
.workspace-meta strong{color:#5b6470}
.workspace-meta button{
  border:1px solid #e4e8ed;
  background:#fff;
  color:#5d6570;
  border-radius:8px;
  padding:5px 7px;
  font-size:8px;
  font-weight:850;
  cursor:pointer;
}
.workspace-meta button:hover{background:#f7f9fb}
.workspace-meta button:disabled{opacity:.6;cursor:default}
.workspace-live-dot{
  width:6px;height:6px;border-radius:50%;
  background:#22a06b;
  box-shadow:0 0 7px rgba(34,160,107,.35)
}

.runtime-error-banner{
  display:none;
  margin-bottom:10px;
  padding:9px 11px;
  border-radius:10px;
  border:1px solid #fecdd3;
  background:#fff1f2;
  color:#9f1239;
  font-size:9px;
  line-height:1.4;
}
.runtime-error-banner.show{display:block}

button.is-loading{
  cursor:wait!important;
  opacity:.78;
}

@media(prefers-reduced-motion:reduce){
  .global-busy,.busy-spinner{transition:none;animation:none}
}

/* ===== V28 PUBLIC REGISTRATION + MANAGER APPROVAL ===== */
.access-gate-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 20% 10%,rgba(181,29,72,.08),transparent 28%),linear-gradient(145deg,#eef2f8,#faf8f5)}
.access-gate-card{width:min(100%,560px);background:#fff;border:1px solid #e6e8ed;border-radius:26px;padding:32px;text-align:center;box-shadow:0 24px 65px rgba(31,39,52,.12)}
.access-gate-brand{display:flex;justify-content:center;align-items:center;gap:9px;margin-bottom:22px}.access-r{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#c22554,#7d0d2d);color:#fff;font:italic 800 22px Georgia}.access-gate-brand strong{font:italic 800 25px Georgia;color:#7f1232}.access-state-icon{width:68px;height:68px;margin:0 auto 14px;border-radius:20px;display:grid;place-items:center;background:#fff7df;color:#9a6b00;font-size:27px}.access-gate-card.rejected .access-state-icon{background:#fff1f2;color:#be123c}.access-state-kicker{display:block;color:#9f1239;font-size:9px;font-weight:950;letter-spacing:1.2px}.access-gate-card h1{font-size:28px;letter-spacing:-.6px;color:#202631;margin:7px 0}.access-gate-card>p{font-size:11px;line-height:1.65;color:#737d8a;max-width:470px;margin:0 auto}.access-user-box{margin:20px 0 16px;padding:12px;border-radius:13px;background:#f8fafc;border:1px solid #edf0f3}.access-user-box span,.access-user-box small{display:block;font-size:8px;color:#8b94a0}.access-user-box strong{display:block;font-size:12px;color:#323844;margin:3px}.access-steps{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:7px;margin:18px 0}.access-steps>div{display:grid;gap:4px;justify-items:center}.access-steps b{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:#edf1f5;color:#737c88;font-size:9px}.access-steps .done b{background:#dcfce7;color:#166534}.access-steps .active b{background:#f4e8ed;color:#9f1239}.access-steps span{font-size:7.5px;color:#7e8793}.access-steps i{height:1px;background:#e1e5eb}.access-gate-actions{display:flex;justify-content:center;gap:8px;margin-top:18px}.access-security{display:block!important;margin-top:17px;color:#89929e;font-size:8px!important}
.access-requests-panel{background:linear-gradient(145deg,#fff,#fffbf7);border:1px solid #eadfd8;border-radius:18px;padding:15px;margin-bottom:16px;box-shadow:0 9px 22px rgba(45,32,37,.05)}.access-request-count{padding:6px 9px;border-radius:999px;background:#fff1cf;color:#8a6000;font-size:8px;font-weight:950}.access-request-list{display:grid;gap:8px}.access-request-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px;border-radius:13px;background:#fafbfc;border:1px solid #eceff3}.access-request-user{display:flex;align-items:center;gap:10px;min-width:0}.access-request-avatar{width:36px;height:36px;flex:0 0 auto;border-radius:11px;display:grid;place-items:center;background:#f1e5ea;color:#97143b;font-weight:950}.access-request-user strong{display:block;font-size:11px}.access-request-user span:not(.access-request-avatar){display:block;font-size:8.5px;color:#68717e;margin-top:2px}.access-request-user small{display:block;font-size:7.5px;color:#969da7;margin-top:2px}.access-request-controls{display:flex;align-items:center;gap:7px}.access-request-controls select{min-width:110px}.danger-btn{color:#b42318!important}.access-all-clear{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#f0fdf4;border:1px solid #bbf7d0;margin-bottom:16px}.access-all-clear>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#dcfce7;color:#166534;font-weight:950}.access-all-clear strong{display:block;font-size:10px}.access-all-clear small{display:block;font-size:8px;color:#738078;margin-top:2px}
@media(max-width:700px){.access-request-row{align-items:flex-start;flex-direction:column}.access-request-controls{width:100%;flex-wrap:wrap}.access-request-controls select{flex:1}.access-steps{grid-template-columns:auto 1fr auto 1fr auto}.access-gate-card{padding:24px}}