:root{--blue:#1f73e0;--blue-deep:#075ecb;--bg:#f7f9fd;--card:#fff;--stroke:#d8e2ef;--stroke-soft:#e8eef7;--text:#202632;--muted:#697586;--green:#20b26b;--orange:#f3a21b;--red:#e04747;--violet:#4663f6;--shadow:0 12px 28px rgba(32,54,86,.06),0 2px 8px rgba(32,54,86,.04);--shadow-hover:0 22px 44px rgba(25,80,150,.13),0 6px 16px rgba(25,80,150,.08);--radius:16px;--side-w:284px;--side-collapsed:78px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,'Segoe UI',sans-serif;font-size:14px;letter-spacing:-.015em}button,a{font:inherit}a{color:var(--blue);text-decoration:none}.dashboard{min-height:100vh;display:flex;background:radial-gradient(900px 420px at 78% -12%,rgba(31,115,224,.07),transparent 60%),var(--bg)}.sidebar{position:relative;width:var(--side-w);min-width:var(--side-w);background:linear-gradient(180deg,#edf4fc,#eaf1fa);border-right:1px solid #e0e8f2;padding:24px 18px 110px;transition:.3s ease}.sidebar-toggle{position:absolute;right:14px;top:20px;width:34px;height:34px;border:1px solid #d9e5f2;background:#fff;border-radius:12px;color:var(--blue);cursor:pointer;box-shadow:0 8px 20px rgba(31,115,224,.08);z-index:2}.brand{display:flex;gap:12px;align-items:center;margin:12px 0 34px}.truck{width:42px;height:42px;border-radius:14px;background:#dcecff;color:var(--blue);display:grid;place-items:center;font-weight:800}.brand-title{font-size:22px;font-weight:800}.brand-sub{color:#7a8798;font-size:12px}.nav-group{margin-bottom:24px}.section-title{font-size:11px;text-transform:uppercase;color:#9aa7b6;margin:0 0 8px 12px;font-weight:800}.nav-item{min-height:46px;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:14px;color:#607086;margin:4px 0;position:relative;transition:.22s ease}.nav-item:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:999px;background:var(--blue);opacity:0;transform:scaleY(.4);transition:.22s ease}.nav-item span{width:24px;text-align:center;color:#6f8bb0}.nav-item b{font-size:14px}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,#dcecff,#eef6ff);color:var(--blue-deep);transform:translateX(2px);box-shadow:inset 0 0 0 1px rgba(31,115,224,.08)}.nav-item.active:before{opacity:1;transform:scaleY(1)}.badge{margin-left:auto;border-radius:999px;padding:2px 8px;font-style:normal;font-size:11px}.badge.red{background:#fdecec;color:var(--red)}.badge.yellow{background:#fff4df;color:#c77900}.profile{position:absolute;left:18px;right:18px;bottom:22px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dbe6f2;border-radius:18px;padding:14px;box-shadow:var(--shadow)}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#1f73e0,#9bc9ff)}.profile small{display:block;color:var(--muted);font-size:11px}.profile strong{display:block}.profile i{margin-left:auto;color:#90a0b4}.main{flex:1;padding:26px 32px 32px;min-width:0}.topbar{display:flex;justify-content:flex-end;gap:10px;margin-bottom:20px}.pill{height:42px;border:1px solid var(--stroke);background:#fff;border-radius:999px;padding:0 18px;color:#576476;cursor:pointer;box-shadow:0 4px 14px rgba(32,54,86,.03)}.period-pill.active,.pill:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.date-wrap{position:relative}.date-pill{min-width:212px;display:flex;justify-content:space-between;align-items:center}.calendar-popover{display:none;position:absolute;right:0;top:54px;z-index:20;width:344px;background:#fff;border:1px solid #dbe7f4;border-radius:20px;box-shadow:0 24px 60px rgba(19,54,98,.18);padding:16px}.calendar-popover.open{display:block}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cal-head button{width:34px;height:34px;border-radius:12px;border:1px solid #e0e8f2;background:#f7fbff;color:var(--blue);cursor:pointer}.weekdays,.days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.weekdays span{text-align:center;font-size:11px;color:#8a97a8;font-weight:800}.day{height:36px;border:0;border-radius:12px;background:transparent;color:#334155;cursor:pointer}.day.empty{cursor:default;color:transparent}.day.is-preview,.day.is-between{background:#eaf4ff}.day.range-start,.day.range-end{background:var(--blue)!important;color:#fff!important;font-weight:800}.calendar-popover p{font-size:12px;color:#7a8798;line-height:1.45}.screen-root{opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}.screen-root.is-visible{opacity:1;transform:translateY(0)}.health{position:relative;min-height:210px;background:#fff;border:1px solid var(--stroke-soft);border-radius:24px;box-shadow:var(--shadow);padding:26px 32px;overflow:hidden;margin-bottom:18px}.health:after{content:'';position:absolute;right:52px;top:34px;width:180px;height:180px;border-radius:50%;border:20px solid #dceeff;border-top-color:var(--blue);border-right-color:var(--blue)}.health p:first-child{font-weight:800;margin:0 0 12px;color:#313b4a}.health h1{font-size:64px;line-height:1;margin:0;color:var(--blue);letter-spacing:-.06em}.health h1 span{font-size:24px;color:#8390a0}.health p:last-of-type{font-size:15px;line-height:1.65;color:#5d6a7c}.health-line{height:8px;width:72%;background:linear-gradient(90deg,var(--green) 0 80%,#e7edf5 80%);border-radius:999px;margin-top:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px}.metric-card,.kpi-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--stroke-soft);border-radius:22px;box-shadow:var(--shadow);transition:.25s ease}.metric-card{padding:22px;min-height:214px}.metric-card:before,.kpi-card:before{content:'';position:absolute;top:-40%;left:-70%;width:46%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent);transform:rotate(18deg);opacity:0}.metric-card:hover,.kpi-card:hover{transform:translateY(-4px) scale(1.015);box-shadow:var(--shadow-hover);border-color:#cfe2fa}.metric-card:hover:before,.kpi-card:hover:before{animation:shine .75s ease}@keyframes shine{0%{left:-70%;opacity:0}25%{opacity:.75}100%{left:130%;opacity:0}}.metric-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.metric-head i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#eef6ff;color:var(--blue);font-style:normal;font-weight:800}.metric-head h3{font-size:20px;margin:0}.metric-head span{margin-left:auto;border-radius:999px;padding:6px 10px;background:#f1f5f9;font-size:12px;font-weight:800}.metric-card.green .metric-head span{background:#e8f8ef;color:var(--green)}.metric-card.orange .metric-head span{background:#fff4df;color:#c77900}.metric-card.red .metric-head span{background:#fdecec;color:var(--red)}.metric-card p{line-height:1.55;color:#4d5a6c}.metric-card p b{font-size:18px;color:#1f2937}.metric-card em{display:block;color:var(--green);font-style:normal;font-weight:800;margin-bottom:20px}.metric-card a{position:absolute;bottom:20px;font-weight:800}.bottom{display:grid;grid-template-columns:minmax(620px,1fr) 350px;gap:18px}.table-card,.ai-card,.funnel-card,.finance-panel{background:#fff;border:1px solid var(--stroke-soft);border-radius:22px;box-shadow:var(--shadow)}.table-card{overflow:hidden}.card-title-row{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid #edf2f8}.card-title-row.compact{padding:0 0 16px;border-bottom:0}.card-title-row h2,.ai-card h2,.funnel-card h2,.finance-panel h2{margin:0;font-size:18px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{padding:13px 12px;text-align:left;color:#8a97a8;font-size:12px}td{padding:14px 12px;border-top:1px solid #edf2f8}tbody tr{transition:.18s ease}tbody tr:hover{background:#eef6ff}td small{display:block;color:#90a0b4;margin-top:4px}.ok{color:var(--green);font-weight:800}.warn{color:#c77900;font-weight:800}.bad{color:var(--red);font-weight:800}.tag{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.tag.done{background:#e8f8ef;color:var(--green)}.tag.work{background:#e8f1ff;color:var(--blue)}.tag.weak{background:#fff4df;color:#c77900}.tag.loss{background:#fdecec;color:var(--red)}.right-stack{display:grid;gap:18px}.ai-card,.funnel-card{padding:22px}.ai-card p{line-height:1.7;color:#536174}.ai-card a{font-weight:800}.bar-row{display:grid;grid-template-columns:1fr 94px 28px;gap:10px;align-items:center;margin:13px 0}.bar-row span{font-size:12px;color:#536174}.bar-row div{height:8px;border-radius:999px;background:#edf3fa;overflow:hidden}.bar-row i{display:block;height:100%;background:var(--blue);border-radius:999px}.bar-row.fired i{background:var(--red)}.funnel-card p{font-size:12px;color:#6d7b8f;margin-top:16px}.screen-head{display:flex;align-items:center;justify-content:space-between;margin:-4px 0 18px}.screen-head h1{font-size:34px;line-height:1;margin:0;letter-spacing:-.05em}.finance-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.kpi-card{min-height:128px;padding:20px;display:flex;align-items:flex-start;gap:16px}.kpi-card i{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-style:normal;font-weight:800}.kpi-card.blue i{background:#eaf3ff;color:var(--blue)}.kpi-card.green i{background:#e9f8f0;color:var(--green)}.kpi-card.orange i{background:#fff2e3;color:var(--orange)}.kpi-card.violet i{background:#eef0ff;color:var(--violet)}.kpi-card span{display:block;color:#697586;font-size:12px;font-weight:800}.kpi-card strong{display:block;margin:7px 0 8px;font-size:27px;letter-spacing:-.05em}.kpi-card small{color:#7b8796;font-weight:700}.kpi-card small b{color:var(--orange)}.finance-grid{display:grid;grid-template-columns:minmax(520px,1.15fr) minmax(330px,.85fr);gap:18px}.finance-panel{padding:22px;min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-title span{color:#8793a4;font-size:12px}.legend{display:flex;align-items:center;gap:18px;color:#536174;font-size:12px;margin:0 0 8px}.legend em{margin-left:auto;color:#8793a4;font-style:normal}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px}.dot.blue{background:var(--blue)}.dot.green{background:var(--green)}.revenue-chart{width:100%;height:auto}.grid-lines line{stroke:#e8eef6;stroke-dasharray:4 5}.axis text,.months text{fill:#697586;font-size:12px}.bars rect{fill:url(#fake)}.bars rect{fill:#4e8ff4}.bar-labels text{fill:var(--blue);font-size:12px;font-weight:800;text-anchor:middle}.profit-line{fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.profit-points circle{fill:var(--green);stroke:#fff;stroke-width:2}.profit-labels text{fill:var(--green);font-size:11px;font-weight:800;text-anchor:middle}.debt-content{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center}.donut{position:relative;width:180px;height:180px;display:grid;place-items:center}.donut svg{width:180px;height:180px;transform:rotate(-90deg)}.donut-base,.donut-seg{fill:none;stroke-width:24}.donut-base{stroke:#edf3fa}.donut-seg{stroke-linecap:butt}.donut-seg.green{stroke:#35c879}.donut-seg.yellow{stroke:#ffc533}.donut-seg.orange{stroke:#ff963a}.donut-seg.red{stroke:#fa4c59}.donut>div{position:absolute;text-align:center}.donut strong{display:block;font-size:22px}.donut span{font-size:11px;color:#68778b;line-height:1.35}.debt-list p{display:grid;grid-template-columns:18px 1fr auto 42px;gap:8px;align-items:center;margin:13px 0;color:#536174}.debt-list i{width:9px;height:9px;border-radius:50%}.debt-list i.green{background:#35c879}.debt-list i.yellow{background:#ffc533}.debt-list i.orange{background:#ff963a}.debt-list i.red{background:#fa4c59}.debt-list b{color:#202632}.debt-list span{color:#8793a4;text-align:right}.client-table{min-width:0}.client-table th,.client-table td{padding:13px 12px}.client-table td span{background:#e8f8ef;color:var(--green);border-radius:999px;padding:5px 10px;font-weight:800}.finance-ai{position:relative;overflow:hidden;background:linear-gradient(135deg,#eef6ff,#fff);padding-right:155px}.finance-ai p{line-height:1.65;color:#536174}.finance-ai a{font-weight:800}.ai-illustration{position:absolute;right:24px;bottom:18px;width:116px;height:116px;border-radius:34px;background:linear-gradient(135deg,#cfe3ff,#edf6ff);display:grid;place-items:center;color:var(--blue);font-size:58px;font-weight:800}.placeholder{padding:32px}.placeholder p{color:#697586}.sidebar.collapsed{width:var(--side-collapsed);min-width:var(--side-collapsed);padding-left:12px;padding-right:12px}.sidebar.collapsed .brand>div:last-child,.sidebar.collapsed .section-title,.sidebar.collapsed .nav-item b,.sidebar.collapsed .badge,.sidebar.collapsed .profile div:not(.avatar),.sidebar.collapsed .profile i{display:none}.sidebar.collapsed .nav-item{justify-content:center}.sidebar.collapsed .profile{left:12px;right:12px;justify-content:center;padding:10px}.sidebar.collapsed+.main{padding-left:24px}@media(max-width:1366px){.main{padding:22px}.bottom{grid-template-columns:minmax(560px,1fr) 320px}.health{min-height:196px}.metric-card{padding:19px}.finance-kpis{grid-template-columns:repeat(4,1fr);gap:12px}.kpi-card{padding:17px}.kpi-card strong{font-size:24px}.finance-grid{grid-template-columns:minmax(500px,1fr) 330px}}@media(max-width:1180px){.sidebar{width:var(--side-collapsed);min-width:var(--side-collapsed);padding-left:12px;padding-right:12px}.sidebar .brand>div:last-child,.sidebar .section-title,.sidebar .nav-item b,.sidebar .badge,.sidebar .profile div:not(.avatar),.sidebar .profile i{display:none}.sidebar .nav-item{justify-content:center}.sidebar .profile{left:12px;right:12px;justify-content:center;padding:10px}.sidebar.expanded{width:var(--side-w);min-width:var(--side-w);padding-left:18px;padding-right:18px}.sidebar.expanded .brand>div:last-child,.sidebar.expanded .section-title,.sidebar.expanded .nav-item b,.sidebar.expanded .badge,.sidebar.expanded .profile div:not(.avatar),.sidebar.expanded .profile i{display:block}.sidebar.expanded .nav-item{justify-content:flex-start}.sidebar.expanded .profile{left:18px;right:18px;justify-content:flex-start;padding:14px}.cards{grid-template-columns:repeat(2,1fr)}.cards .metric-card:last-child{grid-column:1/-1}.bottom,.finance-grid{grid-template-columns:1fr}.right-stack{grid-template-columns:1fr 1fr}.finance-kpis{grid-template-columns:repeat(2,1fr)}.calendar-popover{right:auto;left:0}.debt-content{grid-template-columns:220px 1fr}.finance-ai{padding-right:180px}}@media(max-width:900px){.main{padding:18px}.topbar{justify-content:flex-start;flex-wrap:wrap}.cards,.finance-kpis{grid-template-columns:1fr}.health:after{display:none}.health-line{width:100%}.right-stack{grid-template-columns:1fr}.calendar-popover{position:fixed;top:72px;left:92px;width:calc(100vw - 108px)}.debt-content{grid-template-columns:1fr}.donut{margin:auto}.finance-ai{padding-right:22px;padding-bottom:120px}.ai-illustration{width:86px;height:86px;font-size:40px}.screen-head h1{font-size:28px}}