:root{
    --crm-bg:#f6f8fc;--crm-panel:#fff;--crm-text:#0f172a;--crm-muted:#64748b;--crm-border:#e5eaf2;
    --crm-blue:#0b5cff;--crm-blue-dark:#041d3c;--crm-blue-deep:#03152d;--crm-good:#16a34a;--crm-red:#ef4444;
    --crm-orange:#f97316;--crm-purple:#7c3aed;--crm-shadow:0 16px 38px rgba(15,23,42,.06);
}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--crm-bg);color:var(--crm-text)}
a{text-decoration:none;color:var(--crm-blue)}button,input{font:inherit}.crm-shell{min-height:100vh;display:flex}.crm-sidebar{width:250px;background:linear-gradient(180deg,var(--crm-blue-dark),var(--crm-blue-deep));color:#fff;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:20}.crm-brand{height:78px;display:flex;align-items:center;gap:12px;padding:0 24px}.crm-logo-mark{width:34px;height:34px;border-radius:12px;background:#fff;color:#06214a;display:grid;place-items:center;font-weight:900;font-size:20px}.crm-brand-text{font-size:20px;font-weight:800;letter-spacing:.2px}.crm-nav{padding:8px 14px;display:flex;flex-direction:column;gap:4px}.crm-nav-item{height:44px;border-radius:10px;color:#dce9ff;display:flex;align-items:center;gap:13px;padding:0 12px;font-weight:600;font-size:15px}.crm-nav-item:hover{background:rgba(255,255,255,.08);color:#fff}.crm-nav-item.is-active{background:#0b5cff;color:#fff;box-shadow:0 12px 26px rgba(11,92,255,.32)}.crm-nav-icon{width:22px;text-align:center;font-size:18px}.crm-sidebar-bottom{margin-top:auto;padding:16px}.crm-ecosystem{border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#fff;height:48px;display:flex;align-items:center;gap:10px;padding:0 12px;background:rgba(255,255,255,.05);font-weight:700}.crm-ecosystem-dot{width:24px;height:24px;border-radius:50%;background:#0b5cff;display:grid;place-items:center;font-size:12px}.crm-ecosystem-arrow{margin-left:auto;color:#b8cdf4}.crm-version{display:flex;justify-content:space-between;color:#93a9c8;font-size:12px;margin-top:18px}.crm-main{margin-left:250px;width:calc(100% - 250px);min-height:100vh}.crm-topbar{height:78px;background:#fff;border-bottom:1px solid var(--crm-border);display:flex;align-items:center;gap:18px;padding:0 28px;position:sticky;top:0;z-index:10}.crm-menu-btn{border:0;background:transparent;font-size:22px;color:#172554}.crm-search{height:46px;width:520px;max-width:45vw;background:#fff;border:1px solid var(--crm-border);border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 14px;box-shadow:0 8px 20px rgba(15,23,42,.035)}.crm-search input{border:0;outline:0;width:100%;color:#334155}.crm-search kbd{font-size:12px;color:#64748b;background:#f1f5f9;border:1px solid #dbe3ef;border-radius:7px;padding:3px 7px}.crm-topbar-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.crm-icon-btn,.crm-lang,.crm-user{border:1px solid var(--crm-border);background:#fff;border-radius:11px;height:42px;padding:0 13px;display:flex;align-items:center;gap:8px;color:#0f172a}.crm-icon-btn{width:42px;justify-content:center;position:relative}.crm-icon-btn.has-badge span{position:absolute;top:-7px;right:-5px;background:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;font-size:11px;display:grid;place-items:center}.crm-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#0b5cff);display:grid;place-items:center;color:#0b2f66;font-weight:800}.crm-user{height:50px;border:0}.crm-user-text{display:flex;flex-direction:column;text-align:left}.crm-user-text small{color:var(--crm-muted);font-size:12px}.crm-content{padding:24px 28px 36px}.crm-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:16px;margin-bottom:18px}.crm-kpi-card,.crm-card{background:var(--crm-panel);border:1px solid var(--crm-border);border-radius:16px;box-shadow:var(--crm-shadow)}.crm-kpi-card{padding:18px 20px;min-height:126px}.crm-kpi-head{display:flex;align-items:center;gap:12px}.crm-kpi-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:900}.tone-blue{background:#eaf2ff;color:#2563eb}.tone-purple{background:#f2eaff;color:#7c3aed}.tone-green{background:#eafaf0;color:#16a34a}.tone-orange{background:#fff2e7;color:#f97316}.tone-red{background:#fff0f3;color:#ef4460}.tone-dark{background:#e7ecf5;color:#0f172a}.crm-kpi-label{font-size:13px;font-weight:800}.crm-info{margin-left:auto;width:18px;height:18px;border-radius:50%;border:1px solid #a8b5ca;color:#64748b;display:grid;place-items:center;font-size:11px;font-weight:700}.crm-kpi-value{font-size:28px;font-weight:850;letter-spacing:-.7px;margin-top:20px}.crm-kpi-change{font-size:13px;margin-top:14px;font-weight:700}.crm-kpi-change.is-good{color:#16a34a}.crm-kpi-change.is-danger{color:#ef4444}.crm-kpi-change.is-warn{color:#f97316}.crm-main-grid{display:grid;grid-template-columns:1.05fr .95fr 1.25fr;gap:16px;margin-bottom:16px}.crm-bottom-grid{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:16px}.crm-card{padding:18px}.crm-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.crm-card-head h2{font-size:17px;line-height:1.2;margin:0;font-weight:850}.crm-card-head h2 small{color:var(--crm-muted);font-weight:600}.crm-select{border:1px solid var(--crm-border);border-radius:9px;background:#fff;padding:8px 12px;color:#334155;font-size:12px}.crm-funnel-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center}.crm-funnel{height:265px;display:flex;flex-direction:column;align-items:center;justify-content:center}.crm-funnel-layer{height:50px;clip-path:polygon(9% 0,91% 0,84% 100%,16% 100%);margin-bottom:2px}.layer-1{width:260px;background:#2563eb}.layer-2{width:220px;background:#60a5fa}.layer-3{width:184px;background:#34d399}.layer-4{width:145px;background:#fb923c}.layer-5{width:94px;background:#fb7185}.crm-legend-row{display:flex;gap:12px;align-items:flex-start;margin:0 0 19px}.crm-dot{width:10px;height:10px;background:var(--dot);border-radius:50%;margin-top:4px}.crm-legend-row strong{display:block;font-size:13px}.crm-legend-row small{display:block;color:var(--crm-muted);font-size:12px;margin-top:5px}.crm-funnel-total{border-top:1px solid var(--crm-border);padding-top:14px;display:flex;justify-content:space-between;font-weight:800}.crm-line-chart{position:relative;height:325px;padding:10px 0 0 46px}.crm-line-chart svg{width:100%;height:250px;overflow:visible}.crm-y-axis{position:absolute;left:0;top:12px;height:250px;display:flex;flex-direction:column;justify-content:space-between;color:#64748b;font-size:11px}.crm-grid-lines line{stroke:#e5eaf2;stroke-width:1}.crm-chart-area{fill:url(#crmArea)}.crm-chart-line{fill:none;stroke:#0b5cff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.crm-chart-line.dashed{stroke-width:3;stroke-dasharray:10 9;opacity:.8}.crm-months{display:grid;grid-template-columns:repeat(12,1fr);font-size:11px;color:#64748b;margin-top:-5px}.crm-chart-legend{display:flex;justify-content:center;gap:28px;margin-top:18px;font-size:12px;color:#334155}.crm-chart-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#0b5cff;margin-right:8px}.crm-chart-legend i.line{height:2px;border-radius:0;width:18px;vertical-align:middle}.crm-mini-kanban{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.crm-mini-head{background:#f8fbff;border:1px solid #dbeafe;border-radius:9px 9px 4px 4px;padding:10px}.crm-mini-head strong,.crm-mini-head span,.crm-mini-head small{display:block}.crm-mini-head strong{font-size:12px}.crm-mini-head span{font-weight:900;margin-top:6px}.crm-mini-head small{font-size:11px;color:#334155}.crm-deal{min-height:58px;border:1px solid var(--crm-border);border-radius:7px;margin-top:7px;padding:9px;position:relative;background:#fff}.crm-deal span{display:block;font-weight:800;font-size:11px}.crm-deal small{display:block;color:#64748b;font-size:10px;margin-top:7px}.deal-dot{position:absolute;right:9px;top:12px;width:8px;height:8px;border-radius:50%;background:#2563eb}.deal-dot.green{background:#22c55e}.deal-dot.orange{background:#f97316}.deal-dot.red{background:#f43f5e}.crm-more{margin-top:7px;width:100%;height:35px;border:1px solid var(--crm-border);border-radius:7px;background:#fff;color:#64748b;font-size:11px}.crm-list,.crm-task-list,.crm-integration-list{display:flex;flex-direction:column}.crm-activity-row,.crm-task-row,.crm-integration-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--crm-border);padding:11px 0}.crm-activity-row:last-child,.crm-task-row:last-child,.crm-integration-row:last-child{border-bottom:0}.crm-round-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}.crm-activity-row div,.crm-integration-row div{min-width:0}.crm-activity-row strong,.crm-task-title,.crm-integration-row strong{display:block;font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-activity-row small,.crm-integration-row small{display:block;color:#64748b;font-size:12px;margin-top:4px}.crm-activity-row time,.crm-task-row time{margin-left:auto;font-size:12px;color:#64748b;white-space:nowrap}.crm-card-link{display:flex;justify-content:center;margin-top:15px;font-weight:800;font-size:14px}.crm-checkbox{width:18px;height:18px;border:2px solid #cbd5e1;border-radius:50%;flex:0 0 auto}.crm-task-row{cursor:pointer}.crm-badge{font-size:11px;font-weight:800;padding:5px 8px;border-radius:8px}.badge-red{background:#fff1f2;color:#e11d48}.badge-orange{background:#fff7ed;color:#ea580c}.crm-integration-icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.crm-connected{color:#16a34a;font-size:12px;font-weight:800;margin-left:auto;white-space:nowrap}.crm-integration-row button{border:1px solid var(--crm-border);border-radius:8px;background:#fff;padding:7px 10px;color:#334155;font-size:12px;margin-left:10px}.crm-page-title h1{margin:0;font-size:30px}.crm-page-title p{color:#64748b}.crm-settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.crm-card code{background:#f1f5f9;padding:2px 6px;border-radius:6px}
@media (max-width:1400px){.crm-kpi-grid{grid-template-columns:repeat(3,1fr)}.crm-main-grid,.crm-bottom-grid{grid-template-columns:1fr}.crm-mini-kanban{grid-template-columns:repeat(5,minmax(140px,1fr));overflow:auto}.crm-main{margin-left:230px;width:calc(100% - 230px)}.crm-sidebar{width:230px}}
@media (max-width:900px){.crm-sidebar{position:static;width:100%;min-height:auto}.crm-shell{display:block}.crm-main{margin-left:0;width:100%}.crm-topbar{position:static;flex-wrap:wrap;height:auto;padding:16px}.crm-search{width:100%;max-width:none;order:2}.crm-kpi-grid{grid-template-columns:1fr}.crm-content{padding:16px}.crm-funnel-layout{grid-template-columns:1fr}.crm-bottom-grid{grid-template-columns:1fr}.crm-user-text{display:none}}