:root{--blue:#277bb7;--dark:#103740;--text:#52636b;--bg:#f4f7f9;--border:#e2e8ec;--green:#168c5b;--red:#c53c3c}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--bg);color:#24363d;font-size:14px}a{color:inherit}.crm-shell{min-height:100vh;display:flex}.crm-sidebar{position:fixed;left:0;top:0;bottom:0;width:235px;background:#0f3038;color:#fff;padding:24px 18px;display:flex;flex-direction:column;z-index:30}.crm-brand{display:flex;align-items:center;gap:11px;margin-bottom:32px}.crm-brand>span{width:42px;height:42px;border-radius:10px;background:var(--blue);display:grid;place-items:center;font-size:22px;font-weight:900}.crm-brand strong,.crm-brand small{display:block}.crm-brand strong{font-size:17px}.crm-brand small{font-size:10px;opacity:.6;letter-spacing:1.2px;text-transform:uppercase}.crm-sidebar nav{display:grid;gap:7px}.crm-sidebar nav a{padding:12px 13px;border-radius:7px;text-decoration:none;color:rgba(255,255,255,.78);font-weight:700}.crm-sidebar nav a:hover,.crm-sidebar nav a.active{background:rgba(255,255,255,.1);color:#fff}.crm-sidebar-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:18px}.crm-sidebar-user strong,.crm-sidebar-user small{display:block}.crm-sidebar-user small{opacity:.65;margin:4px 0 12px}.crm-sidebar-user a{font-size:12px;color:#8fd2ff}.crm-main{width:100%;margin-left:235px}.crm-topbar{height:82px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:14px}.crm-topbar h1{margin:0;font-size:24px}.crm-topbar p{margin:3px 0 0;color:#879299;font-size:11px}.crm-menu{display:none;border:0;background:#eef3f6;border-radius:6px;padding:8px 10px;font-size:20px}.crm-content{padding:28px;max-width:1550px;margin:auto}.crm-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:22px}.crm-stat,.crm-panel{background:#fff;border:1px solid var(--border);border-radius:10px}.crm-stat{padding:20px}.crm-stat span{display:block;color:#718087;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.crm-stat strong{display:block;font-size:30px;color:#123840;margin:7px 0}.crm-stat small,.crm-muted{color:#8a969b;font-size:11px}.crm-panel{padding:22px;margin-bottom:22px}.crm-panel h2{margin:0 0 5px;font-size:18px}.crm-panel h3{font-size:15px}.crm-panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.crm-panel-head p{margin:3px 0;color:#849098;font-size:11px}.crm-btn{border:1px solid #cad5da;background:#fff;color:#24434c;border-radius:6px;min-height:40px;padding:9px 15px;font-weight:800;font-size:12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.crm-btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.crm-btn.small{min-height:34px;padding:7px 11px}.crm-filters,.crm-bulk,.crm-inline-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.crm-filters input{min-width:300px}.crm-filters input,.crm-filters select,.crm-bulk select,.crm-inline-form select,.crm-inline-form input,.crm-form input,.crm-form select,.crm-form textarea,.crm-actions input{border:1px solid #ccd7dc;border-radius:6px;background:#fff;padding:10px 11px;font:inherit;min-height:40px}.crm-form{display:grid;gap:15px}.crm-form label{display:grid;gap:6px;font-size:12px;font-weight:800}.crm-form textarea{resize:vertical}.crm-table-wrap{overflow:auto}.crm-table-wrap table{width:100%;border-collapse:collapse;white-space:nowrap}.crm-table-wrap th{text-align:left;padding:11px 10px;border-bottom:1px solid var(--border);color:#77868d;font-size:10px;text-transform:uppercase;letter-spacing:.6px}.crm-table-wrap td{padding:13px 10px;border-bottom:1px solid #edf1f3;vertical-align:middle;font-size:12px}.crm-table-wrap td strong{display:block}.crm-table-wrap td small{display:block;margin-top:3px}.crm-link{color:var(--blue);font-weight:800;text-decoration:none}.crm-status{display:inline-block;padding:5px 8px;background:#edf5f9;border-radius:20px;color:#24536a;font-size:10px;font-weight:800}.crm-status.large{font-size:11px;padding:7px 11px}.crm-lock{opacity:.55}.crm-alert{padding:12px 14px;border-radius:7px;margin-bottom:18px;font-weight:700}.crm-alert.success{background:#e9f7f1;color:#166d4b}.crm-alert.error{background:#fff0f0;color:#9d3131}.crm-grid.two{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.crm-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:18px}.crm-detail-grid span{display:block;color:#89959a;font-size:10px;text-transform:uppercase;margin-bottom:5px}.crm-detail-grid strong{font-size:13px}.crm-detail-grid a{text-decoration:none;color:var(--blue)}hr{border:0;border-top:1px solid var(--border);margin:22px 0}.crm-detail-stack{font-size:12px;color:#69777d;overflow-wrap:anywhere}.crm-help{font-size:11px;color:#859198}.crm-timeline{display:grid;gap:13px;margin-top:16px}.crm-timeline-item{border-left:3px solid #dbeaf3;padding:10px 12px;background:#f9fbfc}.crm-timeline-item>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.crm-timeline-item small{color:#8c979c}.crm-timeline-item p{margin:8px 0;line-height:1.55}.crm-timeline-item em{font-size:11px;color:#667980}.crm-overdue{background:#fff7f7}.crm-danger{color:var(--red)!important;font-weight:800}.crm-actions{position:relative}.crm-actions summary{color:var(--blue);font-weight:800;cursor:pointer}.crm-actions>div{min-width:180px;background:#fff;border:1px solid var(--border);padding:10px;position:absolute;right:0;z-index:5;box-shadow:0 10px 25px rgba(0,0,0,.09);display:grid;gap:8px}.crm-actions form{display:grid;gap:7px}.crm-link-button{background:none;border:0;color:var(--blue);text-align:left;padding:2px;cursor:pointer;font-weight:800;font-size:11px}.crm-auth-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#f3f8fb,#edf3f5);padding:20px}.crm-auth-card{width:100%;max-width:430px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:34px;box-shadow:0 20px 60px rgba(16,55,64,.1)}.crm-brand.auth{color:#133a43;margin-bottom:25px}.crm-auth-card h1{margin:0 0 8px}.crm-auth-card>p{color:#718087;line-height:1.6}.employee-layout{grid-template-columns:.65fr 1.35fr}@media(max-width:1200px){.crm-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.crm-sidebar{transform:translateX(-100%);transition:.2s}.crm-sidebar.open{transform:translateX(0)}.crm-main{margin-left:0}.crm-menu{display:block}.crm-content{padding:16px}.crm-grid.two,.employee-layout{grid-template-columns:1fr}.crm-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.crm-stats{grid-template-columns:1fr 1fr}.crm-stat{padding:15px}.crm-stat strong{font-size:25px}.crm-topbar{padding:0 16px}.crm-topbar h1{font-size:19px}.crm-panel{padding:15px}.crm-filters{display:grid}.crm-filters input{min-width:0;width:100%}.crm-hero{} }

/* v1.1.0 - Manual lead creation and sales remarks */
.crm-form-grid{display:grid;gap:14px}.crm-form-grid.two-fields{grid-template-columns:1fr 1fr}.crm-form-grid.phone-fields{grid-template-columns:150px 1fr}.crm-form-actions{display:flex;gap:10px;align-items:center}.crm-add-lead-grid{grid-template-columns:1.3fr .7fr}.crm-tip-panel{align-self:start}.crm-status-guide{display:grid;gap:14px;margin-top:18px}.crm-status-guide>div{padding:13px;background:#f8fafb;border:1px solid var(--border);border-radius:7px}.crm-status-guide p{margin:8px 0 0;color:#69777d;font-size:12px;line-height:1.55}@media(max-width:900px){.crm-add-lead-grid{grid-template-columns:1fr}}@media(max-width:600px){.crm-form-grid.two-fields,.crm-form-grid.phone-fields{grid-template-columns:1fr}.crm-form-actions{flex-direction:column;align-items:stretch}.crm-form-actions .crm-btn{width:100%}}