:root{color:#172033;--navy:#101a2d;--navy-2:#18243a;--line:#e5e9f0;--muted:#6f7b90;--surface:#fff;--soft:#f7f9fc;--accent:#b89452;background:#f3f5f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:#f3f5f8;min-height:100%;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}body{margin:0}.crm-layout{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.crm-sidebar{background:var(--navy);color:#fff;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand-block{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:4px 8px 28px;display:flex}.brand-mark{letter-spacing:.08em;border:1px solid #ffffff73;border-radius:12px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.brand-block strong{font-size:15px;display:block}.brand-block span{color:#aeb8c9;margin-top:2px;font-size:12px;display:block}.crm-nav{gap:6px;padding-top:24px;display:grid}.nav-item{color:#d8dfeb;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;display:flex}.nav-item:hover{color:#fff;background:#ffffff14}.nav-code{letter-spacing:.1em;color:#8390a6;width:24px;font-size:10px}.sidebar-profile{border-top:1px solid #ffffff1a;gap:4px;margin-top:auto;padding:18px 8px 0;display:grid}.sidebar-profile strong{font-size:14px}.sidebar-profile>span:not(.profile-role){color:#9ba7ba;font-size:12px}.profile-role{letter-spacing:.12em;color:#d6bd8c;font-size:10px}.crm-main{min-width:0}.crm-topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;justify-content:space-between;align-items:center;height:86px;padding:0 34px;display:flex;position:sticky;top:0}.crm-topbar h1{margin:3px 0 0;font-size:22px;font-weight:700}.eyebrow{letter-spacing:.16em;color:#8b97aa;font-size:10px;font-weight:800}.topbar-status,.pill{border:1px solid var(--line);color:#586579;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex}.status-dot{background:#2f9e63;border-radius:50%;width:7px;height:7px}.crm-content{padding:30px 34px 48px}.page-stack{gap:20px;display:grid}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.page-heading h2{margin:4px 0 7px;font-size:27px}.page-heading p{color:var(--muted);max-width:760px;margin:0;font-size:14px;line-height:1.5}.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.kpi-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;min-height:122px;padding:17px 18px;box-shadow:0 5px 18px #141f3309}.kpi-card span{color:#68758a;font-size:12px;display:block}.kpi-card strong{margin:13px 0 7px;font-size:28px;display:block}.kpi-card small{color:#9aa4b4;font-size:11px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 5px 18px #141f3309}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.panel-header h3{margin:4px 0 0;font-size:16px}.dashboard-grid,.workspace-grid{grid-template-columns:1.4fr 1fr;gap:20px;display:grid}.activity-list,.followup-list,.message-list{display:grid}.activity-row{border-bottom:1px solid #eef1f5;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 20px;display:grid}.activity-row:last-child{border-bottom:0}.activity-icon{color:#536177;background:#edf1f7;border-radius:9px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.activity-row strong{font-size:13px}.activity-row p{color:#7b879a;margin:3px 0 0;font-size:12px}.activity-row time{color:#9aa4b4;font-size:11px}.followup-row{border-bottom:1px solid #eef1f5;justify-content:space-between;gap:16px;padding:16px 20px;display:flex}.followup-row:last-child{border-bottom:0}.followup-row strong{font-size:13px;display:block}.followup-row span{color:#7c8798;margin-top:4px;font-size:11px;display:block}.followup-time{text-align:right}.followup-time time{color:#8c97a8;margin-top:7px;font-size:11px;display:block}.stage-badge{letter-spacing:.05em;background:#f0f3f7;border:1px solid #e1e6ee;border-radius:999px;padding:5px 8px;display:inline-block;color:#5f6c80!important;font-size:9px!important}.table-wrap{overflow:auto}.crm-table{border-collapse:collapse;width:100%;font-size:12px}.crm-table th{color:#7c8798;text-align:left;letter-spacing:.08em;border-bottom:1px solid var(--line);white-space:nowrap;background:#f8fafc;padding:11px 14px;font-size:10px}.crm-table td{color:#4e5a6d;white-space:nowrap;border-bottom:1px solid #edf0f4;padding:13px 14px}.crm-table td strong{color:#233047;font-size:12px;display:block}.crm-table td small{color:#9aa4b4;margin-top:3px;display:block}.message-row{border-bottom:1px solid #edf0f4;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:15px 20px;display:grid}.direction-badge{color:#3166a8;background:#eaf2ff;border-radius:8px;place-items:center;width:38px;height:28px;font-size:9px;font-weight:800;display:grid}.direction-badge.incoming{color:#27764c;background:#eaf8f0}.message-meta{justify-content:space-between;gap:12px;display:flex}.message-meta strong{font-size:12px}.message-meta span{color:#9aa4b4;font-size:10px}.message-body p{color:#4f5c70;margin:5px 0;font-size:12px;line-height:1.45}.message-body small{color:#9aa4b4;font-size:10px}.notice{color:#6b5a3d;background:#fffaf0;border:1px solid #eadfca;border-radius:10px;margin:18px 20px;padding:13px 14px;font-size:12px;line-height:1.5}.composer-shell{padding:0 20px 20px}.composer-shell label,.followup-form label{color:#667386;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.input{color:#233047;background:#fff;border:1px solid #dce2ea;border-radius:9px;outline:none;width:100%;margin:0 0 12px;padding:10px 11px}.input:focus{border-color:#9aa8bb;box-shadow:0 0 0 3px #48597014}.textarea{resize:vertical;min-height:90px}.btn{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:700}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:#ffffff14;margin-top:12px}.btn-full{width:100%}.followup-form{border:1px solid var(--line);background:#fff;border-radius:14px;max-width:980px;margin-top:14px;padding:18px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.span-2{grid-column:1/-1}.form-actions{align-items:center;gap:12px;display:flex}.error{color:#b42318;font-size:12px}.empty-state{color:#8b96a7;text-align:center;padding:24px;font-size:12px}@media (max-width:1180px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid,.workspace-grid{grid-template-columns:1fr}}@media (max-width:820px){.crm-layout{grid-template-columns:1fr}.crm-sidebar{height:auto;position:relative}.crm-nav{grid-template-columns:repeat(3,1fr)}.sidebar-profile{display:none}.crm-topbar{padding:0 18px;position:relative}.crm-content{padding:20px 16px}.kpi-grid,.kpi-grid-3{grid-template-columns:repeat(2,1fr)}.page-heading{flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}@media (max-width:520px){.kpi-grid,.kpi-grid-3,.crm-nav{grid-template-columns:1fr}}.topbar-actions{align-items:center;gap:10px;display:flex}.signout-button{color:#26364f;cursor:pointer;background:#fff;border:1px solid #d9e0e9;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:12px;font-weight:700;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;display:inline-flex}.signout-button:hover{color:#9f4434;background:#fff4f1;border-color:#f0b5a8;transform:translateY(-1px);box-shadow:0 7px 18px #10264b12}.signout-button:focus-visible{outline-offset:2px;outline:3px solid #f08a7347}.sidebar-profile .signout-button{color:#fff;background:#ffffff14;border-color:#ffffff24;width:100%;margin-top:10px}.sidebar-profile .signout-button:hover{background:#ffffff24;border-color:#ffffff38}@media (max-width:820px){.crm-topbar{gap:12px}.topbar-status,.signout-button span:last-child{display:none}.signout-button{width:38px;padding:0}}a.kpi-card{color:inherit;display:block}a.kpi-card:hover{border-color:#cdd6e3;transform:translateY(-1px)}.link{color:#3f6b4b;font-size:12px;font-weight:700}.hero{color:#fff;background:linear-gradient(135deg,#0f1b2e,#16302b 70%,#1d3d31);border-radius:18px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;padding:30px 32px;display:grid;box-shadow:0 14px 34px #101a2d2e}.hero-badge{color:#c9e58a;letter-spacing:.12em;border:1px solid #b9d86f66;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:11px;font-weight:700;display:inline-flex}.hero-badge i{background:#b9d86f;border-radius:50%;width:7px;height:7px}.hero h2{margin:18px 0 10px;font-size:32px;line-height:1.15}.hero p{color:#c8d3d9;max-width:560px;margin:0;font-size:14px;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.btn-hero{color:#10241a;background:#bfe06f;border-radius:11px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-size:13px;font-weight:800;display:inline-flex}.btn-hero.ghost{color:#fff;background:#ffffff14;border:1px solid #ffffff2e}.hero-stats{text-align:center;align-content:center;justify-items:center;gap:10px;display:grid}.ring{border-radius:50%;place-items:center;width:168px;height:168px;display:grid}.ring-in{background:#16261f;border-radius:50%;place-content:center;width:132px;height:132px;display:grid}.ring-in strong{color:#c9e58a;font-size:30px}.ring-in span{color:#a9b8b1;font-size:11px}.hero-stats small{letter-spacing:.14em;color:#8fa59a;font-size:10px}.hero-mini{color:#b8c6c0;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;justify-content:space-between;width:100%;padding:11px 14px;font-size:12px;display:flex}.hero-mini strong{color:#fff;font-size:15px}.funnel{gap:13px;padding:20px;display:grid}.funnel-row{color:#4e5a6d;grid-template-columns:150px minmax(0,1fr) 64px;align-items:center;gap:12px;font-size:12px;display:grid}.funnel-row strong{text-align:right;color:#233047}.funnel-bar{background:#eef1f5;border-radius:99px;height:12px;overflow:hidden}.funnel-bar i{border-radius:99px;height:100%;display:block}.donut-wrap{grid-template-columns:auto 1fr;align-items:center;gap:24px;padding:22px;display:grid}.donut{border-radius:50%;place-items:center;width:150px;height:150px;display:grid}.donut-hole{text-align:center;background:#fff;border-radius:50%;place-content:center;width:100px;height:100px;display:grid}.donut-hole strong{font-size:22px}.donut-hole span{color:#8b97aa;font-size:10px}.legend{color:#4e5a6d;gap:11px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.legend li{align-items:center;gap:9px;display:flex}.legend li strong{color:#233047;margin-left:auto}.legend i{border-radius:3px;flex:none;width:10px;height:10px}.bars{gap:16px;padding:20px;display:grid}.bar-row{gap:7px;display:grid}.bar-head{flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12px;display:flex}.bar-head span{color:#8b97aa}.rank{color:#a2acbb;margin-right:10px;font-weight:400}@media (max-width:1180px){.hero{grid-template-columns:1fr}.kpi-grid[style]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:620px){.hero{padding:22px 18px}.hero h2{font-size:25px}.funnel-row{grid-template-columns:100px minmax(0,1fr) 54px}.donut-wrap{grid-template-columns:1fr;justify-items:center}}