:root{
  --saas-accent:#4f46e5;
  --saas-accent-2:#0ea5e9;
  --saas-cyan:#22d3ee;
  --saas-violet:#7c3aed;
  --saas-mint:#10b981;
  --saas-amber:#f59e0b;
  --saas-surface:#ffffff;
  --saas-surface-soft:#f7f8ff;
  --saas-line:#e7e9f6;
  --saas-glow:0 22px 70px rgba(79,70,229,.14);
  --saas-card-shadow:0 12px 36px rgba(33,38,76,.08);
}
html,body{background:linear-gradient(180deg,#f8f9ff 0,#f4f7ff 42%,#f8fbff 100%)}
.main{padding:24px 26px 32px}
.sidebar{background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-right:1px solid #eceef8}
.brand{letter-spacing:-.025em}.nav button{transition:.18s ease;border:1px solid transparent}.nav button:hover{background:#f5f7ff;border-color:#edf0fb;transform:translateX(2px)}.nav button.active{background:linear-gradient(135deg,#eef2ff,#eef8ff);color:#4338ca;border-color:#dfe5ff;box-shadow:inset 3px 0 0 #4f46e5}
.scan{background:linear-gradient(145deg,#fff 0,#f4f5ff 55%,#eefbff 100%);border-color:#e4e7fb;box-shadow:var(--saas-card-shadow)}.scan button{background:linear-gradient(135deg,#4f46e5,#2563eb 55%,#06b6d4);box-shadow:0 10px 24px rgba(79,70,229,.22)}
.topbar{margin-bottom:20px}.welcome h1{font-size:34px}.welcome p{font-size:14px}.search,.smallbtn{border-color:#e5e8f4;box-shadow:0 5px 18px rgba(36,42,76,.04)}.smallbtn.ai{color:#fff;border:0;background:linear-gradient(135deg,#4f46e5,#2563eb 60%,#0ea5e9);box-shadow:0 10px 28px rgba(79,70,229,.2)}
.kpis{gap:14px;margin-bottom:16px}.kpi{position:relative;overflow:hidden;padding:16px;border-radius:20px;border:1px solid #e7eaf7;box-shadow:var(--saas-card-shadow);transition:.2s ease}.kpi:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,#4f46e5,#0ea5e9)}.kpi:nth-child(2):before{background:linear-gradient(90deg,#8b5cf6,#ec4899)}.kpi:nth-child(3):before{background:linear-gradient(90deg,#06b6d4,#14b8a6)}.kpi:nth-child(4):before{background:linear-gradient(90deg,#2563eb,#22d3ee)}.kpi:nth-child(5):before{background:linear-gradient(90deg,#7c3aed,#4f46e5)}.kpi:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(36,42,86,.12)}.kpiicon{border-radius:11px;background:linear-gradient(135deg,#eef2ff,#e8f9ff)}.kpi .num{font-size:36px}
.card{border:1px solid #e6e9f5;border-radius:22px;box-shadow:var(--saas-card-shadow)}
.dashboard{grid-template-columns:minmax(0,1fr) 320px;gap:16px}.braincard{padding:20px;background:linear-gradient(145deg,#fff 0,#fbfbff 48%,#f5faff 100%);position:relative;overflow:hidden}.braincard:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(79,70,229,.14),rgba(34,211,238,.03) 60%,transparent 70%);right:-130px;top:-180px;pointer-events:none}.brainhead{margin-bottom:18px;position:relative;z-index:1}.brainhead h2{font-size:23px;letter-spacing:-.03em}.brainhead p{font-size:13px;margin-top:5px}.live{font-size:11px}.livepill{background:#ecfdf5;color:#047857;border:1px solid #d1fae5}
.brainlayout{display:block;position:relative}.brainflow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:stretch;position:relative;padding:8px 0 16px}.brainflow:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:2px;background:linear-gradient(90deg,#c7d2fe,#67e8f9,#c4b5fd);z-index:0}.brainnode{position:relative;z-index:1;min-height:108px;border:1px solid #e1e5f4;border-radius:18px;background:rgba(255,255,255,.94);padding:14px 12px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 25px rgba(49,46,129,.08);transition:.2s ease}.brainnode:hover{transform:translateY(-2px);border-color:#c7d2fe;box-shadow:0 16px 34px rgba(79,70,229,.14)}.brainnode .nodeicon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#eef2ff,#e7faff);color:#4f46e5;font-size:18px}.brainnode strong{font-size:13px;color:#182044}.brainnode small{font-size:10px;line-height:1.35;color:#7a86a5}.brainnode[data-stage="brain"]{border-color:#bfc8ff;background:linear-gradient(145deg,#f5f3ff,#eef8ff);box-shadow:0 16px 38px rgba(79,70,229,.16)}.brainnode[data-stage="brain"] .nodeicon{background:linear-gradient(135deg,#4f46e5,#2563eb,#0ea5e9);color:#fff;box-shadow:0 8px 20px rgba(79,70,229,.24)}.brainnode[data-stage="outcomes"] .nodeicon{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#047857}.brainnode .layer.ai{height:auto;border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit;display:block;text-align:left;padding:0}.brainnode .layer.ai strong{font-size:13px}.brainnode .layer.ai small{font-size:10px;color:#6f7d9b;opacity:1}
.braincapchips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.braincapchip{display:flex;align-items:center;gap:6px;border:1px solid #e4e7f5;background:#fff;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800;color:#55617e;transition:.18s}.braincapchip i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#f1f3ff;color:#5b55df;font-style:normal;opacity:.65}.braincapchip.active{color:#4338ca;border-color:#c7d2fe;background:#f5f3ff}.braincapchip.active i{opacity:1;background:#e8e7ff;box-shadow:none}
.brainselectors{display:grid;grid-template-columns:1fr 1fr;gap:14px}.brainselector{border:1px solid #e7eaf6;background:rgba(255,255,255,.75);border-radius:18px;padding:12px}.brainselector .coltitle{margin:0 0 10px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#6470a0}.sources{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.source{height:auto;min-height:62px;border-radius:13px;padding:9px 10px;background:#fff}.source .sico{width:32px;height:32px;border-radius:10px}.source b{font-size:11px}.source small{font-size:9px}.source.inactive,.mod.inactive{opacity:.48;filter:none}.modules{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.mod{min-height:64px;border-radius:13px;background:#fff;padding:8px 5px}.mod b{font-size:9px}.flowoverlay{z-index:0;opacity:.45}.flowexplain{margin-top:14px;border-radius:16px;background:#fff;border-color:#e7eaf6;overflow:hidden}.flowexplain>div{padding:12px}.flowexplain b{font-size:11px}.flowexplain p{font-size:10px}.round{background:linear-gradient(135deg,#eef2ff,#e8f8ff);color:#4f46e5}
.right{gap:16px}.right .card{padding:16px}.right h3{font-size:16px}.right p{font-size:11px}.summary>div{border:1px solid transparent;border-radius:12px;padding:12px}.summary .g{border-color:#d1fae5}.summary .o{border-color:#ffedd5}.summary .b{border-color:#dbeafe}.recs li{font-size:10px;padding:4px 0}.quick i{border-radius:11px}
.lower{gap:16px;margin-top:16px}.lower .card{padding:16px;min-height:185px}.sectiontitle h3{font-size:14px}.sectiontitle a{font-size:10px}.timeline,.progresslist,.box,.act{font-size:10px}.timeline b{font-size:13px}.bar{height:6px}.bar i{background:linear-gradient(90deg,#4f46e5,#0ea5e9)}.activities{margin-top:16px;padding:15px 16px}.act i{width:34px;height:34px}
@media(max-width:1180px){.dashboard{grid-template-columns:1fr}.right{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
  .main{padding:14px 12px 20px}.topbar{gap:12px;margin-bottom:14px}.welcome h1{font-size:27px}.welcome p{font-size:13px}.topactions{gap:8px}.searchrow{display:grid;grid-template-columns:1fr auto auto auto}.search{width:100%;min-width:0}.actionrow{display:grid;grid-template-columns:1fr}.actionrow .smallbtn{width:100%}.kpis{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -12px 14px;padding:0 12px 6px}.kpi{min-width:190px;scroll-snap-align:start}.braincard{padding:15px;border-radius:20px}.brainhead{display:block}.live{margin-top:10px;flex-wrap:wrap}.brainflow{grid-template-columns:1fr;gap:8px;padding:4px 0 12px}.brainflow:before{left:29px;right:auto;top:28px;bottom:28px;width:2px;height:auto}.brainnode{min-height:74px;padding:11px 12px;display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center}.brainnode .nodeicon{grid-row:1/3}.brainnode strong{font-size:12px}.brainnode small{font-size:9.5px}.braincapchips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.braincapchip{flex:0 0 auto;min-height:44px}.brainselectors{grid-template-columns:1fr}.sources{grid-template-columns:1fr}.modules{grid-template-columns:repeat(4,1fr)}.source{min-height:58px}.flowoverlay{display:none}.flowexplain{display:grid;grid-template-columns:1fr}.flowexplain>div{border-right:0;border-bottom:1px solid #e8ecf5;min-height:64px}.flowexplain>div:last-child{border-bottom:0}.right{grid-template-columns:1fr}.lower{grid-template-columns:1fr}.activities .items{grid-template-columns:1fr}.groups{grid-template-columns:1fr}.previewflag{bottom:78px}}