@import url("https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap");

:root{
  --a:#8b5cf6; --b:#06b6d4; --c:#f472b6;
  --bg:#070a18; --panel:rgba(255,255,255,.06); --txt:#eef2ff; --mut:#9aa3cf;
  --line:rgba(255,255,255,.12); --ok:#34d399; --warn:#fbbf24; --danger:#fb7185;
  --r:20px;
}
*{box-sizing:border-box}
html{font-feature-settings:"ss01";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body{margin:0;font-family:"Vazirmatn",Tahoma,Arial,sans-serif;color:var(--txt);overflow-x:hidden;
  background:
    radial-gradient(900px 500px at 12% -5%,color-mix(in srgb,var(--a) 30%,transparent),transparent 60%),
    radial-gradient(800px 500px at 95% 8%,color-mix(in srgb,var(--b) 24%,transparent),transparent 55%),
    var(--bg);
  min-height:100vh}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
.hidden{display:none!important}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:20px}

/* floating background orbs */
.orb{position:fixed;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none;z-index:0;animation:float 9s infinite alternate ease-in-out}
.orb1{width:280px;height:280px;background:var(--a);left:4%;top:14%}
.orb2{width:360px;height:360px;background:var(--b);right:8%;bottom:8%;animation-delay:1.5s}
@keyframes float{to{transform:translate3d(28px,-28px,0) rotate(18deg)}}

/* ---------------- Login ---------------- */
.auth{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;
  background:radial-gradient(1000px 700px at 50% -10%,rgba(139,92,246,.22),transparent 60%),var(--bg)}
.auth-card{width:min(420px,94vw);padding:34px 30px;border-radius:28px;border:1px solid var(--line);
  background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));
  box-shadow:0 40px 120px rgba(0,0,0,.5);backdrop-filter:blur(22px);position:relative;z-index:1}
.auth-logo{width:64px;height:64px;border-radius:20px;margin:0 auto 16px;
  background:linear-gradient(135deg,var(--a),var(--b));box-shadow:0 22px 50px color-mix(in srgb,var(--a) 45%,transparent);
  transform:rotateX(22deg) rotateY(-22deg)}
.auth h1{text-align:center;margin:6px 0 2px;font-size:24px}
.auth p{text-align:center;color:var(--mut);margin:0 0 22px;font-size:14px}
.auth label{display:block;margin:0 0 14px}
.auth label span{display:block;margin-bottom:7px;color:var(--mut);font-size:13px}
.auth-err{color:var(--danger);text-align:center;min-height:20px;font-size:13px;margin-bottom:6px}
.auth-hint{text-align:center;color:var(--mut);font-size:12px;margin-top:16px}

input,select,textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line);
  background:rgba(0,0,0,.28);color:var(--txt);outline:none;font-size:14px;transition:.15s}
input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--a) 60%,transparent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 18%,transparent)}
select option{background:#11152b}
textarea{resize:vertical;min-height:80px}

/* buttons */
.btn{border:0;border-radius:14px;padding:11px 16px;cursor:pointer;font-size:14px;font-weight:600;
  background:rgba(255,255,255,.08);color:var(--txt);transition:.15s;border:1px solid var(--line)}
.btn:hover{background:rgba(255,255,255,.14)}
.btn.primary{background:linear-gradient(135deg,var(--a),var(--b));border:0;
  box-shadow:0 14px 32px color-mix(in srgb,var(--a) 32%,transparent)}
.btn.primary:hover{filter:brightness(1.08)}
.btn.danger{background:rgba(251,113,133,.16);border-color:rgba(251,113,133,.4);color:#fecdd3}
.btn.block{width:100%;justify-content:center}
.btn.sm{padding:7px 11px;font-size:12.5px;border-radius:11px}

/* ---------------- App shell ---------------- */
.app{display:grid;grid-template-columns:268px 1fr;min-height:100vh;position:relative;z-index:1}
.side{padding:22px 18px;border-left:1px solid var(--line);position:sticky;top:0;height:100vh;overflow:auto;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));backdrop-filter:blur(16px)}
.brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}
.brand .cube{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,var(--a),var(--b));
  box-shadow:0 18px 44px color-mix(in srgb,var(--a) 40%,transparent);transform:rotateX(24deg) rotateY(-24deg)}
.brand b{display:block;font-size:18px}
.brand small{color:var(--mut);font-size:12px}
.nav{display:grid;gap:5px}
.nav a{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:14px;color:var(--mut);
  cursor:pointer;font-size:14.5px;transition:.13s;border:1px solid transparent}
.nav a .ico{width:20px;text-align:center;font-size:16px;opacity:.9}
.nav a:hover{background:rgba(255,255,255,.06);color:var(--txt)}
.nav a.active{background:linear-gradient(135deg,color-mix(in srgb,var(--a) 30%,transparent),color-mix(in srgb,var(--b) 22%,transparent));
  color:#fff;border-color:var(--line);box-shadow:inset 0 0 0 1px var(--line)}
.nav .sep{margin:12px 8px 6px;font-size:11px;color:var(--mut);opacity:.6;letter-spacing:.5px}
.side-foot{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.themes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.swatch{width:26px;height:26px;border-radius:9px;cursor:pointer;border:2px solid transparent;transition:.12s}
.swatch:hover{transform:scale(1.1)}
.swatch.on{border-color:#fff}
.sw-violet{background:linear-gradient(135deg,#8b5cf6,#06b6d4)}
.sw-cyan{background:linear-gradient(135deg,#06b6d4,#3b82f6)}
.sw-gold{background:linear-gradient(135deg,#f59e0b,#ef4444)}
.sw-emerald{background:linear-gradient(135deg,#10b981,#22c55e)}
.sw-rose{background:linear-gradient(135deg,#f43f5e,#a855f7)}

/* main */
.main{padding:24px 28px 48px;min-width:0}
.topbar{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap}
.topbar h1{margin:0;font-size:24px}
.topbar .sub{color:var(--mut);font-size:13px;margin-top:3px}
.search{display:flex;gap:8px;flex:1;max-width:520px;min-width:220px}
.search input{border-radius:14px}
.usermenu{display:flex;align-items:center;gap:10px}
.avatar{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-weight:700;
  background:linear-gradient(135deg,var(--a),var(--b));color:#fff}
.usermenu .who b{display:block;font-size:14px}
.usermenu .who small{color:var(--mut);font-size:12px}

.view{display:none;animation:fade .25s ease}
.view.show{display:block}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.panel,.card,.tablewrap{border:1px solid var(--line);border-radius:var(--r);
  background:linear-gradient(155deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
  box-shadow:0 22px 60px rgba(0,0,0,.28);backdrop-filter:blur(14px)}
.panel{padding:20px;margin-bottom:18px}
.panel h3{margin:0 0 14px;font-size:16px}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.spread{justify-content:space-between}
.muted{color:var(--mut)}

/* hero */
.hero{display:grid;grid-template-columns:1fr 300px;gap:18px;align-items:center;overflow:hidden;
  padding:28px;border-radius:26px;border:1px solid var(--line);margin-bottom:18px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--a) 26%,transparent),color-mix(in srgb,var(--b) 16%,transparent))}
.hero h2{margin:0 0 8px;font-size:28px}
.hero p{color:#e7ebff;margin:0;max-width:560px;line-height:1.9}
.holo{display:grid;place-items:center;perspective:800px}
.holo span{width:150px;height:150px;border-radius:30px;background:linear-gradient(135deg,#fff3,var(--a),var(--b));
  box-shadow:0 28px 80px var(--a);transform:rotateX(52deg) rotateZ(45deg);animation:spin 6s infinite linear}
@keyframes spin{to{transform:rotateX(52deg) rotateZ(405deg)}}

/* kpi cards */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.kpi{padding:18px;border-radius:var(--r);border:1px solid var(--line);
  background:linear-gradient(155deg,rgba(255,255,255,.1),rgba(255,255,255,.03));transition:.18s;cursor:default}
.kpi:hover{transform:translateY(-4px)}
.kpi .k-ico{font-size:20px;margin-bottom:8px;opacity:.85}
.kpi small{color:var(--mut);font-size:12.5px}
.kpi b{display:block;font-size:26px;margin-top:6px}
.kpi.warn b{color:var(--warn)} .kpi.danger b{color:var(--danger)} .kpi.ok b{color:var(--ok)}

.grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}

/* bars */
.bar-row{display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:12px;margin:11px 0}
.bar-row .lbl{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bar{height:12px;border-radius:20px;background:rgba(255,255,255,.09);overflow:hidden}
.bar i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,var(--a),var(--b));
  box-shadow:0 0 16px color-mix(in srgb,var(--b) 50%,transparent)}
.bar-row b{font-size:13px;min-width:44px;text-align:left}

/* toolbar + table */
.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.toolbar .grow{flex:1}
.tablewrap{overflow:auto;border-radius:var(--r);margin-bottom:14px}
table{width:100%;border-collapse:collapse;min-width:760px}
th,td{padding:13px 14px;text-align:right;border-bottom:1px solid var(--line);font-size:13.5px;white-space:nowrap}
th{position:sticky;top:0;background:#11152b;color:#cfd6ff;z-index:1;font-weight:600}
tbody tr:hover td{background:rgba(255,255,255,.045)}
td .row-actions{display:flex;gap:6px}
.pager{display:flex;gap:14px;justify-content:center;align-items:center;margin-top:8px}

.pill{display:inline-block;padding:4px 11px;border-radius:999px;font-size:12px;background:rgba(255,255,255,.1);border:1px solid var(--line)}
.pill.ok{background:rgba(52,211,153,.16);color:#bbf7d0;border-color:rgba(52,211,153,.3)}
.pill.warn{background:rgba(251,191,36,.16);color:#fde68a;border-color:rgba(251,191,36,.3)}
.pill.danger{background:rgba(251,113,133,.16);color:#fecdd3;border-color:rgba(251,113,133,.3)}
.pill.mut{color:var(--mut)}

.tag{display:inline-block;font-size:11px;padding:3px 8px;border-radius:8px;background:rgba(255,255,255,.08);
  border:1px solid var(--line);margin:2px}

/* empty state */
.empty{text-align:center;padding:48px 20px;color:var(--mut)}
.empty .big{font-size:42px;opacity:.5;margin-bottom:10px}

/* import drop */
.drop{border:2px dashed var(--line);border-radius:24px;padding:42px 24px;text-align:center;
  background:rgba(255,255,255,.03);transition:.15s}
.drop.over{border-color:var(--a);background:color-mix(in srgb,var(--a) 10%,transparent)}
.progress{height:14px;border-radius:30px;background:rgba(255,255,255,.1);overflow:hidden;margin:16px 0}
.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--a),var(--b),var(--c));
  box-shadow:0 0 18px var(--b);transition:width .2s}
pre.log{background:rgba(0,0,0,.32);padding:14px;border-radius:16px;max-height:220px;overflow:auto;
  font-size:12.5px;line-height:1.7;margin:0}

/* leads kanban */
.kanban{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.lane{border:1px solid var(--line);border-radius:18px;padding:12px;min-height:260px;background:rgba(255,255,255,.04)}
.lane h4{margin:0 0 12px;font-size:13.5px;display:flex;justify-content:space-between;align-items:center}
.lane h4 .cnt{font-size:11px;color:var(--mut);background:rgba(255,255,255,.1);border-radius:999px;padding:2px 8px}
.deal{padding:12px;border-radius:14px;margin-bottom:10px;cursor:grab;
  background:linear-gradient(155deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid var(--line)}
.deal:active{cursor:grabbing}
.deal b{display:block;font-size:13.5px;margin-bottom:4px}
.deal small{color:var(--mut);font-size:11.5px}
.lane.dragover{border-color:var(--a);background:color-mix(in srgb,var(--a) 9%,transparent)}

/* modal */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.62);display:none;place-items:center;z-index:60;padding:18px;backdrop-filter:blur(4px)}
.modal.show{display:grid}
.modal-box{width:min(860px,96vw);max-height:90vh;overflow:auto;border:1px solid var(--line);
  background:#0e1226;border-radius:24px;padding:24px;box-shadow:0 50px 140px #000}
.modal-box h2{margin:0 0 18px;font-size:20px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.form-grid label{display:block}
.form-grid label span{display:block;margin-bottom:6px;color:var(--mut);font-size:12.5px}
.form-grid .full{grid-column:1/-1}
.modal-actions{display:flex;gap:10px;justify-content:flex-start;margin-top:20px}
.custom-block{grid-column:1/-1;border-top:1px dashed var(--line);padding-top:14px;margin-top:4px}
.custom-block .ttl{color:var(--c);font-size:13px;font-weight:700;margin-bottom:12px}

/* detail rows */
.detail{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 22px}
.detail .d{padding:10px 0;border-bottom:1px solid var(--line)}
.detail .d small{display:block;color:var(--mut);font-size:12px;margin-bottom:3px}
.detail .full{grid-column:1/-1}

/* toast */
.toast-wrap{position:fixed;bottom:20px;left:20px;z-index:80;display:grid;gap:10px}
.toast{padding:13px 18px;border-radius:14px;border:1px solid var(--line);background:#141936;
  box-shadow:0 20px 50px rgba(0,0,0,.45);animation:slidein .25s ease;font-size:14px;max-width:360px}
.toast.ok{border-color:rgba(52,211,153,.4)} .toast.err{border-color:rgba(251,113,133,.45)}
@keyframes slidein{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:none}}

/* themes */
body.theme-cyan{--a:#06b6d4;--b:#3b82f6;--c:#22d3ee}
body.theme-gold{--a:#f59e0b;--b:#ef4444;--c:#f97316}
body.theme-emerald{--a:#10b981;--b:#22c55e;--c:#a7f3d0}
body.theme-rose{--a:#f43f5e;--b:#a855f7;--c:#fecdd3}
body.reduce-motion *{animation:none!important;transition:none!important}

/* responsive */
@media(max-width:1000px){
  .app{grid-template-columns:1fr}
  .side{position:relative;height:auto;border-left:0;border-bottom:1px solid var(--line)}
  .nav{grid-template-columns:repeat(2,1fr);display:grid}
  .kpis,.grid2,.grid3,.kanban{grid-template-columns:1fr}
  .hero{grid-template-columns:1fr}.holo{display:none}
  .form-grid,.detail{grid-template-columns:1fr}
}

/* ---------- Phase 1 additions: tabs, cards, customer 360, timeline, sms ---------- */
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px;border-bottom:1px solid var(--line);padding-bottom:10px}
.tab-btn{border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--mut);border-radius:12px;padding:8px 14px;cursor:pointer;font-size:13px;font-family:inherit;transition:.13s}
.tab-btn:hover{color:var(--txt)}
.tab-btn.on{background:linear-gradient(135deg,var(--a),var(--b));color:#fff;border-color:transparent}
.tab-panel{display:none}.tab-panel.on{display:block}
.dup-warn{color:var(--warn);font-size:13px;min-height:18px;margin:8px 2px 0;text-align:center}

.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-bottom:14px}
.pcard{border:1px solid var(--line);border-radius:18px;padding:16px;cursor:pointer;transition:.16s;
  background:linear-gradient(155deg,rgba(255,255,255,.09),rgba(255,255,255,.03))}
.pcard:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--a) 50%,transparent)}
.pcard-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.pcard b{display:block;margin-bottom:6px;font-size:15px}

/* customer 360 header */
.c360-head{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center}
.c360-id{display:flex;gap:14px;align-items:center}
.avatar.lg{width:62px;height:62px;border-radius:18px;font-size:26px}
.c360-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ring-score{--p:50;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(var(--a) calc(var(--p)*1%),rgba(255,255,255,.1) 0);position:relative}
.ring-score::before{content:'';position:absolute;inset:7px;border-radius:50%;background:#0e1226}
.ring-score b{position:relative;font-size:16px}
.c360-score{text-align:center;display:grid;gap:6px;justify-items:center}

/* timeline */
.timeline{position:relative;padding-right:8px}
.tl-item{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-right:2px solid var(--line);margin-right:14px;padding-right:18px;position:relative}
.tl-dot{position:absolute;right:-15px;top:8px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--a),var(--b));font-size:13px;box-shadow:0 0 0 4px #0e1226}

/* insured search-select */
.ins-pick{position:relative}
.ins-pick-results{position:absolute;top:100%;left:0;right:0;z-index:5;background:#11152b;border:1px solid var(--line);
  border-radius:12px;margin-top:4px;max-height:220px;overflow:auto;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.ins-pick-results:empty{display:none}
.ins-pick-item{padding:10px 12px;cursor:pointer;font-size:13px;display:flex;justify-content:space-between;gap:8px}
.ins-pick-item:hover{background:rgba(255,255,255,.08)}
.ins-pick-item small{color:var(--mut)}
@media(max-width:1000px){.c360-head{grid-template-columns:1fr}.c360-actions{justify-content:flex-start}}

/* ---------- CEO dashboard cockpit ---------- */
.ceo-hero .pill{background:rgba(255,255,255,.14)}
.ai-insight{background:linear-gradient(155deg,color-mix(in srgb,var(--a) 18%,transparent),rgba(255,255,255,.03))}
.ai-tip{padding:11px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid var(--line);margin-bottom:10px;font-size:13.5px;line-height:1.9}
.ai-tip::before{content:'▸ ';color:var(--a)}
.alert-row{padding:11px 14px;border-radius:14px;margin-bottom:10px;font-size:13.5px;border:1px solid var(--line);background:rgba(255,255,255,.05)}
.alert-row.danger{background:rgba(251,113,133,.14);border-color:rgba(251,113,133,.35);color:#fecdd3}
.alert-row.warn{background:rgba(251,191,36,.13);border-color:rgba(251,191,36,.32);color:#fde68a}
.alert-row.ok{background:rgba(52,211,153,.13);border-color:rgba(52,211,153,.3);color:#bbf7d0}
.mini-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mini-kpis>div{padding:13px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid var(--line);text-align:center}
.mini-kpis small{color:var(--mut);font-size:11.5px;display:block;margin-bottom:6px}
.mini-kpis b{font-size:20px}
.mini-kpis b.danger{color:var(--danger)}.mini-kpis b.warn{color:var(--warn)}
@media(max-width:1000px){.mini-kpis{grid-template-columns:repeat(2,1fr)}}

/* ===== Karafarin theme: 3D logo, per-type icons, color duos ===== */
.auth-logo,.brand .cube{background:none!important;box-shadow:none!important;border-radius:0!important}
.logo-stage{perspective:600px;display:grid;place-items:center;margin-bottom:6px}
.auth-logo{width:90px;height:90px}
.brand .cube{width:50px;height:50px;object-fit:contain}
.logo3d{transform:rotateX(15deg) rotateY(-15deg);transform-style:preserve-3d;animation:logofloat 5s ease-in-out infinite;
  filter:drop-shadow(0 7px 10px rgba(0,0,0,.55)) drop-shadow(0 0 12px color-mix(in srgb,var(--a) 80%,transparent)) drop-shadow(0 0 4px rgba(244,224,9,.5))}
@keyframes logofloat{0%,100%{transform:rotateX(15deg) rotateY(-15deg) translateY(0)}50%{transform:rotateX(15deg) rotateY(-15deg) translateY(-7px)}}
.auth{background:radial-gradient(1000px 700px at 50% -10%,color-mix(in srgb,var(--a) 24%,transparent),transparent 60%),var(--bg)!important}

.ins-ico{width:40px;height:40px;border-radius:12px;display:inline-grid;place-items:center;vertical-align:middle;flex:none;
  background:linear-gradient(145deg,color-mix(in srgb,var(--a) 82%,#000),color-mix(in srgb,var(--b) 88%,#000));
  box-shadow:0 8px 16px rgba(0,0,0,.45),inset 0 2px 0 rgba(255,255,255,.30)}
.ins-ico svg{width:23px;height:23px;fill:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}
.ins-ico.sm{width:28px;height:28px;border-radius:9px}.ins-ico.sm svg{width:16px;height:16px}
.pcard .ins-ico{width:48px;height:48px;margin-bottom:10px}.pcard .ins-ico svg{width:27px;height:27px}
td .ins-type{display:flex;gap:8px;align-items:center}

.cards-grid{perspective:1100px}
.pcard{transition:transform .25s,box-shadow .25s;transform-style:preserve-3d}
.pcard:hover{transform:translateY(-6px) rotateX(5deg) rotateY(-6deg);box-shadow:0 32px 64px rgba(0,0,0,.5)}
.kpi[data-drill]{cursor:pointer}
.kpi[data-drill]:hover{border-color:color-mix(in srgb,var(--a) 55%,transparent)}
.themes{gap:9px}
.swatch{width:30px;height:24px}

/* urgent badge + edit mode */
.nav-badge{margin-inline-start:auto;background:var(--danger);color:#fff;font-size:11px;min-width:20px;height:20px;
  border-radius:999px;display:grid;place-items:center;padding:0 6px;box-shadow:0 0 10px rgba(251,113,133,.6)}
.nav a{position:relative}
body.edit-mode #app *:not(input):not(select):not(textarea):not(svg):not(path):hover{outline:1px dashed var(--c);cursor:text}
#editModeBtn.primary{box-shadow:0 0 0 2px var(--c)}

/* dashboard hero 3D logo (replaces spinning square) */
.holo-logo{width:150px;height:150px;animation:logofloat 5s ease-in-out infinite;
  filter:drop-shadow(0 10px 16px rgba(0,0,0,.55)) drop-shadow(0 0 18px color-mix(in srgb,var(--a) 80%,transparent)) drop-shadow(0 0 6px rgba(244,224,9,.45))}
@keyframes logofloat{0%,100%{transform:rotateX(16deg) rotateY(-16deg) translateY(0)}50%{transform:rotateX(16deg) rotateY(-16deg) translateY(-9px)}}
.auth-logo{width:86px;height:86px;background:none!important;box-shadow:none!important;border-radius:0!important}
.brand .cube{background:none!important;box-shadow:none!important;object-fit:contain}
.logo3d{filter:drop-shadow(0 6px 9px rgba(0,0,0,.5)) drop-shadow(0 0 11px color-mix(in srgb,var(--a) 75%,transparent)) drop-shadow(0 0 4px rgba(244,224,9,.5));transform:rotateX(14deg) rotateY(-14deg)}

/* ===== Python CRM professional shell v3 ===== */
:root{
  --a:#0f766e;
  --b:#c89022;
  --c:#1d4ed8;
  --bg:#f4f7fb;
  --panel:#ffffff;
  --panel-2:#f8fafc;
  --txt:#101828;
  --mut:#667085;
  --line:#d9e2ec;
  --line-strong:#b9c6d6;
  --ok:#0f9f6e;
  --warn:#b7791f;
  --danger:#c0364c;
  --nav:#10243f;
  --nav-soft:#17395d;
  --shadow:0 12px 28px rgba(16,24,40,.08);
  --r:8px;
}

body{
  background:
    linear-gradient(180deg,#f8fbff 0,#f4f7fb 230px,#eef3f8 100%);
  color:var(--txt);
  min-height:100vh;
}
.orb{display:none}
body::before{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(15,118,110,.05),transparent 42%),
    repeating-linear-gradient(0deg,rgba(16,24,40,.018) 0 1px,transparent 1px 48px);
  z-index:0;
}

.auth{
  background:
    linear-gradient(135deg,rgba(16,36,63,.96),rgba(15,118,110,.9)),
    #10243f!important;
}
.auth-card{
  border-radius:12px;
  border:1px solid rgba(255,255,255,.16);
  background:#fff;
  color:#101828;
  box-shadow:0 28px 80px rgba(9,18,32,.28);
  backdrop-filter:none;
}
.auth h1{font-size:24px;color:#101828}
.auth p,.auth label span,.auth-hint{color:#667085}
.auth-err{color:var(--danger)}
.auth-logo,.brand .cube,.logo3d,.holo-logo{
  animation:none!important;
  transform:none!important;
  filter:none!important;
}
.logo-stage{margin-bottom:10px}
.auth-logo{width:78px;height:78px}

input,select,textarea{
  border-radius:8px;
  border:1px solid #cfd8e3;
  background:#fff;
  color:#101828;
  font-size:13.5px;
  box-shadow:0 1px 1px rgba(16,24,40,.03);
}
input::placeholder,textarea::placeholder{color:#98a2b3}
input:focus,select:focus,textarea:focus{
  border-color:var(--a);
  box-shadow:0 0 0 3px rgba(15,118,110,.14);
}
select option{background:#fff;color:#101828}

.btn{
  border-radius:8px;
  padding:9px 13px;
  background:#fff;
  color:#24364b;
  border:1px solid #cfd8e3;
  box-shadow:0 1px 2px rgba(16,24,40,.04);
  font-weight:700;
  display:inline-flex;
  align-items:center;
  gap:7px;
  justify-content:center;
}
.btn:hover{background:#f6f9fc;border-color:#b9c6d6}
.btn.primary{
  background:var(--a);
  border-color:var(--a);
  color:#fff;
  box-shadow:0 8px 18px rgba(15,118,110,.22);
}
.btn.primary:hover{background:#0b655e;filter:none}
.btn.danger{
  background:#fff5f6;
  border-color:#f0b8c1;
  color:var(--danger);
}
.btn.sm{border-radius:7px;padding:6px 10px;font-size:12px}
.btn svg,.ops-actions svg{width:16px;height:16px;fill:currentColor;flex:none}

.app{
  grid-template-columns:280px minmax(0,1fr);
  background:transparent;
}
.side{
  padding:18px 14px;
  border-left:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,var(--nav),#0d1d34);
  color:#e8eef7;
  box-shadow:-8px 0 24px rgba(16,24,40,.12);
  backdrop-filter:none;
}
.brand{
  min-height:64px;
  padding:8px 8px 16px;
  margin-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.brand .cube{width:42px;height:42px}
.brand b{font-size:16px;color:#fff}
.brand small{color:#adbed1;line-height:1.8}
.nav{gap:3px}
.nav a{
  min-height:38px;
  padding:9px 11px;
  border-radius:8px;
  color:#bfd0e4;
  font-size:13.5px;
  gap:10px;
}
.nav a .ico{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  color:#9fb5ce;
}
.nav a .ico svg{width:18px;height:18px;fill:currentColor}
.nav a:hover{
  background:rgba(255,255,255,.08);
  color:#fff;
}
.nav a.active{
  background:#ffffff;
  color:#10243f;
  border-color:transparent;
  box-shadow:0 8px 22px rgba(0,0,0,.12);
}
.nav a.active .ico{color:var(--a)}
.side-foot{
  border-top:1px solid rgba(255,255,255,.12);
  padding-top:14px;
}
.themes{gap:7px}
.swatch{
  width:28px;
  height:22px;
  border-radius:6px;
  border:1px solid rgba(255,255,255,.2);
}
.swatch.on{border-color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.18)}

.main{
  padding:18px 22px 36px;
  max-width:1680px;
}
.topbar{
  gap:14px;
  padding:14px 16px;
  margin-bottom:16px;
  border:1px solid var(--line);
  border-radius:10px;
  background:rgba(255,255,255,.92);
  box-shadow:var(--shadow);
  backdrop-filter:blur(12px);
}
.topbar h1{
  font-size:22px;
  color:#101828;
}
.topbar .sub,.usermenu .who small{color:#667085}
.search{max-width:620px}
.search input{height:42px}
.avatar{
  width:38px;
  height:38px;
  border-radius:8px;
  background:linear-gradient(135deg,var(--a),#116a9f);
}
.who b{color:#101828}

.ops-strip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px;
  margin-bottom:14px;
  border:1px solid var(--line);
  border-radius:10px;
  background:
    linear-gradient(90deg,rgba(15,118,110,.08),rgba(200,144,34,.08)),
    #fff;
  box-shadow:var(--shadow);
}
.ops-strip h2{
  margin:0 0 4px;
  font-size:18px;
  color:#10243f;
}
.ops-strip p{
  margin:0;
  color:#667085;
  font-size:13px;
}
.ops-actions{display:flex;gap:8px;flex-wrap:wrap}

.panel,.card,.tablewrap{
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  box-shadow:var(--shadow);
  backdrop-filter:none;
}
.panel{
  padding:16px;
  margin-bottom:14px;
}
.panel h3{
  margin-bottom:12px;
  font-size:15px;
  color:#10243f;
  display:flex;
  align-items:center;
  gap:8px;
}
.panel h3 svg{
  width:18px;
  height:18px;
  fill:var(--a);
  flex:none;
}
.kpis{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:14px;
}
.kpi{
  padding:14px;
  border-radius:8px;
  border:1px solid var(--line);
  background:#fff;
  box-shadow:var(--shadow);
  transition:border-color .15s,box-shadow .15s,transform .15s;
}
.kpi:hover{
  transform:translateY(-2px);
  border-color:var(--line-strong);
  box-shadow:0 16px 30px rgba(16,24,40,.1);
}
.kpi .k-ico{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  margin-bottom:10px;
  border-radius:8px;
  background:#ecfdf8;
  color:var(--a);
}
.kpi .k-ico svg{width:19px;height:19px;fill:currentColor}
.kpi small{color:#667085;font-size:12px}
.kpi b{
  color:#101828;
  font-size:24px;
  letter-spacing:0;
}
.kpi.ok .k-ico{background:#eafaf3;color:var(--ok)}
.kpi.warn .k-ico{background:#fff7e6;color:var(--warn)}
.kpi.danger .k-ico{background:#fff1f3;color:var(--danger)}
.kpi.ok b{color:var(--ok)}
.kpi.warn b{color:var(--warn)}
.kpi.danger b{color:var(--danger)}

.grid2{grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);gap:14px}
.grid3{gap:12px}
.ai-insight{background:#fff}
.ai-tip{
  border-radius:8px;
  background:#f7fafc;
  border:1px solid #e2e8f0;
  color:#344054;
  line-height:1.85;
}
.ai-tip::before{color:var(--a)}
.alert-row{
  border-radius:8px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  color:#344054;
}
.alert-row.danger{
  background:#fff5f6;
  border-color:#f0b8c1;
  color:#9f1239;
}
.alert-row.warn{
  background:#fff8e8;
  border-color:#f2d799;
  color:#87540e;
}
.alert-row.ok{
  background:#ecfdf3;
  border-color:#abefc6;
  color:#067647;
}

.bar-row{grid-template-columns:150px minmax(120px,1fr) auto}
.bar{
  height:9px;
  background:#edf2f7;
}
.bar i{
  background:linear-gradient(90deg,var(--a),var(--b));
  box-shadow:none;
}
.mini-kpis{gap:10px}
.mini-kpis>div{
  border-radius:8px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
}
.mini-kpis small{color:#667085}
.mini-kpis b{color:#101828}

.toolbar{
  padding:12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  box-shadow:var(--shadow);
}
.toolbar .grow{flex:1}
.tablewrap{
  overflow:auto;
  margin-bottom:14px;
}
table{min-width:860px}
th,td{
  border-bottom:1px solid #e7edf4;
  font-size:13px;
  padding:11px 12px;
  color:#24364b;
}
th{
  background:#f3f7fb;
  color:#475467;
  font-weight:800;
}
tbody tr:hover td{background:#f8fbff}
td .row-actions{gap:6px;align-items:center}
.pager{color:#667085}

.pill{
  border-radius:999px;
  border:1px solid #d8e1ec;
  background:#f7fafc;
  color:#475467;
  font-weight:700;
}
.pill.ok{
  background:#ecfdf3;
  color:#067647;
  border-color:#abefc6;
}
.pill.warn{
  background:#fff8e8;
  color:#87540e;
  border-color:#f2d799;
}
.pill.danger{
  background:#fff5f6;
  color:#9f1239;
  border-color:#f0b8c1;
}
.pill.mut{color:#667085}
.tag{
  border-radius:6px;
  border:1px solid #d8e1ec;
  background:#f8fafc;
  color:#475467;
}
.empty{color:#667085}
.empty .big{font-size:30px}

.drop{
  border-radius:10px;
  background:#f8fafc;
  border-color:#cfd8e3;
}
.drop.over{border-color:var(--a);background:#ecfdf8}
.progress{height:10px;background:#e7edf4}
.progress i{
  background:linear-gradient(90deg,var(--a),var(--b));
  box-shadow:none;
}
pre.log{
  background:#10243f;
  color:#e8eef7;
  border-radius:8px;
}

.kanban{gap:10px}
.lane{
  border-radius:8px;
  border-color:#d8e1ec;
  background:#f8fafc;
}
.deal{
  border-radius:8px;
  background:#fff;
  border-color:#d8e1ec;
  box-shadow:0 6px 16px rgba(16,24,40,.06);
}
.lane.dragover{border-color:var(--a);background:#ecfdf8}

.modal{background:rgba(16,24,40,.5);backdrop-filter:blur(5px)}
.modal-box{
  border-radius:10px;
  border:1px solid var(--line);
  background:#fff;
  color:#101828;
  box-shadow:0 28px 80px rgba(16,24,40,.28);
}
.modal-box h2{color:#10243f}
.form-grid label span{color:#667085}
.custom-block{border-top-color:#d8e1ec}
.custom-block .ttl{color:var(--a)}
.detail .d{border-bottom-color:#e7edf4}
.detail .d small{color:#667085}

.toast-wrap{left:18px;bottom:18px}
.toast{
  border-radius:8px;
  border-color:#cfd8e3;
  background:#fff;
  color:#101828;
  box-shadow:0 18px 42px rgba(16,24,40,.18);
}
.toast.ok{border-color:#abefc6}
.toast.err{border-color:#f0b8c1}

.tabs{
  border-bottom-color:#d8e1ec;
  gap:6px;
}
.tab-btn{
  border-radius:7px;
  background:#fff;
  color:#667085;
  border-color:#cfd8e3;
}
.tab-btn:hover{color:#101828;background:#f8fafc}
.tab-btn.on{
  background:var(--a);
  color:#fff;
}
.dup-warn{color:var(--warn)}
.cards-grid{perspective:none}
.pcard{
  border-radius:8px;
  background:#fff;
  border-color:#d8e1ec;
  box-shadow:var(--shadow);
}
.pcard:hover{
  transform:translateY(-2px);
  border-color:var(--a);
  box-shadow:0 16px 30px rgba(16,24,40,.1);
}
.ring-score{
  background:conic-gradient(var(--a) calc(var(--p)*1%),#e7edf4 0);
}
.ring-score::before{background:#fff}
.tl-item{border-right-color:#d8e1ec}
.tl-dot{
  border-radius:8px;
  background:var(--a);
  color:#fff;
  box-shadow:0 0 0 4px #fff;
}
.ins-pick-results{
  background:#fff;
  border-color:#cfd8e3;
  box-shadow:0 18px 42px rgba(16,24,40,.18);
}
.ins-pick-item:hover{background:#f8fafc}
.ins-pick-item small{color:#667085}

.ins-ico{
  border-radius:8px;
  background:#ecfdf8;
  color:var(--a);
  box-shadow:none;
}
.ins-ico svg{
  fill:currentColor;
  filter:none;
}
.pcard .ins-ico{margin-bottom:10px}
td .ins-type{gap:8px}
.nav-badge{
  background:var(--danger);
  box-shadow:none;
}
body.edit-mode #app *:not(input):not(select):not(textarea):not(svg):not(path):hover{
  outline:1px dashed var(--b);
}
#editModeBtn.primary{box-shadow:0 0 0 2px rgba(200,144,34,.25)}

.hero{
  border-radius:10px;
  background:#fff;
  box-shadow:var(--shadow);
}
.hero h2{color:#10243f}
.hero p{color:#667085}
.holo{display:none}

@media(max-width:1180px){
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid2{grid-template-columns:1fr}
  .ops-strip{align-items:flex-start;flex-direction:column}
}
@media(max-width:1000px){
  .app{grid-template-columns:1fr}
  .side{
    position:relative;
    height:auto;
    border-left:0;
    border-bottom:1px solid rgba(255,255,255,.1);
  }
  .nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .main{padding:14px}
  .topbar{align-items:stretch}
  .search{max-width:none;width:100%}
  .kpis,.grid3,.kanban{grid-template-columns:1fr}
  .mini-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ops-actions{width:100%}
  .ops-actions .btn{flex:1}
}
@media(max-width:620px){
  .nav{grid-template-columns:1fr}
  .topbar,.toolbar,.usermenu{align-items:stretch}
  .search{flex-direction:column}
  .ops-actions .btn{flex-basis:100%}
  .mini-kpis{grid-template-columns:1fr}
  .form-grid,.detail{grid-template-columns:1fr}
}

/* Karafarin insurance CRM - polished 3D shell */
:root{
  --a:#0E4D7B;
  --b:#137A63;
  --gold:#C8901E;
  --bg:#F4F6F8;
  --line:#E1E6EB;
  --text:#1A2A38;
}
body{
  background:
    radial-gradient(circle at 70% 4%, rgba(19,122,99,.13), transparent 24%),
    linear-gradient(180deg,#f9fbfc,#eef3f7 54%,#f7fafc);
}
.orb{display:none}
.side{
  background:linear-gradient(180deg,#ffffff 0%,#f7fafb 100%);
  border-left:1px solid var(--line);
  box-shadow:inset 1px 0 0 rgba(255,255,255,.8), -18px 0 40px rgba(14,77,123,.08);
}
.brand{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,#ffffff,#edf6f2);
  border:1px solid rgba(19,122,99,.16);
  box-shadow:0 12px 28px rgba(14,77,123,.08), inset 0 1px 0 #fff;
}
.brand:after,.logo-stage:after{
  content:"";
  position:absolute;
  inset:-45%;
  background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.72) 48%,rgba(200,144,30,.28) 52%,transparent 58%);
  transform:translateX(-60%) rotate(8deg);
  animation:shineSweep 4.8s ease-in-out infinite;
  pointer-events:none;
}
.cube,.auth-logo{
  background:#fff;
  border:1px solid rgba(14,77,123,.12);
  object-fit:contain;
  transform-style:preserve-3d;
  animation:logoFloat 5.5s ease-in-out infinite;
  filter:drop-shadow(0 16px 22px rgba(19,122,99,.23)) drop-shadow(0 0 12px rgba(200,144,30,.22));
}
.cube{border-radius:14px;padding:5px}
.logo-stage{
  position:relative;
  perspective:700px;
  border-radius:18px;
}
.logo-stage:before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:20px;
  border:1px solid rgba(200,144,30,.35);
  transform:rotate(45deg) translateZ(-20px);
  animation:logoRing 6s linear infinite;
}
.auth-card{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(14,77,123,.15);
  box-shadow:0 30px 80px rgba(14,77,123,.18), inset 0 1px 0 #fff;
}
.btn{
  border-radius:9px;
  border:1px solid rgba(14,77,123,.22);
  background:linear-gradient(180deg,#fff,#f4f8fb);
  color:#17324a;
  box-shadow:0 7px 16px rgba(14,77,123,.08), inset 0 1px 0 rgba(255,255,255,.9);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.btn:hover{
  transform:translateY(-1px);
  border-color:rgba(19,122,99,.42);
  box-shadow:0 12px 24px rgba(14,77,123,.12), inset 0 1px 0 #fff;
}
.btn.primary{
  background:linear-gradient(135deg,var(--a),var(--b));
  color:#fff;
  border-color:transparent;
  box-shadow:0 14px 28px rgba(14,77,123,.24), inset 0 1px 0 rgba(255,255,255,.28);
}
.btn.danger{box-shadow:0 10px 18px rgba(190,18,60,.12)}
input,select,textarea{
  border-radius:9px;
  background:linear-gradient(180deg,#fff,#f8fbfd);
  border:1px solid #d9e3eb;
  box-shadow:inset 0 1px 2px rgba(26,42,56,.05), 0 8px 18px rgba(14,77,123,.04);
}
input:focus,select:focus,textarea:focus{
  border-color:var(--a);
  box-shadow:0 0 0 3px rgba(14,77,123,.12), inset 0 1px 2px rgba(26,42,56,.04);
}
.panel,.kpi,.pcard,.lane,.deal,.card{
  border-radius:10px;
  border:1px solid rgba(225,230,235,.95);
  background:linear-gradient(180deg,#fff,#fbfdfe);
  box-shadow:0 16px 34px rgba(14,77,123,.08), inset 0 1px 0 #fff;
}
.pcard,.kpi{
  transform-style:preserve-3d;
}
.pcard:hover,.kpi:hover{
  transform:translateY(-3px) rotateX(1deg);
  box-shadow:0 22px 44px rgba(14,77,123,.13), inset 0 1px 0 #fff;
}
.nav-group{
  margin-bottom:8px;
  border:1px solid rgba(225,230,235,.85);
  border-radius:10px;
  background:#fff;
  box-shadow:0 10px 22px rgba(14,77,123,.05);
}
.nav-group summary{
  cursor:pointer;
  padding:10px 12px;
  color:#536577;
  font-size:12px;
  font-weight:800;
}
.nav-links{
  padding:0 8px 8px;
  display:grid;
  gap:5px;
}
.nav a{
  border-radius:8px;
}
.nav a.active{
  background:linear-gradient(135deg,rgba(14,77,123,.12),rgba(19,122,99,.12));
  border-color:rgba(14,77,123,.22);
  color:var(--a);
}
.ops-strip{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(135deg,rgba(14,77,123,.09),rgba(19,122,99,.08)),
    linear-gradient(180deg,#fff,#f8fbfc);
}
.ops-strip:after{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(120deg,transparent 0 24px,rgba(14,77,123,.035) 24px 25px);
  pointer-events:none;
}
.product-catalog{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:10px;
}
.product-group{
  border:1px solid #dfe7ee;
  border-radius:10px;
  background:#fff;
  padding:8px;
}
.product-group summary{
  cursor:pointer;
  font-weight:800;
  color:var(--a);
  margin-bottom:8px;
}
.product-chip{
  margin:3px;
  padding:7px 9px;
  border:1px solid #dbe5ed;
  border-radius:999px;
  background:#f8fbfd;
  color:#273a4d;
  cursor:pointer;
}
.product-chip:hover{border-color:var(--b);color:var(--b)}
.motion-chip{
  position:relative;
  overflow:hidden;
  min-height:64px;
  min-width:158px;
  padding:11px 12px 32px;
  isolation:isolate;
  transform-style:preserve-3d;
  vertical-align:top;
  border-radius:18px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.94),rgba(236,251,244,.88)),
    radial-gradient(circle at 85% 15%,rgba(32,216,107,.18),transparent 35%);
  box-shadow:0 12px 30px rgba(8,45,35,.08),inset 0 1px 0 rgba(255,255,255,.76);
}
.motion-chip .chip-title{
  position:relative;
  z-index:3;
  display:inline-block;
  max-width:118px;
  padding:2px 7px;
  border-radius:10px;
  background:linear-gradient(90deg,rgba(3,18,16,.68),rgba(3,18,16,.28));
  box-shadow:0 8px 20px rgba(0,0,0,.16);
  font-weight:850;
  line-height:1.55;
}
.motion-scene{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  overflow:hidden;
  opacity:.62;
  transform:translateZ(0);
}
.motion-scene:before{
  content:"";
  position:absolute;
  inset:auto -22% 4px -22%;
  height:42%;
  background:linear-gradient(90deg,transparent,rgba(255,211,77,.2),rgba(32,216,107,.24),transparent);
  filter:blur(12px);
}
.motion-logo{
  position:absolute;
  left:10px;
  bottom:8px;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(238,251,240,.9);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 0 18px rgba(32,216,107,.28),0 8px 18px rgba(0,0,0,.12);
  animation:motionLogoPulse 3.6s ease-in-out infinite;
}
.motion-logo img{width:22px;height:22px;object-fit:contain}
.motion-road{
  position:absolute;
  left:8px;
  right:8px;
  bottom:12px;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(255,210,79,.78),rgba(32,216,107,.62),transparent);
  box-shadow:0 0 12px rgba(255,210,79,.5);
}
.motion-road:before,
.motion-road:after{
  content:"";
  position:absolute;
  inset:-10px 0 auto;
  height:1px;
  background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(255,255,255,.55) 18px 28px,transparent 28px 48px);
  opacity:.55;
}
.motion-road:after{inset:auto 0 -10px;opacity:.24}
.motion-car{
  position:absolute;
  right:-42px;
  bottom:18px;
  width:42px;
  height:19px;
  border-radius:13px 16px 8px 8px;
  background:linear-gradient(135deg,#f7fff2,#35e879 47%,#058553);
  box-shadow:0 8px 16px rgba(0,0,0,.22),0 0 16px rgba(32,216,107,.22);
}
.motion-car:before,
.motion-car:after{
  content:"";
  position:absolute;
  bottom:-5px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#07110d;
  box-shadow:inset 0 0 0 2px #ffd24f;
}
.motion-car:before{left:7px}
.motion-car:after{right:7px}
.motion-car i{
  position:absolute;
  left:12px;
  top:-7px;
  width:17px;
  height:10px;
  border-radius:10px 10px 3px 3px;
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(176,255,213,.56));
  border:1px solid rgba(255,255,255,.64);
}
.car-b{
  right:auto;
  left:-42px;
  background:linear-gradient(135deg,#fff0d3,#ffd24f 48%,#b77818);
  transform:scaleX(-1);
}
.motion-shield{
  position:absolute;
  right:19px;
  bottom:14px;
  width:36px;
  height:42px;
  clip-path:polygon(50% 0,88% 12%,82% 64%,50% 100%,18% 64%,12% 12%);
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(32,216,107,.62) 48%,rgba(255,210,79,.7));
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 0 22px rgba(32,216,107,.32),0 16px 24px rgba(0,0,0,.16);
  animation:shieldGuard 2.8s ease-in-out infinite;
}
.motion-heart{
  position:absolute;
  right:24px;
  bottom:23px;
  width:31px;
  height:31px;
  transform:rotate(-45deg);
  background:linear-gradient(135deg,#ff5f87,#ffd24f);
  box-shadow:0 0 22px rgba(255,95,135,.28),0 0 18px rgba(255,210,79,.22);
  animation:heartBeat 1.45s ease-in-out infinite;
}
.motion-heart:before,
.motion-heart:after{
  content:"";
  position:absolute;
  width:31px;
  height:31px;
  border-radius:50%;
  background:inherit;
}
.motion-heart:before{top:-15px;left:0}
.motion-heart:after{left:15px;top:0}
.motion-flame{
  position:absolute;
  right:28px;
  bottom:17px;
  width:32px;
  height:42px;
  border-radius:65% 35% 62% 38% / 70% 55% 45% 30%;
  background:radial-gradient(circle at 50% 70%,#fff8b6 0 18%,#ffd24f 19% 40%,#ff7a2f 42% 70%,rgba(255,77,80,.82) 71%);
  filter:drop-shadow(0 0 18px rgba(255,122,47,.42));
  animation:fireFlicker .92s ease-in-out infinite alternate;
}
.motion-gear{
  position:absolute;
  width:38px;
  height:38px;
  border-radius:50%;
  right:20px;
  bottom:16px;
  border:7px dashed rgba(255,210,79,.95);
  box-shadow:0 0 18px rgba(255,210,79,.25);
  animation:gearSpin 4.2s linear infinite;
}
.motion-gear:after{
  content:"";
  position:absolute;
  inset:9px;
  border-radius:50%;
  background:rgba(32,216,107,.72);
  box-shadow:inset 0 0 0 4px rgba(3,20,18,.9);
}
.motion-gear.g2{
  width:26px;
  height:26px;
  right:52px;
  bottom:39px;
  border-width:5px;
  animation-direction:reverse;
  animation-duration:3.2s;
}
.motion-box{
  position:absolute;
  right:18px;
  bottom:22px;
  width:39px;
  height:31px;
  border-radius:5px;
  background:linear-gradient(135deg,#ffd24f,#b77818);
  box-shadow:0 12px 24px rgba(0,0,0,.18),0 0 16px rgba(255,210,79,.18);
  animation:cargoMove 2.7s ease-in-out infinite;
}
.motion-box:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent 45%,rgba(255,255,255,.38) 46% 53%,transparent 54%);
}
.motion-coin{
  position:absolute;
  right:22px;
  bottom:18px;
  width:28px;
  height:28px;
  border-radius:50%;
  background:radial-gradient(circle at 36% 32%,#fff6bf,#ffd24f 48%,#b77818 78%);
  box-shadow:0 0 18px rgba(255,210,79,.38),0 12px 20px rgba(0,0,0,.16);
  animation:coinFlip 2.4s ease-in-out infinite;
}
.motion-coin.c2{right:51px;bottom:36px;width:20px;height:20px;animation-delay:.45s}
.motion-spark{
  position:absolute;
  right:50%;
  bottom:28px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ffd24f;
  box-shadow:0 0 14px #ffd24f,12px -9px 0 -2px rgba(255,210,79,.9),-13px 7px 0 -3px rgba(255,255,255,.9);
  opacity:0;
}
.motion-spark.s2{bottom:40px;right:42%}
.motion-third .car-a{animation:fastCar 1.8s cubic-bezier(.2,.75,.25,1) infinite}
.motion-third .motion-road{animation:roadRush .7s linear infinite}
.motion-body .car-a{animation:crashCarA 2.6s ease-in-out infinite}
.motion-body .car-b{animation:crashCarB 2.6s ease-in-out infinite}
.motion-body .motion-spark{animation:impactSpark 2.6s ease-in-out infinite}
.motion-life .motion-shield{right:58px;opacity:.45}
.motion-life .motion-heart:after{box-shadow:38px 19px 0 -10px rgba(255,210,79,.5)}
.motion-health .motion-heart{background:linear-gradient(135deg,#51ffa2,#e8fff1);animation:heartBeat 1.1s ease-in-out infinite}
.motion-health .motion-spark{opacity:.6;width:50px;height:2px;right:15px;bottom:26px;border-radius:99px;background:linear-gradient(90deg,transparent,#51ffa2,#ffd24f,transparent);animation:healthLine 1.7s ease-in-out infinite;box-shadow:0 0 14px rgba(81,255,162,.7)}
.motion-fire .motion-shield{right:54px;opacity:.42}
.motion-liability .motion-shield{right:30px;bottom:18px}
.motion-engineering .motion-logo{left:auto;right:11px;bottom:7px}
.motion-cargo .motion-box{animation:cargoMove 2.1s ease-in-out infinite}
.motion-credit .motion-shield{opacity:.28;right:62px;bottom:12px}
.motion-general .motion-logo{width:38px;height:38px;left:16px;bottom:14px}
.motion-chip:hover,
.motion-chip.motion-run{
  border-color:rgba(255,210,79,.8);
  transform:translateY(-2px) rotateX(2deg);
  box-shadow:0 18px 40px rgba(8,45,35,.15),0 0 0 1px rgba(255,210,79,.22),inset 0 1px 0 rgba(255,255,255,.82);
}
.motion-chip:hover .motion-scene,
.motion-chip.motion-run .motion-scene{
  opacity:.98;
}
.motion-chip.motion-run .motion-scene:after,
.motion-chip:hover .motion-scene:after{
  content:"";
  position:absolute;
  inset:-60% -30%;
  background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.72) 48%,rgba(255,210,79,.36) 54%,transparent 62%);
  transform:translateX(-75%);
  animation:motionSweep 1.35s ease-in-out;
}
.motion-chip.motion-run .car-a{animation-duration:.9s}
.motion-chip.motion-run .motion-spark{animation-duration:1.15s}
.motion-chip.motion-run .motion-scene{
  animation:motionSceneKick 1.45s ease-in-out;
}
.motion-chip.motion-run .motion-logo{
  animation:motionLogoPop 1.45s ease-in-out;
}
body.crm-dark .motion-chip{
  color:#fff5c7;
  border-color:rgba(255,210,79,.24);
  background:
    linear-gradient(145deg,rgba(12,61,50,.94),rgba(4,25,22,.82)),
    radial-gradient(circle at 84% 18%,rgba(255,210,79,.16),transparent 36%);
  box-shadow:0 18px 38px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08);
}
body.crm-dark .motion-chip .chip-title{
  color:#ffe08a;
  text-shadow:0 1px 9px rgba(0,0,0,.86),0 0 14px rgba(255,210,79,.16);
}
body.crm-dark .motion-chip:hover,
body.crm-dark .motion-chip.motion-run{
  color:#fff7d4;
  border-color:rgba(255,210,79,.86);
  box-shadow:0 22px 52px rgba(0,0,0,.36),0 0 0 1px rgba(255,210,79,.24),0 0 34px rgba(255,210,79,.1);
}
body.reduce-motion .motion-chip .motion-scene,
body.reduce-motion .login-motion-stage{
  display:none!important;
}
.login-motion-stage{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  perspective:1100px;
}
.login-motion-stage:before{
  content:"";
  position:absolute;
  inset:-20%;
  background:
    linear-gradient(115deg,transparent 38%,rgba(255,255,255,.12) 45%,rgba(255,210,79,.12) 51%,transparent 60%),
    radial-gradient(circle at 50% 50%,rgba(32,216,107,.24),transparent 34%);
  animation:loginLightSweep 6s ease-in-out infinite;
}
.login-holo-mark{
  position:absolute;
  inset:50% auto auto 50%;
  width:280px;
  height:280px;
  transform:translate(-50%,-50%) rotate(45deg);
  border:1px solid rgba(255,210,79,.35);
  box-shadow:0 0 80px rgba(32,216,107,.22),inset 0 0 60px rgba(255,210,79,.12);
  opacity:.36;
  display:grid;
  place-items:center;
  animation:loginHolo 9s linear infinite;
}
.login-holo-mark img{
  width:104px;
  height:104px;
  object-fit:contain;
  transform:rotate(-45deg);
  filter:drop-shadow(0 0 28px rgba(32,216,107,.42));
}
.login-scene{
  width:245px;
  height:118px;
  inset:auto;
  border-radius:22px;
  border:1px solid rgba(255,210,79,.2);
  background:linear-gradient(145deg,rgba(11,54,45,.58),rgba(3,18,16,.36));
  box-shadow:0 28px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(10px);
}
.login-scene:nth-of-type(2){right:8%;top:12%;transform:rotateY(-16deg) rotateZ(-2deg)}
.login-scene:nth-of-type(3){left:8%;top:17%;transform:rotateY(16deg) rotateZ(2deg)}
.login-scene:nth-of-type(4){right:5%;bottom:18%;transform:rotateY(-13deg) rotateZ(3deg)}
.login-scene:nth-of-type(5){left:7%;bottom:20%;transform:rotateY(14deg) rotateZ(-4deg)}
.login-scene:nth-of-type(6){right:24%;top:6%;transform:scale(.82) rotateZ(4deg)}
.login-scene:nth-of-type(7){left:24%;top:7%;transform:scale(.82) rotateZ(-5deg)}
.login-scene:nth-of-type(8){right:24%;bottom:7%;transform:scale(.82) rotateZ(-4deg)}
.login-scene:nth-of-type(9){left:24%;bottom:8%;transform:scale(.82) rotateZ(4deg)}
.auth-card{
  z-index:2;
}
@keyframes fastCar{
  0%{transform:translateX(0);right:-48px;opacity:0}
  12%{opacity:1}
  78%{opacity:1}
  100%{right:calc(100% + 48px);opacity:0}
}
@keyframes roadRush{to{background-position:-80px 0}}
@keyframes crashCarA{0%,100%{right:-45px}42%,58%{right:48%}68%{right:46%;transform:rotate(-4deg)}}
@keyframes crashCarB{0%,100%{left:-45px}42%,58%{left:48%}68%{left:46%;transform:scaleX(-1) rotate(4deg)}}
@keyframes impactSpark{0%,38%,74%,100%{opacity:0;transform:scale(.4)}48%,60%{opacity:1;transform:scale(1.9)}}
@keyframes heartBeat{0%,100%{transform:rotate(-45deg) scale(1)}35%{transform:rotate(-45deg) scale(1.16)}55%{transform:rotate(-45deg) scale(.96)}}
@keyframes fireFlicker{from{transform:skewX(-3deg) scaleY(.96)}to{transform:skewX(4deg) scaleY(1.08)}}
@keyframes shieldGuard{0%,100%{transform:translateY(0) rotateY(0)}50%{transform:translateY(-5px) rotateY(-15deg)}}
@keyframes gearSpin{to{transform:rotate(360deg)}}
@keyframes cargoMove{0%,100%{transform:translateX(0) rotate(0)}50%{transform:translateX(-52px) rotate(-3deg)}}
@keyframes coinFlip{0%,100%{transform:translateY(0) rotateY(0)}50%{transform:translateY(-12px) rotateY(180deg)}}
@keyframes healthLine{0%,100%{clip-path:inset(0 100% 0 0)}50%{clip-path:inset(0 0 0 0)}}
@keyframes motionLogoPulse{0%,100%{transform:translateY(0) rotate(0);filter:saturate(1)}50%{transform:translateY(-3px) rotate(-6deg);filter:saturate(1.3)}}
@keyframes motionLogoPop{0%{transform:scale(.8) rotate(0);filter:saturate(1)}38%{transform:scale(1.22) rotate(-12deg);filter:saturate(1.6)}100%{transform:scale(1) rotate(0);filter:saturate(1)}}
@keyframes motionSceneKick{0%{transform:scale(.96)}45%{transform:scale(1.04)}100%{transform:scale(1)}}
@keyframes motionSweep{to{transform:translateX(75%)}}
@keyframes loginLightSweep{0%,100%{transform:translateX(-12%) rotate(0)}50%{transform:translateX(12%) rotate(4deg)}}
@keyframes loginHolo{to{transform:translate(-50%,-50%) rotate(405deg)}}
.edit-pin{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  margin-inline-start:5px;
  border-radius:50%;
  font-size:12px;
  background:linear-gradient(135deg,var(--gold),#f4c96a);
  color:#2c2105;
  box-shadow:0 5px 12px rgba(200,144,30,.28);
  cursor:pointer;
  vertical-align:middle;
}
.editable-text{
  outline:1px dashed rgba(200,144,30,.55);
  outline-offset:3px;
}
.editable-text:is(button,a,.btn){
  outline-offset:5px;
}
.quick-buttons{
  margin:0 0 14px;
  padding:12px;
  border-radius:16px;
  border:1px solid rgba(255,220,112,.24);
  background:
    linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025)) padding-box,
    linear-gradient(135deg,rgba(255,223,112,.75),rgba(38,231,112,.7),rgba(255,198,63,.7)) border-box;
  box-shadow:0 18px 46px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.16);
  backdrop-filter:blur(18px);
}
.quick-buttons.empty{
  display:flex;
  gap:10px;
  align-items:center;
  color:var(--mut);
}
.quick-buttons.empty span{
  color:var(--gold);
  font-weight:800;
}
.quick-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  margin-bottom:10px;
}
.quick-head b{color:var(--gold);font-size:14px}
.quick-head small{color:var(--mut);font-size:12px}
.quick-scroll{
  display:flex;
  gap:8px;
  overflow:auto;
  padding-bottom:2px;
}
.quick-btn{
  flex:0 0 auto;
  min-width:118px;
  max-width:210px;
  min-height:48px;
  border-radius:14px;
  border:1px solid transparent;
  color:#f7ffe9;
  cursor:pointer;
  padding:8px 12px;
  text-align:right;
  background:
    linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.045)) padding-box,
    linear-gradient(135deg,#ffe27a,#1fde75 48%,#ffc949) border-box;
  box-shadow:0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.2);
  transition:.16s ease;
}
.quick-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(23,220,103,.18),0 0 0 3px rgba(255,215,96,.08);
}
.quick-btn span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:800;
}
.quick-btn small{
  display:block;
  margin-top:3px;
  color:#d7ffcf;
  font-size:11px;
}
.quick-manage-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:10px;
}
.quick-manage-card{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(255,220,112,.18);
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
}
.startup-list{
  display:grid;
  gap:10px;
}
.call-card.done{
  opacity:.66;
}
@keyframes logoFloat{
  0%,100%{transform:perspective(600px) rotateX(0deg) rotateY(0deg) translateY(0)}
  50%{transform:perspective(600px) rotateX(4deg) rotateY(-7deg) translateY(-4px)}
}
@keyframes logoRing{
  to{transform:rotate(405deg) translateZ(-20px)}
}
@keyframes shineSweep{
  0%,35%{transform:translateX(-70%) rotate(8deg)}
  62%,100%{transform:translateX(70%) rotate(8deg)}
}
.reduce-motion .cube,.reduce-motion .auth-logo,.reduce-motion .logo-stage:before,.reduce-motion .brand:after,.reduce-motion .logo-stage:after{
  animation:none!important;
}

/* =================================================================== */
/* Enterprise dark 3D override - Karafarin cockpit                      */
/* =================================================================== */
body,
body.crm-dark{
  --a:#20d86b;
  --b:#0fb58f;
  --c:#ffd54a;
  --lux-gold:#ffe08a;
  --lux-gold-strong:#ffd24f;
  --lux-gold-soft:rgba(255,224,138,.82);
  --bg:#020908;
  --panel:rgba(9,38,34,.74);
  --txt:#f4fff9;
  --mut:#dccb94;
  --line:rgba(118,255,180,.18);
  --ok:#46f58a;
  --warn:#ffd34d;
  --danger:#ff4d50;
  --r:12px;
  color:var(--txt);
  background:
    radial-gradient(900px 520px at 71% 4%, rgba(32,216,107,.22), transparent 58%),
    radial-gradient(760px 420px at 10% 10%, rgba(255,213,74,.08), transparent 60%),
    linear-gradient(180deg,#03100f 0%,#020807 46%,#010403 100%) !important;
}
body:not(.crm-dark){
  --a:#0f766e;
  --b:#16a34a;
  --c:#c8901e;
  --bg:#f5f8f7;
  --panel:#ffffff;
  --txt:#10221c;
  --mut:#53655f;
  --line:rgba(15,118,110,.18);
  color:var(--txt);
  background:linear-gradient(180deg,#fbfdfc,#eef6f3) !important;
}
body.crm-dark:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(32,216,107,.05) 1px,transparent 1px),
    linear-gradient(0deg,rgba(32,216,107,.035) 1px,transparent 1px),
    radial-gradient(circle at 78% 8%,rgba(32,216,107,.3),transparent 16%);
  background-size:64px 64px,64px 64px,auto;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.95),rgba(0,0,0,.28));
}
body.crm-dark .app{background:transparent}
body.crm-dark .side,
body.crm-dark .topbar,
body.crm-dark .panel,
body.crm-dark .kpi,
body.crm-dark .pcard,
body.crm-dark .tablewrap,
body.crm-dark .auth-card,
body.crm-dark .modal-box,
body.crm-dark .nav-group,
body.crm-dark .product-group,
body.crm-dark .lane,
body.crm-dark .deal,
body.crm-dark .card{
  background:
    linear-gradient(145deg,rgba(13,58,50,.9),rgba(3,22,20,.74)),
    radial-gradient(420px 160px at 70% 0%,rgba(32,216,107,.12),transparent 64%) !important;
  border:1px solid rgba(116,255,181,.16) !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(32,216,107,.08) !important;
  backdrop-filter:blur(18px) saturate(1.16);
}
body.crm-dark .topbar{
  position:sticky;
  top:12px;
  z-index:20;
  border-radius:14px;
  padding:12px;
}
body.crm-dark .toolbar{
  border-radius:14px;
  border:1px solid rgba(255,224,138,.18)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025)),
    linear-gradient(180deg,rgba(12,60,50,.78),rgba(3,22,20,.58))!important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.14)!important;
  backdrop-filter:blur(18px) saturate(1.22);
  -webkit-backdrop-filter:blur(18px) saturate(1.22);
  padding:12px;
}
body.crm-dark .side{
  box-shadow:
    -24px 0 80px rgba(0,0,0,.36),
    inset 1px 0 0 rgba(255,213,74,.18) !important;
}
body.crm-dark .brand{
  overflow:visible;
  transform-style:preserve-3d;
  background:linear-gradient(145deg,rgba(8,46,39,.96),rgba(4,22,20,.88)) !important;
}
body.crm-dark .brand:before{
  content:"";
  position:absolute;
  inset:-28px -18px auto auto;
  width:150px;
  height:150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(32,216,107,.32),transparent 68%);
  filter:blur(10px);
  z-index:-1;
}
body.crm-dark .cube,
body.crm-dark .auth-logo,
body.crm-dark .karafarin-orbit img{
  background:#eefbf0 !important;
  border:1px solid rgba(255,255,255,.54) !important;
  object-fit:contain;
  transform-style:preserve-3d;
  filter:
    drop-shadow(0 28px 42px rgba(32,216,107,.42))
    drop-shadow(0 0 24px rgba(255,213,74,.34)) !important;
  animation:karafarinLogoFloat 5.8s ease-in-out infinite;
}
body.crm-dark .logo-stage{
  position:relative;
  perspective:900px;
}
body.crm-dark .logo-stage:before,
body.crm-dark .karafarin-orbit:before{
  content:"";
  position:absolute;
  inset:-18px;
  border:1px solid rgba(71,255,135,.64);
  transform:rotate(45deg) translateZ(-18px);
  box-shadow:0 0 22px rgba(32,216,107,.55), inset 0 0 22px rgba(255,213,74,.22);
  animation:karafarinDiamond 8s linear infinite;
}
body.crm-dark .brand:after,
body.crm-dark .logo-stage:after,
body.crm-dark .karafarin-orbit:after{
  content:"";
  position:absolute;
  inset:-45%;
  background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.86) 47%,rgba(255,213,74,.42) 52%,transparent 60%);
  transform:translateX(-70%) rotate(8deg);
  animation:shineSweep 4.2s ease-in-out infinite;
  pointer-events:none;
}
body.crm-dark .btn{
  border-radius:10px;
  color:#fff8d8;
  border:1px solid transparent;
  background:
    linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035)) padding-box,
    linear-gradient(135deg,rgba(255,224,138,.92),rgba(32,216,107,.82) 48%,rgba(255,210,79,.84)) border-box;
  box-shadow:
    0 16px 34px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(32,216,107,.16);
  backdrop-filter:blur(16px) saturate(1.35);
  -webkit-backdrop-filter:blur(16px) saturate(1.35);
  text-shadow:0 1px 8px rgba(0,0,0,.68);
  position:relative;
  overflow:hidden;
}
body.crm-dark .btn:before{
  content:"";
  position:absolute;
  inset:2px 2px auto 2px;
  height:45%;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.2),transparent);
  pointer-events:none;
}
body.crm-dark .btn:after{
  content:"";
  position:absolute;
  inset:-80% auto -80% -55%;
  width:42%;
  background:linear-gradient(115deg,transparent,rgba(255,255,255,.28),rgba(255,224,138,.16),transparent);
  transform:rotate(12deg);
  transition:transform .55s ease;
  pointer-events:none;
}
body.crm-dark .btn:hover{
  transform:translateY(-2px);
  color:#fff;
  border-color:transparent;
  background:
    linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.055)) padding-box,
    linear-gradient(135deg,#ffe08a,#20d86b 44%,#ffd24f 72%,#0fb58f) border-box;
  box-shadow:
    0 22px 46px rgba(0,0,0,.4),
    0 0 26px rgba(32,216,107,.16),
    0 0 24px rgba(255,210,79,.1),
    inset 0 1px 0 rgba(255,255,255,.26);
}
body.crm-dark .btn:hover:after{
  transform:translateX(360%) rotate(12deg);
}
body.crm-dark .btn.primary{
  color:#151007;
  border:1px solid transparent;
  background:
    linear-gradient(145deg,rgba(255,255,255,.46),rgba(255,255,255,.14)) padding-box,
    linear-gradient(135deg,#fff0a8,#31ee78 44%,#ffd24f 72%,#0fb58f) border-box;
  box-shadow:
    0 22px 48px rgba(32,216,107,.28),
    0 0 30px rgba(255,210,79,.16),
    inset 0 1px 0 rgba(255,255,255,.62),
    inset 0 -1px 0 rgba(110,70,10,.18);
  text-shadow:0 1px 0 rgba(255,255,255,.36);
}
body.crm-dark input,
body.crm-dark select,
body.crm-dark textarea{
  background:linear-gradient(180deg,rgba(3,20,18,.82),rgba(2,12,11,.88));
  color:var(--txt);
  border:1px solid rgba(118,255,180,.2);
  border-radius:10px;
  box-shadow:inset 0 1px 8px rgba(0,0,0,.32);
}
body.crm-dark input::placeholder{color:rgba(209,255,226,.5)}
body.crm-dark th{
  background:#06211d;
  color:#dfffe9;
}
body.crm-dark tbody tr:hover td{background:rgba(32,216,107,.075)}
body.crm-dark .nav a{
  border-radius:10px;
  color:#c7ded0;
}
body.crm-dark .nav a.active{
  color:#fff;
  background:
    linear-gradient(135deg,rgba(32,216,107,.27),rgba(255,213,74,.12)),
    linear-gradient(180deg,rgba(255,255,255,.06),transparent);
  border-color:rgba(32,216,107,.32);
  box-shadow:0 14px 28px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.04);
}
body.crm-dark .muted,
body.crm-dark .sub,
body.crm-dark .auth-hint,
body.crm-dark .auth p{
  color:var(--lux-gold-soft)!important;
  text-shadow:0 1px 8px rgba(0,0,0,.72);
}
body.crm-dark #viewTitle,
body.crm-dark .panel h3,
body.crm-dark .modal-box h2,
body.crm-dark .auth-card h1,
body.crm-dark .brand b,
body.crm-dark .form-grid label span,
body.crm-dark label>span,
body.crm-dark .detail .d small,
body.crm-dark .nav-group summary,
body.crm-dark .product-group summary,
body.crm-dark .dash-section summary b,
body.crm-dark .pcard b,
body.crm-dark .doc-folder b,
body.crm-dark .ops-head h3,
body.crm-dark .ops-card small,
body.crm-dark .kpi small,
body.crm-dark .doc-metric span,
body.crm-dark .bar-row .lbl,
body.crm-dark .tab-btn,
body.crm-dark th{
  color:var(--lux-gold)!important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.78),
    0 0 12px rgba(255,210,79,.22),
    0 0 2px rgba(0,0,0,.9);
}
body.crm-dark .panel h3,
body.crm-dark .modal-box h2,
body.crm-dark #viewTitle,
body.crm-dark .dash-section summary b{
  color:var(--lux-gold-strong)!important;
  font-weight:800;
}
body.crm-dark .tab-btn.on,
body.crm-dark .segmented button.on,
body.crm-dark .segmented button:hover{
  color:#151007!important;
  text-shadow:0 1px 0 rgba(255,255,255,.28);
  background:linear-gradient(135deg,#fff1a8,#ffd24f 48%,#b77818)!important;
  border-color:rgba(255,224,138,.72)!important;
  box-shadow:0 10px 24px rgba(255,191,54,.18), inset 0 1px 0 rgba(255,255,255,.48);
}
.crm-hero{
  min-height:210px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 240px;
  align-items:center;
  gap:18px;
  overflow:hidden;
  position:relative;
}
.crm-hero:before{
  content:"";
  position:absolute;
  inset:auto 5% 22px 5%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,213,74,.8),rgba(32,216,107,.75),transparent);
  box-shadow:0 0 26px rgba(32,216,107,.8);
}
.hero-copy h2{margin:0 0 10px;font-size:30px;line-height:1.45}
.hero-copy p{margin:0;color:var(--mut);max-width:760px;line-height:2}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.karafarin-orbit{
  position:relative;
  display:grid;
  place-items:center;
  width:190px;
  height:190px;
  margin-inline:auto;
  perspective:900px;
}
.karafarin-orbit img{
  width:116px;
  height:116px;
  border-radius:18px;
  padding:8px;
  z-index:2;
}
.karafarin-orbit:before{inset:20px}
.dashboard-stack{display:grid;gap:14px}
.dash-section{
  border-radius:12px;
  border:1px solid rgba(118,255,180,.16);
  overflow:hidden;
  background:linear-gradient(145deg,rgba(9,40,35,.84),rgba(3,18,16,.7));
  box-shadow:0 16px 38px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.06);
}
.dash-section summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  align-items:center;
  gap:10px;
  padding:13px 15px;
  color:#ecfff3;
}
.dash-section summary::-webkit-details-marker{display:none}
.dash-section summary svg{width:20px;height:20px;fill:currentColor;color:var(--a)}
.dash-section summary i{
  margin-inline-start:auto;
  width:18px;
  height:18px;
  border:1px solid rgba(118,255,180,.2);
  border-radius:50%;
  position:relative;
}
.dash-section summary i:before,
.dash-section summary i:after{
  content:"";
  position:absolute;
  inset:8px 4px auto;
  height:1px;
  background:currentColor;
}
.dash-section summary i:after{transform:rotate(90deg)}
.dash-section[open] summary i:after{display:none}
.dash-section-body{padding:0 14px 14px}
.danger-glow{
  border-color:rgba(255,77,80,.35);
  box-shadow:0 18px 44px rgba(255,77,80,.1),0 16px 38px rgba(0,0,0,.28);
}
.segmented{
  display:flex;
  gap:4px;
  flex-wrap:wrap;
  padding:5px;
  border-radius:11px;
  border:1px solid rgba(118,255,180,.15);
  background:rgba(0,0,0,.18);
  margin-bottom:12px;
}
.segmented button{
  border:0;
  border-radius:8px;
  padding:8px 12px;
  cursor:pointer;
  color:var(--mut);
  background:transparent;
  font-family:inherit;
}
.segmented button.on,
.segmented button:hover{
  color:#04120d;
  background:linear-gradient(135deg,#42f57c,#ffd54a);
}
.doc-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:12px 0;
}
.doc-metric{
  text-align:right;
  border-radius:12px;
  border:1px solid rgba(118,255,180,.18);
  padding:14px;
  color:inherit;
  background:linear-gradient(145deg,rgba(17,69,55,.78),rgba(3,22,19,.68));
  cursor:pointer;
}
.doc-metric b{display:block;font-size:26px;color:var(--ok)}
.doc-metric span{color:var(--mut);font-size:12px}
.doc-folder{
  text-align:right;
  cursor:pointer;
  display:grid;
  gap:8px;
}
.doc-folder.active{
  outline:2px solid rgba(255,213,74,.65);
  box-shadow:0 0 0 5px rgba(255,213,74,.08),0 24px 60px rgba(0,0,0,.34) !important;
}
.mini-table table{min-width:560px}
.profile-btn{white-space:nowrap}
.icon-btn{min-width:56px}
.ops-panel{
  position:relative;
  overflow:hidden;
}
.ops-panel:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 0%,rgba(255,213,74,.16),transparent 28%),
    radial-gradient(circle at 88% 18%,rgba(32,216,107,.14),transparent 32%);
}
.ops-head,
.ops-grid,
.ops-counts,
.ops-table{position:relative;z-index:1}
.ops-head{
  padding:12px;
  margin-bottom:12px;
  border-radius:12px;
  border:1px solid rgba(118,255,180,.18);
  background:linear-gradient(145deg,rgba(8,43,35,.9),rgba(2,17,15,.84));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.ops-head h3{color:#ecfff3}
.ops-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:14px 0;
}
.ops-card{
  min-height:102px;
  border:1px solid rgba(118,255,180,.18);
  border-radius:12px;
  padding:15px;
  background:linear-gradient(145deg,rgba(12,55,45,.82),rgba(3,18,16,.78));
  box-shadow:0 18px 38px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06);
}
.ops-card small{
  display:block;
  color:var(--mut);
  margin-bottom:8px;
}
.ops-card b{
  display:block;
  color:#ecfff3;
  font-size:20px;
  line-height:1.6;
}
.ok-text{color:#67ff9a!important}
.danger-text{color:#ff6b6b!important}

.sms-pattern-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.sms-pattern-card{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  padding:14px;border:1px solid rgba(245,197,87,.28);border-radius:16px;
  background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(14,88,63,.22));
  box-shadow:0 14px 32px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.12)
}
.sms-pattern-card small{display:block;color:#f8d98c;margin-bottom:6px}
.sms-pattern-card b{display:block;color:#ffe6a6;margin-bottom:8px}
.sms-pattern-card p{margin:0;color:rgba(255,255,255,.82);line-height:1.9;font-size:13px}
.sms-pattern-card .row-actions{display:flex;gap:8px;flex-shrink:0}
.hint{color:#f7d88b;font-size:12.5px;line-height:1.8}
.ops-counts{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin:10px 0 14px;
}
.ops-counts span{
  border:1px solid rgba(118,255,180,.14);
  border-radius:10px;
  padding:10px 12px;
  background:rgba(1,18,15,.42);
}
.ops-counts b{display:block;color:var(--a);font-size:18px}
.ops-counts small{display:block;color:var(--mut);font-size:11px;overflow:hidden;text-overflow:ellipsis}
.ops-table code{
  direction:ltr;
  display:inline-block;
  color:#ffe477;
  background:rgba(255,213,74,.08);
  border:1px solid rgba(255,213,74,.18);
  border-radius:7px;
  padding:3px 6px;
}
body.side-collapsed .app{grid-template-columns:86px 1fr}
body.side-collapsed .brand div,
body.side-collapsed .nav-group summary,
body.side-collapsed .nav a:not(.active),
body.side-collapsed .side-foot .themes,
body.side-collapsed #motionBtn{display:none}

/* Performance pass: keep all features visible, reduce layout/paint cost. */
.panel,
.tablewrap,
.pcard,
.quick-buttons,
.dash-section,
.kpi{
  content-visibility:auto;
  contain-intrinsic-size:1px 220px;
}
.tablewrap,
.cards-grid,
.product-catalog,
.quick-scroll{
  contain:layout paint;
}
.motion-chip,
.motion-scene{
  transform:translateZ(0);
}
.motion-scene{
  will-change:transform,opacity;
}
.quick-buttons{
  transform:translateZ(0);
}
.quick-scroll{
  scroll-behavior:auto;
}
body.crm-dark td{
  color:#fff2bd!important;
  text-shadow:0 1px 7px rgba(0,0,0,.76);
}
body.crm-dark .tablewrap td,
body.crm-dark .tablewrap td *,
body.crm-dark .compact-table td,
body.crm-dark .compact-table td *{
  color:#fff3c4!important;
  opacity:1!important;
}
body.crm-dark .tablewrap th,
body.crm-dark .compact-table th,
body.crm-dark .quick-head b{
  color:#ffd76a!important;
  text-shadow:0 0 12px rgba(255,215,106,.28);
}
body.crm-dark .tablewrap .tag,
body.crm-dark .tablewrap .pill{
  color:#17311f!important;
  text-shadow:none;
}
body.crm-dark td b,
body.crm-dark .tablewrap b{
  color:#ffe08a!important;
}
body.crm-dark td .muted,
body.crm-dark .tablewrap .muted{
  color:rgba(255,232,160,.86)!important;
}
body.side-collapsed .side{padding-inline:10px}
body.side-collapsed .brand{justify-content:center}
body.side-collapsed .nav-links{padding:0;display:grid;gap:8px}
body.side-collapsed .nav a{justify-content:center;padding:12px}
body.side-collapsed .nav a .ico{margin:0}
body.side-collapsed .nav a{font-size:0}
body.side-collapsed .nav a .ico{font-size:18px}
@keyframes karafarinLogoFloat{
  0%,100%{transform:perspective(760px) rotateX(0deg) rotateY(0deg) translateY(0)}
  50%{transform:perspective(760px) rotateX(7deg) rotateY(-11deg) translateY(-7px)}
}
@keyframes karafarinDiamond{
  to{transform:rotate(405deg) translateZ(-18px)}
}
@media(max-width:900px){
  .login-scene{
    width:160px;
    height:82px;
    opacity:.64;
  }
  .login-scene:nth-of-type(2){right:-28px;top:10%}
  .login-scene:nth-of-type(3){left:-28px;top:18%}
  .login-scene:nth-of-type(4){right:-34px;bottom:18%}
  .login-scene:nth-of-type(5){left:-34px;bottom:20%}
  .login-scene:nth-of-type(n+6){display:none}
  .login-holo-mark{
    width:210px;
    height:210px;
    opacity:.24;
  }
  .motion-chip{
    min-width:138px;
    min-height:58px;
    padding-bottom:28px;
  }
  .motion-chip .chip-title{
    max-width:102px;
    font-size:12px;
  }
  .crm-hero{grid-template-columns:1fr}
  .karafarin-orbit{height:150px;width:150px}
  .doc-metrics{grid-template-columns:1fr}
  .side{max-height:46vh;overflow:auto}
  .main{padding:14px}
  .topbar{
    position:relative!important;
    top:auto!important;
    display:grid;
    grid-template-columns:1fr;
    align-items:stretch;
    padding:10px!important;
  }
  .topbar h1{font-size:20px}
  .search{max-width:none;min-width:0;display:grid;grid-template-columns:1fr}
  .usermenu{justify-content:stretch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .usermenu .who,.avatar{display:none}
  .usermenu .btn{width:100%;padding:9px 7px;white-space:normal}
  .kpis{grid-template-columns:1fr 1fr}
  .ops-grid,.ops-counts{grid-template-columns:1fr}
  body.side-collapsed .app,
  .app{grid-template-columns:1fr}
  body.side-collapsed .brand div,
  body.side-collapsed .nav-group summary,
  body.side-collapsed .nav a:not(.active),
  body.side-collapsed .side-foot .themes,
  body.side-collapsed #motionBtn{display:block}
  body.side-collapsed .nav a{font-size:14px;justify-content:flex-start}
}

/* v23: luxury sidebar mark + 3D collapsible dashboard */
body.crm-dark .side .brand{
  position:relative!important;
  overflow:hidden!important;
  min-height:108px;
  padding:18px 18px 18px 126px!important;
  isolation:isolate;
}
body.crm-dark .side .brand .cube{
  position:absolute!important;
  left:18px;
  top:50%;
  width:112px!important;
  height:112px!important;
  padding:10px!important;
  transform:translateY(-50%) rotateX(18deg) rotateY(-20deg) scale(1.05)!important;
  opacity:.22!important;
  filter:blur(.15px) saturate(1.15) drop-shadow(0 0 30px rgba(38,255,126,.55))!important;
  mix-blend-mode:screen;
}
body.crm-dark .side .brand div{position:relative;z-index:2}
body.crm-dark .side .brand b{font-size:18px!important;text-shadow:0 0 18px rgba(255,210,79,.26)}
body.crm-dark .side .brand small{font-size:12.5px!important;color:rgba(255,232,160,.8)!important}
.dashboard-stack{perspective:1200px}
.dash-section{
  transform-style:preserve-3d;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.dash-section:hover{
  transform:translateY(-2px) rotateX(1.1deg);
  border-color:rgba(255,214,96,.32);
  box-shadow:0 22px 54px rgba(0,0,0,.34),0 0 34px rgba(32,216,107,.12),inset 0 1px 0 rgba(255,255,255,.1);
}
.dash-section summary{position:relative;min-height:48px;user-select:none}
.dash-section summary:after{
  content:"";
  position:absolute;
  inset:auto 16px 0 16px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,214,96,.58),rgba(32,216,107,.5),transparent);
}
.dash-section-body{
  transform-origin:top center;
  animation:dashFoldOpen .34s cubic-bezier(.2,.75,.2,1) both;
  will-change:transform,opacity,filter;
}
.dash-section:not([open]){transform:translateZ(-4px)}
.dash-section[open] summary i{
  transform:rotate(180deg);
  background:radial-gradient(circle,rgba(255,214,96,.22),transparent 72%);
}
@keyframes dashFoldOpen{
  from{opacity:0;transform:rotateX(-18deg) translateY(-10px);filter:blur(4px)}
  to{opacity:1;transform:rotateX(0) translateY(0);filter:blur(0)}
}
body.reduce-motion .dash-section,
body.reduce-motion .dash-section-body,
body.reduce-motion .side .brand .cube{
  animation:none!important;
  transition:none!important;
  transform:none!important;
}

/* v24: darker CRM readability + smoother 3D surfaces */
body.crm-dark .tablewrap,
body.crm-dark .pcard,
body.crm-dark .quick-buttons,
body.crm-dark .dash-section{
  background:linear-gradient(145deg,rgba(4,35,29,.88),rgba(2,18,16,.94))!important;
  border-color:rgba(255,210,90,.24)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,236,170,.08);
}
body.crm-dark table th,
body.crm-dark .detail .d small,
body.crm-dark .pcard .tag,
body.crm-dark .quick-head b{
  color:#ffe39a!important;
  text-shadow:0 0 14px rgba(255,209,79,.22);
}
body.crm-dark table td,
body.crm-dark .pcard b,
body.crm-dark .policy-detail .d b,
body.crm-dark #instRows td:first-child,
body.crm-dark #renewRows td:first-child{
  color:#fff7db!important;
  opacity:1!important;
}
body.crm-dark .muted,
body.crm-dark table small,
body.crm-dark .pcard .muted{
  color:rgba(255,232,170,.76)!important;
}
body.crm-dark .quick-btn,
body.crm-dark .btn{
  background:linear-gradient(145deg,rgba(21,86,65,.62),rgba(255,210,80,.20))!important;
  border:1px solid rgba(255,222,122,.42)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 28px rgba(0,0,0,.22);
  backdrop-filter:blur(14px) saturate(130%);
}
body.crm-dark .quick-btn span{color:#fff7db!important}
body.crm-dark .quick-btn small{color:#ffe39a!important}
body.crm-dark .side .brand .cube{
  width:138px!important;
  height:138px!important;
  opacity:.14!important;
  filter:blur(.7px) saturate(1.2) drop-shadow(0 0 42px rgba(45,255,139,.42))!important;
}
.dashboard-stack,.cards-grid,.tablewrap,.product-catalog{contain:layout paint}
.motion-scene,.login-motion-stage,.karafarin-orbit,.brand .cube,.dash-section{will-change:transform,opacity}
.dash-section[open] .dash-section-body{transform-origin:top center}

/* Enterprise v3 — dashboard folding, AI studio, and voice-call polish */
.dash-fold-btn,.dash-ai-btn{position:relative;overflow:hidden;transform-style:preserve-3d}
.dash-fold-btn:before,.dash-ai-btn:before{content:"";position:absolute;inset:-2px;background:linear-gradient(120deg,transparent,rgba(255,255,255,.22),transparent);transform:translateX(120%) skewX(-18deg);transition:.55s;pointer-events:none}
.dash-fold-btn:hover:before,.dash-ai-btn:hover:before{transform:translateX(-120%) skewX(-18deg)}
.dash-3d-pulse{animation:dashPulse3D .62s cubic-bezier(.18,.85,.22,1) both!important}
@keyframes dashPulse3D{0%{transform:rotateX(-8deg) translateY(-6px) scale(.985);filter:blur(2px)}55%{transform:rotateX(4deg) translateY(-2px) scale(1.012);filter:blur(0)}100%{transform:rotateX(0) translateY(0) scale(1)}}
.ai-studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ai-studio-card{text-align:right;border:1px solid var(--line);border-radius:18px;padding:14px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));color:var(--txt);cursor:pointer;transition:.18s;min-height:118px}
.ai-studio-card:hover{transform:translateY(-3px) rotateX(2deg);border-color:color-mix(in srgb,var(--a) 55%,transparent);box-shadow:0 20px 45px rgba(0,0,0,.28)}
.ai-studio-card b{display:block;margin-bottom:7px;color:#fff}
.ai-studio-card span{display:block;color:var(--mut);font-size:12.5px;line-height:1.85}
.voice-estimate{border:1px solid rgba(251,191,36,.28);border-radius:16px;padding:12px;background:rgba(251,191,36,.08);color:#fde68a;font-size:13px}
.voice-estimate small{display:block;color:var(--mut);margin-top:5px}
.voice-disclosure{border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:rgba(255,255,255,.035)}
@media(max-width:760px){.ai-studio-grid{grid-template-columns:1fr}.hero-actions{display:grid;grid-template-columns:1fr;gap:8px}}


/* Enterprise v4 10X visual system */
.x10-hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 18% 12%,rgba(255,214,96,.22),transparent 34%),linear-gradient(135deg,rgba(3,70,54,.92),rgba(7,17,34,.86))!important}
.x10-hero:before{content:"";position:absolute;inset:-120px;background:conic-gradient(from 180deg,transparent,rgba(255,214,96,.18),rgba(32,216,107,.22),transparent);animation:x10Spin 10s linear infinite;z-index:-1}
.x10-badge{display:inline-flex;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,222,122,.34);background:rgba(255,214,96,.09);color:#ffe49a;font-size:12px;margin-bottom:10px;box-shadow:0 0 34px rgba(255,214,96,.12)}
.x10-orbit{filter:drop-shadow(0 0 34px rgba(32,216,107,.34));animation:x10Float 5.5s ease-in-out infinite alternate}
.x10-kpis .kpi{transform-style:preserve-3d;position:relative;overflow:hidden}.x10-kpis .kpi:after{content:"";position:absolute;inset:auto -15% -60% -15%;height:85%;background:radial-gradient(circle,rgba(255,214,96,.16),transparent 62%);transform:rotateX(62deg)}
.x10-command-grid{display:grid;grid-template-columns:280px 1fr 1fr;gap:14px;align-items:stretch}.x10-radar{min-height:260px;position:relative;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 50% 45%,rgba(32,216,107,.18),transparent 36%),rgba(255,255,255,.035);display:grid;place-items:center;overflow:hidden}.x10-radar:before{content:"";position:absolute;inset:24px;border-radius:50%;border:1px dashed rgba(255,214,96,.32);animation:x10Spin 12s linear infinite}.x10-radar:after{content:"";position:absolute;width:80%;height:2px;background:linear-gradient(90deg,transparent,rgba(32,216,107,.55),transparent);animation:x10Sweep 3.2s ease-in-out infinite}.x10-orb-core{position:absolute;z-index:3;width:94px;height:94px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,214,96,.24),rgba(32,216,107,.16));border:1px solid rgba(255,222,122,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 18px 45px rgba(0,0,0,.28);transform:rotateX(12deg) rotateY(-14deg)}.x10-orb-core span{font-weight:900;font-size:24px;color:#ffe49a}.x10-orb-core small{font-size:10px;color:rgba(255,240,190,.75)}
.x10-ring{position:absolute;width:116px;height:116px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--a) var(--deg),rgba(255,255,255,.08) 0);box-shadow:0 15px 40px rgba(0,0,0,.24);z-index:2}.x10-ring i{position:absolute;inset:9px;border-radius:50%;background:rgba(3,20,18,.88);border:1px solid rgba(255,255,255,.1)}.x10-ring b,.x10-ring small{position:relative;z-index:2}.x10-ring b{font-size:22px;color:#fff4c5}.x10-ring small{font-size:10px;color:rgba(255,238,180,.76);margin-top:30px}.x10-ring.risk{right:18px;top:18px;--a:#fb7185}.x10-ring.opp{left:18px;bottom:18px;--a:#34d399}
.x10-focus-list,.x10-actions,.x10-scripts{display:grid;gap:10px}.x10-focus,.x10-action,.x10-script{border:1px solid var(--line);border-radius:18px;padding:13px 14px;text-align:right;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));color:var(--txt);transition:.18s;cursor:pointer}.x10-focus{cursor:default}.x10-focus:hover,.x10-action:hover,.x10-script:hover{transform:translateY(-3px) rotateX(1.5deg);box-shadow:0 20px 45px rgba(0,0,0,.25);border-color:rgba(255,214,96,.32)}.x10-focus b,.x10-action b,.x10-script b{display:block;color:#fff1b8;margin-bottom:5px}.x10-focus span,.x10-action span,.x10-script span{display:block;color:var(--mut);font-size:12.5px;line-height:1.75}.x10-action small{display:inline-flex;margin-top:7px;color:#9fffc7;font-size:11px}.x10-focus.danger{border-color:rgba(251,113,133,.42);background:rgba(251,113,133,.08)}.x10-focus.high{border-color:rgba(251,191,36,.42);background:rgba(251,191,36,.08)}.x10-focus.ok{border-color:rgba(52,211,153,.34);background:rgba(52,211,153,.07)}
body.x10-focus-mode .side,body.x10-focus-mode .topbar .search,body.x10-focus-mode .usermenu{opacity:.16;filter:blur(1px);transition:.25s}body.x10-focus-mode .main{max-width:1200px;margin-inline:auto}.x10-dash{border-color:rgba(255,214,96,.36)!important;box-shadow:0 28px 68px rgba(0,0,0,.35),0 0 52px rgba(32,216,107,.12)!important}
@keyframes x10Spin{to{transform:rotate(360deg)}}@keyframes x10Float{to{transform:translateY(-10px) rotateX(6deg) rotateY(-8deg)}}@keyframes x10Sweep{0%,100%{transform:rotate(0deg);opacity:.35}50%{transform:rotate(172deg);opacity:.8}}
@media(max-width:1100px){.x10-command-grid{grid-template-columns:1fr}.x10-radar{min-height:230px}}@media(max-width:760px){.x10-ring{width:96px;height:96px}.x10-focus-list,.x10-actions,.x10-scripts{display:block}.x10-focus,.x10-action,.x10-script{margin-bottom:10px}}


/* =================================================================== */
/* Enterprise v5 10X UI/UX — Karafarin luxury glass + 3D motion         */
/* =================================================================== */
:root{
  --k-green:#00843d;
  --k-green-2:#00b15a;
  --k-gold:#ffd86b;
  --k-gold-2:#ffb72c;
  --x10-ink:#06110d;
  --x10-card:rgba(255,255,255,.105);
  --x10-card-strong:rgba(255,255,255,.16);
  --x10-border:rgba(255,232,170,.22);
  --x10-shadow:0 28px 86px rgba(0,0,0,.35),0 0 64px rgba(0,132,61,.12);
}
body.x10-ui-v5{
  background:
    radial-gradient(1050px 620px at 12% 2%,rgba(0,177,90,.22),transparent 55%),
    radial-gradient(920px 540px at 88% 0%,rgba(255,216,107,.16),transparent 58%),
    linear-gradient(140deg,#030807 0%,#071a14 42%,#09101f 100%)!important;
  color:#f5f7ee;
}
.x10-ambient{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;isolation:isolate}
.x10-mesh{position:absolute;border-radius:999px;filter:blur(34px);opacity:.7;mix-blend-mode:screen;animation:x10MeshDrift 10s ease-in-out infinite alternate}
.x10-mesh.m1{width:360px;height:360px;right:7%;top:9%;background:radial-gradient(circle,rgba(0,177,90,.55),transparent 66%)}
.x10-mesh.m2{width:420px;height:420px;left:10%;bottom:4%;background:radial-gradient(circle,rgba(255,216,107,.34),transparent 67%);animation-delay:1.3s}
.x10-mesh.m3{width:280px;height:280px;right:45%;bottom:25%;background:radial-gradient(circle,rgba(51,181,229,.20),transparent 70%);animation-delay:2.1s}
.x10-gridlines{position:absolute;inset:-20%;opacity:.16;background-image:linear-gradient(rgba(255,232,170,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,232,170,.16) 1px,transparent 1px);background-size:52px 52px;transform:perspective(700px) rotateX(62deg) translateY(12%);transform-origin:center bottom;animation:x10GridFlow 12s linear infinite}
.x10-light-beam{position:absolute;inset:-15%;background:conic-gradient(from 125deg at var(--mx,50%) var(--my,20%),transparent 0 18%,rgba(255,216,107,.11) 22%,rgba(0,177,90,.16) 30%,transparent 42% 100%);opacity:.9;transition:.08s}
.x10-cursor-glow{position:fixed;left:var(--mx,-100px);top:var(--my,-100px);width:280px;height:280px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,216,107,.11),rgba(0,177,90,.08) 42%,transparent 70%);pointer-events:none;z-index:2;mix-blend-mode:screen}
body.x10-no-particles .x10-mesh,body.x10-no-particles .x10-gridlines,body.x10-no-particles .x10-light-beam,body.x10-no-particles .x10-cursor-glow{display:none}
body.x10-ui-v5 .app{position:relative;z-index:1;perspective:1500px}
body.x10-ui-v5 .side{
  margin:18px 18px 18px 0;height:calc(100vh - 36px);border:1px solid var(--x10-border)!important;border-radius:30px;
  background:linear-gradient(164deg,rgba(255,255,255,.14),rgba(255,255,255,.045))!important;
  box-shadow:var(--x10-shadow);backdrop-filter:blur(25px) saturate(150%);transform-style:preserve-3d;overflow:hidden auto;
}
body.x10-ui-v5 .side:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.13),transparent);transform:translateX(80%) skewX(-18deg);animation:x10SideShine 7s ease-in-out infinite;pointer-events:none}
body.x10-ui-v5 .x10-brand{position:relative;padding:13px;border-radius:24px;background:linear-gradient(145deg,rgba(0,132,61,.18),rgba(255,216,107,.08));border:1px solid rgba(255,232,170,.20);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
body.x10-ui-v5 .x10-logo-halo{position:absolute;right:11px;top:11px;width:54px;height:54px;border-radius:18px;background:conic-gradient(from 0deg,var(--k-gold),var(--k-green-2),var(--k-gold));filter:blur(2px);animation:x10Spin 6s linear infinite;opacity:.85}
body.x10-ui-v5 .brand .cube{position:relative;z-index:2;object-fit:contain;background:rgba(255,255,255,.9)!important;padding:4px;border:1px solid rgba(255,255,255,.34);box-shadow:0 26px 54px rgba(0,0,0,.35),0 0 34px rgba(255,216,107,.25)!important;transform:translateZ(28px) rotateX(16deg) rotateY(-16deg)!important;animation:x10LogoHover 4.8s ease-in-out infinite alternate}
body.x10-ui-v5 .brand b{background:linear-gradient(90deg,#fff9dc,#98ffd0);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none!important}
body.x10-ui-v5 .brand small{color:rgba(255,245,204,.78)!important}
body.x10-ui-v5 .nav-group{border:1px solid rgba(255,255,255,.08);border-radius:20px;margin:0 0 10px;background:rgba(255,255,255,.035);overflow:hidden}
body.x10-ui-v5 .nav-group summary{padding:10px 13px;color:#ffe7a5;font-weight:800;font-size:12px;letter-spacing:.2px;cursor:pointer}
body.x10-ui-v5 .nav a{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.09)!important;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));transform-style:preserve-3d;box-shadow:inset 0 1px 0 rgba(255,255,255,.10);margin:3px 8px}
body.x10-ui-v5 .nav a:before,body.x10-ui-v5 .btn:before,body.x10-ui-v5 .quick-btn:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,0%),rgba(255,255,255,.28),transparent 38%);opacity:0;transition:.18s;pointer-events:none}
body.x10-ui-v5 .nav a:hover:before,body.x10-ui-v5 .btn:hover:before,body.x10-ui-v5 .quick-btn:hover:before{opacity:1}
body.x10-ui-v5 .nav a:hover{transform:translateX(-4px) translateZ(14px) rotateY(-4deg);color:#fff;box-shadow:0 18px 36px rgba(0,0,0,.20),0 0 30px rgba(0,177,90,.14)}
body.x10-ui-v5 .nav a.active{background:linear-gradient(135deg,rgba(0,132,61,.60),rgba(255,216,107,.22))!important;border-color:rgba(255,232,170,.46)!important;color:#fff!important;box-shadow:0 18px 50px rgba(0,132,61,.24),inset 0 0 0 1px rgba(255,255,255,.15)}
body.x10-ui-v5 .nav a .ico svg{filter:drop-shadow(0 0 10px rgba(255,216,107,.25))}
body.x10-ui-v5 .main{position:relative;z-index:1;padding-top:18px}
body.x10-ui-v5 .topbar{position:sticky;top:12px;z-index:30;padding:12px 14px;border:1px solid var(--x10-border);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));box-shadow:0 20px 58px rgba(0,0,0,.24);backdrop-filter:blur(22px) saturate(155%)}
body.x10-ui-v5 .topbar h1{font-weight:900;background:linear-gradient(90deg,#fff6d3,#82ffbd);-webkit-background-clip:text;background-clip:text;color:transparent}
.x10-ui-dock{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.x10-glass-btn{border-color:rgba(255,232,170,.28)!important;background:linear-gradient(145deg,rgba(255,216,107,.14),rgba(0,177,90,.09))!important;color:#fff4c5!important}
body.x10-ui-v5 .btn,body.x10-ui-v5 button{position:relative;overflow:hidden;transform-style:preserve-3d}
body.x10-ui-v5 .btn{border-color:rgba(255,232,170,.18);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 12px 30px rgba(0,0,0,.16)}
body.x10-ui-v5 .btn.primary{background:linear-gradient(135deg,var(--k-green),var(--k-green-2) 58%,var(--k-gold-2))!important;color:white;border:0!important;box-shadow:0 16px 44px rgba(0,132,61,.33),0 0 30px rgba(255,216,107,.12)}
body.x10-ui-v5 input,body.x10-ui-v5 select,body.x10-ui-v5 textarea{background:rgba(3,10,9,.46);border-color:rgba(255,232,170,.17);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
body.x10-ui-v5 .crm-hero,body.x10-ui-v5 .x10-hero{border-radius:34px!important;border:1px solid rgba(255,232,170,.24)!important;box-shadow:var(--x10-shadow)!important;background:radial-gradient(circle at 78% 34%,rgba(255,216,107,.18),transparent 33%),linear-gradient(135deg,rgba(0,132,61,.82),rgba(8,20,33,.80))!important;transform-style:preserve-3d}
body.x10-ui-v5 .crm-hero:after{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 30%,rgba(255,216,107,.07));pointer-events:none}
body.x10-ui-v5 .hero-copy h2{font-size:clamp(24px,3.6vw,44px);line-height:1.35;font-weight:950;letter-spacing:-.8px;background:linear-gradient(90deg,#fffdf1,#e9c457,#7dffbd);-webkit-background-clip:text;background-clip:text;color:transparent}
body.x10-ui-v5 .x10-badge{background:linear-gradient(135deg,rgba(255,216,107,.18),rgba(0,177,90,.10));border-color:rgba(255,232,170,.42);box-shadow:0 0 36px rgba(255,216,107,.14)}
body.x10-ui-v5 .karafarin-orbit{transform-style:preserve-3d}.x10-orbit img,.karafarin-orbit img{filter:drop-shadow(0 28px 55px rgba(0,0,0,.38)) drop-shadow(0 0 32px rgba(255,216,107,.17))}
body.x10-ui-v5 .kpis{perspective:1200px}.x10-reveal{animation:x10Reveal .62s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--x10-delay,0ms)}
body.x10-ui-v5 .kpi,body.x10-ui-v5 .panel,body.x10-ui-v5 .card,body.x10-ui-v5 .tablewrap,body.x10-ui-v5 .dash-section{background:linear-gradient(156deg,var(--x10-card),rgba(255,255,255,.035))!important;border-color:rgba(255,232,170,.16)!important;box-shadow:0 22px 58px rgba(0,0,0,.20);transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .18s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}
body.x10-ui-v5 .kpi:hover,body.x10-ui-v5 .panel:hover,body.x10-ui-v5 .card:hover,body.x10-ui-v5 .dash-section:hover{box-shadow:0 34px 86px rgba(0,0,0,.31),0 0 42px rgba(0,177,90,.11);border-color:rgba(255,232,170,.32)!important}
body.x10-ui-v5 .kpi b{font-weight:950;color:#fff7d5;text-shadow:0 0 16px rgba(255,216,107,.12)}
body.x10-ui-v5 .dashboard-stack{perspective:1400px;gap:18px}.dashboard-stack .dash-section{overflow:hidden;transform-origin:top center}.dash-section summary{position:relative;list-style:none;cursor:pointer;padding:16px 18px!important;background:linear-gradient(90deg,rgba(255,216,107,.08),rgba(0,177,90,.07),transparent);display:flex!important;align-items:center;gap:10px}.dash-section summary::-webkit-details-marker{display:none}.dash-section summary i{margin-right:auto;width:28px;height:28px;border-radius:10px;border:1px solid rgba(255,232,170,.2);display:grid;place-items:center;background:rgba(255,255,255,.06)}.dash-section summary i:before{content:"⌄";display:block;transition:.25s}.dash-section:not([open]) summary i:before{transform:rotate(90deg)}.dash-section .dash-section-body{transform-origin:top center;transition:max-height .46s cubic-bezier(.2,.8,.2,1),opacity .34s ease,transform .42s ease;overflow:hidden;max-height:1300px;opacity:1}.dash-section:not([open]) .dash-section-body{max-height:0;opacity:0;transform:perspective(800px) rotateX(-13deg) translateY(-16px)}.dash-section.x10-card-flip{animation:x10CardFlip .72s cubic-bezier(.2,.8,.2,1)}.dash-section.x10-folding{box-shadow:0 0 58px rgba(255,216,107,.16)}body.x10-dashboard-morph .dashboard-stack{animation:x10StackMorph .92s ease both}
body.x10-ui-v5 .x10-command-grid{grid-template-columns:320px 1fr 1fr!important}.x10-radar{background:radial-gradient(circle at 50% 48%,rgba(255,216,107,.14),transparent 26%),radial-gradient(circle at 50% 48%,rgba(0,177,90,.22),transparent 46%),rgba(255,255,255,.04)!important;border-color:rgba(255,232,170,.20)!important;box-shadow:inset 0 0 70px rgba(0,177,90,.08)}.x10-orb-core{background:linear-gradient(145deg,rgba(255,216,107,.31),rgba(0,177,90,.24))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 24px 58px rgba(0,0,0,.35),0 0 42px rgba(255,216,107,.18)!important}.x10-focus,.x10-action,.x10-script,.ai-tip,.doc-metric,.ai-studio-card{background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035))!important;border-color:rgba(255,232,170,.15)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.11)}.x10-focus:hover,.x10-action:hover,.x10-script:hover,.ai-studio-card:hover,.doc-metric:hover{transform:translateY(-4px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:0 24px 55px rgba(0,0,0,.27),0 0 34px rgba(255,216,107,.09)}
.x10-ripple-run:after{content:"";position:absolute;left:var(--rx,50%);top:var(--ry,50%);width:14px;height:14px;border-radius:999px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.72),rgba(255,216,107,.30),transparent 68%);animation:x10Ripple .68s ease-out;pointer-events:none;z-index:5}.x10-view-leave{opacity:.45;transform:perspective(900px) rotateX(4deg) translateY(10px);filter:blur(2px);transition:.14s}.x10-view-enter{animation:x10ViewEnter .58s cubic-bezier(.2,.8,.2,1) both}.modal.show .modal-box{animation:x10ModalIn .38s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 40px 110px rgba(0,0,0,.45),0 0 80px rgba(0,177,90,.13);border-color:rgba(255,232,170,.24)!important;background:linear-gradient(155deg,rgba(20,32,28,.92),rgba(8,16,24,.92))!important}.toast{backdrop-filter:blur(18px);border:1px solid rgba(255,232,170,.20)!important;box-shadow:0 18px 44px rgba(0,0,0,.28)!important}
body[data-density="compact"] .panel,body[data-density="compact"] .card{padding:14px!important}body[data-density="compact"] th,body[data-density="compact"] td{padding:9px 10px!important}body[data-density="compact"] .kpi{padding:13px!important}body[data-density="compact"] .topbar{padding:9px 11px!important}
@keyframes x10MeshDrift{to{transform:translate3d(34px,-28px,0) scale(1.07)}}@keyframes x10GridFlow{to{background-position:0 52px,52px 0}}@keyframes x10SideShine{0%,55%{transform:translateX(110%) skewX(-18deg);opacity:0}70%{opacity:.9}100%{transform:translateX(-130%) skewX(-18deg);opacity:0}}@keyframes x10LogoHover{to{transform:translateZ(34px) rotateX(20deg) rotateY(-20deg) translateY(-4px)!important}}@keyframes x10Reveal{from{opacity:0;transform:perspective(900px) translateY(18px) rotateX(7deg) scale(.985)}to{opacity:1;transform:perspective(900px) translateY(0) rotateX(0) scale(1)}}@keyframes x10CardFlip{0%{transform:perspective(1100px) rotateX(0) translateY(0)}45%{transform:perspective(1100px) rotateX(9deg) translateY(-10px)}100%{transform:perspective(1100px) rotateX(0) translateY(0)}}@keyframes x10StackMorph{50%{transform:perspective(1400px) rotateX(3deg) scale(.992)}}@keyframes x10Ripple{to{width:420px;height:420px;opacity:0}}@keyframes x10ViewEnter{from{opacity:0;transform:perspective(900px) rotateX(-5deg) translateY(18px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes x10ModalIn{from{opacity:0;transform:perspective(1000px) translateY(22px) rotateX(-7deg) scale(.985)}to{opacity:1;transform:none}}@keyframes x10Spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){body.x10-ui-v5 .x10-command-grid{grid-template-columns:1fr!important}.x10-ui-dock{order:10;width:100%}}@media(max-width:760px){body.x10-ui-v5 .side{margin:10px;height:auto;border-radius:24px}body.x10-ui-v5 .topbar{top:6px}.x10-ui-dock{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.x10-ui-dock .btn{width:100%;padding-inline:6px}.hero-actions{display:grid!important;grid-template-columns:1fr 1fr}.hero-actions .btn{width:100%}}
body.reduce-motion .x10-mesh,body.reduce-motion .x10-gridlines,body.reduce-motion .x10-light-beam,body.reduce-motion .brand .cube,body.reduce-motion .x10-reveal,body.reduce-motion .dashboard-stack,body.reduce-motion .dash-section,body.reduce-motion .btn{animation:none!important;transition:none!important;transform:none!important}


/* =================================================================== */
/* v6 Performance/Search UI                                            */
/* =================================================================== */
.v6-command{display:flex;justify-content:space-between;gap:18px;align-items:center;position:relative;overflow:hidden}.v6-command:before{content:"";position:absolute;inset:-1px;background:radial-gradient(600px 160px at 85% 0,color-mix(in srgb,var(--b) 22%,transparent),transparent 65%);pointer-events:none}.v6-command h2{margin:4px 0 6px;font-size:26px}.v6-command p{margin:0;color:var(--mut);line-height:1.9}.v6-eyebrow{font-size:12px;color:color-mix(in srgb,var(--b) 80%,#fff);font-weight:800;letter-spacing:.08em}.v6-command-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.btn.glass{background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.18);box-shadow:0 14px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.18);backdrop-filter:blur(14px)}
.v6-filterbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.v6-searchbox{display:flex;align-items:center;gap:8px;flex:1;min-width:260px;border:1px solid var(--line);border-radius:18px;padding:6px 12px;background:rgba(0,0,0,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.v6-searchbox span{font-size:24px;color:var(--b)}.v6-searchbox input{border:0;background:transparent;box-shadow:none;padding:10px 4px}.v6-chips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}.v6-chip{border:1px solid var(--line);border-radius:999px;padding:8px 14px;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.035));color:var(--txt);cursor:pointer;font-family:inherit}.v6-chip:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--b) 45%,var(--line));box-shadow:0 12px 24px rgba(0,0,0,.18)}.v6-result-meta{color:var(--mut);font-size:13px;margin:10px 3px 14px}.v6-insured-grid{display:grid;gap:12px}.v6-customer-card{display:grid;grid-template-columns:54px minmax(0,1fr) 74px auto;gap:14px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.035));box-shadow:0 20px 48px rgba(0,0,0,.22);transition:.18s;transform-style:preserve-3d}.v6-customer-card:hover{transform:translateY(-4px) rotateX(1.2deg);border-color:color-mix(in srgb,var(--b) 35%,var(--line))}.v6-customer-card.danger{border-color:rgba(251,113,133,.35)}.v6-customer-card.warn{border-color:rgba(251,191,36,.3)}.v6-customer-card.ok{border-color:rgba(52,211,153,.22)}.v6-avatar{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,var(--a),var(--b));color:#fff;box-shadow:0 16px 32px color-mix(in srgb,var(--a) 28%,transparent)}.v6-card-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.v6-card-head b{font-size:16px}.v6-card-sub{color:var(--mut);font-size:12px;margin-top:4px}.v6-policy-line{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}.v6-policy-line small{color:var(--mut)}.v6-status{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;border:1px solid var(--line);background:rgba(255,255,255,.08)}.v6-status.ok{color:#bbf7d0;background:rgba(52,211,153,.12);border-color:rgba(52,211,153,.28)}.v6-status.warn{color:#fde68a;background:rgba(251,191,36,.14);border-color:rgba(251,191,36,.3)}.v6-status.danger{color:#fecdd3;background:rgba(251,113,133,.15);border-color:rgba(251,113,133,.32)}.v6-status.neutral{color:var(--mut)}.v6-score{display:grid;place-items:center;gap:2px;position:relative}.v6-score span{width:46px;height:46px;border-radius:50%;background:conic-gradient(var(--b) var(--p),rgba(255,255,255,.1) 0);position:absolute}.v6-score b,.v6-score small{position:relative}.v6-score b{font-size:15px}.v6-score small{color:var(--mut);font-size:10px}.v6-card-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.v6-policy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.v6-policy-card{padding:16px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(150deg,rgba(255,255,255,.11),rgba(255,255,255,.035));box-shadow:0 18px 44px rgba(0,0,0,.21);display:grid;gap:10px;transition:.18s}.v6-policy-card:hover{transform:translateY(-4px) rotateX(1deg)}.v6-policy-card small{display:block;color:var(--mut);font-size:12px;margin-top:2px}.v6-policy-money{font-weight:800;color:#fff}.v6-policy-icon .ins-ico{width:42px;height:42px}.v6-policy-table{display:grid;gap:8px}.v6-policy-table .v6-policy-card{grid-template-columns:48px 1fr 160px 150px auto;align-items:center}.v6-pager{margin-top:16px}@media(max-width:860px){.v6-command,.v6-customer-card{grid-template-columns:1fr}.v6-card-actions{justify-content:flex-start}.v6-policy-table .v6-policy-card{grid-template-columns:1fr}.v6-command-actions{width:100%}.v6-command-actions .btn{flex:1}.v6-filterbar{display:grid}.v6-searchbox{min-width:0}}body.reduce-motion .v6-customer-card:hover,body.reduce-motion .v6-policy-card:hover,body.reduce-motion .v6-chip:hover{transform:none}


/* Enterprise v8 Production Hardening */
.ops-panel .ops-card b.danger-text,.danger-text{color:var(--danger)!important}.ok-text{color:var(--ok)!important}
#v8JobRows small{font-size:11px}.ops-card{position:relative;overflow:hidden}.ops-card:after{content:'';position:absolute;inset:auto -30% -60% -30%;height:70%;background:radial-gradient(circle,color-mix(in srgb,var(--a) 15%,transparent),transparent 65%);pointer-events:none}