:root{background:#eef1f5;color:#17202a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button,.file-button{align-items:center;border:0;border-radius:6px;background:#0b6bcb;color:#fff;cursor:pointer;display:inline-flex;gap:8px;justify-content:center;min-height:36px;padding:0 14px}button:hover,.file-button:hover{background:#095da8}.secondary{background:#fff;border:1px solid #c9d3df;color:#17202a}.secondary:hover,.ghost:hover{background:#f4f7fa}.ghost{background:transparent;border:1px solid #d5dde7;color:#4c5f73;min-width:36px;padding:0 9px}.file-button input{display:none}.centered,.login-page{align-items:center;background:linear-gradient(120deg,rgba(11,107,203,.1),transparent 34%),#eef1f5;display:flex;min-height:100vh;justify-content:center;padding:24px}.login-panel{background:#fff;border:1px solid #d7dee8;border-radius:8px;box-shadow:0 18px 50px #14223629;display:grid;gap:18px;max-width:380px;padding:30px;width:100%}.login-panel h1{font-size:26px;margin:0}.login-icon{align-items:center;background:#e8f2ff;border-radius:8px;color:#0b6bcb;display:flex;height:46px;justify-content:center;width:46px}label{color:#2f4054;display:grid;font-size:13px;font-weight:650;gap:7px}input,select,textarea{background:#fff;border:1px solid #c9d3df;border-radius:6px;color:#17202a;min-height:36px;padding:0 10px;width:100%}textarea{min-height:86px;padding:9px 10px;resize:vertical}.error,.notice{border-radius:6px;margin:0 0 12px;padding:10px 12px}.error{background:#fff0f0;border:1px solid #ffc9c9;color:#a61b1b}.notice{background:#edf8f3;border:1px solid #bfe7d5;color:#146c43}.crm-layout{display:grid;grid-template-columns:76px minmax(0,1fr);height:100vh;min-height:100vh;overflow:hidden}.crm-sidebar{align-items:center;background:#142033;border-right:1px solid #0c1624;display:flex;flex-direction:column;gap:24px;height:100vh;padding:18px 10px;position:sticky;top:0}.brand-mark{align-items:center;background:#0b6bcb;border-radius:8px;color:#fff;display:flex;font-weight:800;height:42px;justify-content:center;width:42px}.crm-sidebar nav{display:grid;gap:8px;width:100%}.nav-item{align-items:center;background:transparent;border:0;border-radius:8px;color:#9fb1c7;display:grid;font-size:11px;gap:5px;justify-items:center;min-height:62px;padding:10px 4px;text-decoration:none;width:100%}.nav-item.active,.nav-item:hover{background:#20304a;color:#fff}.crm-main{height:100vh;min-width:0;overflow-x:hidden;overflow-y:auto;padding:14px 18px 16px;position:relative}.crm-main.has-bulk-bar{padding-bottom:96px}.topbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:10px}h1,h2,h3,p{margin-top:0}.topbar h1{font-size:24px;letter-spacing:0;margin:0}.title-row{align-items:center;display:flex;gap:8px;position:relative}.view-summary{color:#627389;font-size:13px;font-weight:650;margin:4px 0 0}.view-purpose{color:#2f4054;font-size:13px;margin:4px 0 0;max-width:760px}.eyebrow{color:#617289;font-size:12px;font-weight:750;letter-spacing:0;margin:0 0 3px;text-transform:uppercase}.header-actions,.icon-button{align-items:center;display:inline-flex;gap:8px}.workflow-help{display:inline-flex;position:relative}.help-button{background:#fff;border:1px solid #c9d3df;border-radius:999px;color:#4c5f73;min-height:30px;min-width:30px;padding:0}.help-button:hover{background:#f4f7fa}.workflow-popover{background:#fff;border:1px solid #dbe3ec;border-radius:8px;box-shadow:0 16px 38px #14223629;display:grid;gap:7px;left:0;padding:12px;position:absolute;top:calc(100% + 8px);width:min(420px,calc(100vw - 132px));z-index:35}.workflow-popover strong{color:#17202a;font-size:13px}.workflow-popover p{color:#4c5f73;font-size:13px;line-height:1.35;margin:0}.filter-panel{background:#fff;border:1px solid #dbe3ec;border-radius:8px;display:grid;gap:10px;margin-bottom:10px;padding:10px}.filter-panel-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.filter-title{align-items:center;color:#17202a;display:inline-flex;gap:8px;min-width:0}.filter-title strong{font-size:14px}.filter-title span{color:#627389;font-size:12px;font-weight:650}.filter-reset{gap:6px;min-height:32px}.filter-grid{display:grid;gap:8px;grid-template-columns:minmax(240px,1.6fr) repeat(5,minmax(128px,1fr))}.filter-field{display:grid;gap:5px;min-width:0}.filter-field>span{color:#617289;font-size:11px;font-weight:750;text-transform:uppercase}.filter-field select,.filter-field input{min-height:38px}.active-filters{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.filter-chip{background:#eef6ff;border:1px solid #b8d8fb;border-radius:999px;color:#0b4f93;gap:6px;min-height:28px;padding:0 9px 0 10px}.filter-chip:hover{background:#dfefff}.filter-chip span{font-size:12px;font-weight:700;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-bar{align-items:center;background:#fff;border:1px solid #dbe3ec;border-radius:8px;bottom:16px;box-shadow:0 14px 40px #1422362e;display:grid;gap:8px;grid-template-columns:auto minmax(130px,.9fr) minmax(140px,.9fr) minmax(140px,.8fr) minmax(130px,1fr) minmax(160px,1.2fr) auto auto;left:94px;margin:0;padding:8px;position:fixed;right:18px;z-index:25}.bulk-bar strong{color:#2d4058;font-size:13px;white-space:nowrap}.search-field{align-items:center;border:1px solid #c9d3df;border-radius:6px;color:#72839a;display:grid;grid-template-columns:28px minmax(0,1fr);padding-left:8px}.search-field input{border:0;min-width:0}.pagination-bar{align-items:center;background:#fff;border:1px solid #dbe3ec;border-radius:8px;display:flex;gap:12px;justify-content:space-between;margin-top:8px;padding:8px 12px}.pagination-bar>span,.pagination-mobile-status{color:#627389;font-size:13px;font-weight:650}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-pages{display:flex;gap:5px}.page-button{background:#fff;border:1px solid #c9d3df;color:#17202a;min-width:36px;padding:0 10px}.page-button.selected{background:#0b6bcb;border-color:#0b6bcb;color:#fff}.pagination-mobile-status{display:none}button:disabled{cursor:not-allowed;opacity:.55}.workspace{align-items:stretch;display:grid;gap:12px;grid-template-columns:minmax(0,1fr);min-height:0;overflow:visible}.pipeline-workspace{grid-template-columns:minmax(0,1fr)}.client-list,.client-panel{background:#fff;border:1px solid #dbe3ec;border-radius:8px;min-height:0}.client-list{overflow:visible}.list-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64758b;display:grid;font-size:12px;grid-template-columns:74px minmax(180px,1.2fr) minmax(150px,.9fr) minmax(160px,1fr) minmax(190px,.75fr);padding:10px 14px;position:sticky;top:0;z-index:1}.list-header strong{color:#17202a;font-size:13px;grid-column:1 / -1;margin-bottom:6px}.client-row{align-items:center;border-bottom:1px solid #eef2f6;cursor:pointer;display:grid;gap:12px;grid-template-columns:74px minmax(180px,1.2fr) minmax(150px,.9fr) minmax(160px,1fr) minmax(190px,.75fr);min-height:72px;padding:10px 14px}.client-row:hover,.client-row.active{background:#eef6ff}.client-row h2{font-size:14px;margin:0 0 4px}.client-row p,.panel-title p,.empty-state p,.events p,.contact-cell p{color:#627389;font-size:12px;margin:3px 0 0}.contact-cell strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.priority-cell strong{color:#0b6bcb;display:block;font-size:13px}.priority-cell p{color:#627389;font-size:12px;margin:3px 0 0}.row-check{align-items:center;display:flex;flex-direction:row;gap:7px;min-height:24px}.row-check input{min-height:auto;width:auto}.row-check span{color:#64758b;font-size:12px}.contact-cell a,.contact-action a{color:#0b6bcb;text-decoration:none}.contact-cell a:hover,.contact-action a:hover{text-decoration:underline}.row-meta{align-items:center;display:grid;gap:7px;grid-template-columns:minmax(0,1fr)}.archived-marker{align-items:center;color:#9a5b00;display:inline-flex;font-size:12px;font-weight:700;gap:5px}.stage-control{display:grid;min-width:0}.stage-control select{color:#17202a;font-size:13px;font-weight:750;min-height:38px;min-width:190px;width:100%}.stage-control.compact select{min-width:160px}.pipeline-board{background:#fff;border:1px solid #dbe3ec;border-radius:8px;display:grid;gap:0;grid-template-columns:repeat(4,minmax(0,1fr));min-height:0;overflow:visible}.pipeline-column{border-right:1px solid #e2e8f0;min-width:0}.pipeline-column:last-child{border-right:0}.pipeline-column-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:8px;justify-content:space-between;min-height:50px;padding:10px;position:sticky;top:0;z-index:1}.pipeline-column-header span{color:#2d4058;font-size:12px;font-weight:750;line-height:1.25}.pipeline-column-header small{color:#72839a;display:block;font-size:11px;font-weight:600;margin-top:3px}.pipeline-column-header strong{background:#e8f2ff;border-radius:999px;color:#0b6bcb;font-size:12px;min-width:24px;padding:3px 7px;text-align:center}.pipeline-column-body{display:grid;gap:8px;padding:10px}.deal-card{background:#fff;border:1px solid #dbe3ec;border-radius:8px;cursor:pointer;display:grid;gap:7px;padding:10px}.deal-card:hover,.deal-card.active{border-color:#0b6bcb;box-shadow:0 8px 24px #122a481f}.deal-card h2{font-size:13px;margin:0}.deal-card p,.muted{color:#627389;font-size:12px;margin:0}.deal-card strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-panel{padding:12px}.client-drawer{animation:drawer-slide-in .16s ease-out;background:#fff;border:1px solid #dbe3ec;border-radius:8px 0 0 8px;box-shadow:-18px 0 42px #1422362e;bottom:0;max-height:100dvh;min-height:0;overscroll-behavior-y:auto;overflow-x:hidden;overflow-y:auto;position:fixed;right:0;top:0;width:clamp(680px,50vw,calc(100vw - 76px));z-index:30}.client-drawer .client-panel{border:0;min-height:100dvh}@keyframes drawer-slide-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.panel-title{align-items:start;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;justify-content:space-between;padding-bottom:10px}.panel-title>div:first-child{min-width:0}.panel-title h2{align-items:center;display:flex;font-size:18px;gap:8px;line-height:1.2;margin:0}.deal-command{background:#f8fafc;border:1px solid #dbe3ec;border-radius:8px;display:grid;gap:10px;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);margin-top:10px;padding:10px}.command-main{display:grid;gap:5px;min-width:0}.command-main>span,.section-heading p{color:#627389;font-size:12px;margin:0}.command-main>strong{color:#17202a;font-size:15px;justify-self:start}.command-main p{color:#2f4054;font-size:13px;line-height:1.35;margin:0}.command-controls{align-items:end;display:grid;gap:8px;grid-template-columns:minmax(150px,1fr) minmax(140px,.85fr) auto}.command-archive{background:#fff;border:1px solid #dbe3ec;border-radius:6px;padding:0 10px}.manager-grid{display:grid;gap:10px;grid-template-columns:minmax(240px,.9fr) minmax(0,1.1fr);margin-top:10px}.drawer-card{background:#fff;border:1px solid #dbe3ec;border-radius:8px;min-width:0;padding:10px}.company-card,.event-card{grid-column:1 / -1}.section-heading{display:grid;gap:2px;margin-bottom:8px}.section-heading h3{font-size:14px;margin:0}.drawer-details{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:10px}.drawer-details summary{color:#2d4058;cursor:pointer;font-size:14px;font-weight:750;padding:8px 0}.drawer-details[open] summary{margin-bottom:6px}.details-grid{margin-top:10px}.archive-badge{background:#fff4e5;border:1px solid #ffd59a;border-radius:999px;color:#9a5b00;font-size:11px;font-weight:750;padding:3px 8px}.panel-actions{align-items:center;display:flex;flex:0 0 auto;gap:8px}.panel-save{white-space:nowrap}.drawer-close{background:#fff;border:1px solid #c9d3df;color:#4c5f73;min-width:36px;padding:0}.drawer-close:hover{background:#f4f7fa}.info-grid,.edit-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.drawer-card .edit-grid{margin-top:0}.company-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.phone-notes-editor{display:grid;gap:7px}.phone-note-row{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(145px,.55fr) minmax(0,1fr)}.phone-note-row span{color:#40546b;font-size:12px;font-weight:750;overflow-wrap:anywhere}.form-section{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:14px}.form-section h3{font-size:15px;margin-bottom:10px}.contact-actions{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.client-drawer .contact-actions{grid-template-columns:1fr}.contact-action{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:4px;min-width:0;padding:8px}.contact-action>span{align-items:center;color:#72839a;display:flex;font-size:12px;gap:6px}.contact-action>div{align-items:center;display:grid;gap:6px;grid-template-columns:minmax(0,1fr) auto}.contact-action a,.contact-action strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-button{background:#fff;border:1px solid #c9d3df;color:#4c5f73;min-height:30px;min-width:30px;padding:0}.info-item{border-bottom:1px solid #eef2f6;min-height:56px;padding:7px 0}.info-item span{color:#72839a;display:block;font-size:11px;margin-bottom:4px}.info-item strong{display:block;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.wide{grid-column:span 2}.client-drawer .decision-grid .wide{grid-column:1 / -1}.client-drawer label{gap:5px}.client-drawer input,.client-drawer select{min-height:34px}.client-drawer textarea{min-height:64px}.checkbox-label{align-items:center;align-self:end;display:flex;flex-direction:row;gap:9px;min-height:36px}.checkbox-label input{min-height:auto;width:auto}.event-box{margin-top:0}.event-box h3{font-size:16px}.event-form{display:grid;gap:8px;grid-template-columns:minmax(120px,1fr) minmax(160px,1.4fr) auto;margin:0 0 8px}.events{display:grid;gap:6px}.events article{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px}.events time{color:#72839a;display:block;font-size:11px;margin-top:5px}.empty-state{border:1px dashed #b8c5d5;border-radius:8px;padding:28px}.empty-state.compact{border:0;color:#627389;padding:18px}@media(max-width:1180px){.crm-layout{height:auto;grid-template-columns:1fr;overflow:visible}.crm-main{height:auto;overflow:visible}.crm-main.has-bulk-bar{padding-bottom:210px}.crm-sidebar{align-items:center;display:grid;gap:12px;grid-template-columns:42px minmax(0,1fr);padding:10px 14px}.crm-sidebar nav{display:flex;flex-wrap:wrap;gap:8px;min-width:0;width:100%}.nav-item{flex:0 0 68px;min-width:0}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bulk-bar,.workspace{grid-template-columns:1fr}.bulk-bar{left:14px;right:14px}.workspace{overflow:visible}.pipeline-board,.client-list,.client-panel{max-height:none}.client-drawer{border-radius:0;right:0;width:100vw}}@media(max-width:720px){.crm-main{padding:14px}.topbar,.panel-title{align-items:flex-start;flex-direction:column}.workflow-popover{left:auto;right:0;width:min(320px,calc(100vw - 28px))}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bulk-bar,.workspace{grid-template-columns:1fr}.header-actions{flex-direction:row;flex-wrap:wrap}.info-grid,.edit-grid,.deal-command,.command-controls,.event-form,.contact-actions{grid-template-columns:1fr}.client-drawer .command-controls,.client-drawer .decision-grid,.client-drawer .company-grid,.client-drawer .event-form{grid-template-columns:repeat(2,minmax(0,1fr))}.client-drawer .deal-command{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.client-drawer .manager-grid{grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr)}.client-drawer .decision-grid .wide,.client-drawer .company-grid .wide{grid-column:1 / -1}.pagination-bar,.pagination-controls{align-items:stretch;flex-direction:column}.pagination-controls{display:grid;grid-template-columns:1fr auto 1fr;width:100%}.pagination-pages,.pagination-controls .secondary:first-child,.pagination-controls .secondary:last-child{display:none}.pagination-mobile-status{align-items:center;display:flex;justify-content:center;min-height:36px;text-align:center}.list-header{display:none}.client-row{grid-template-columns:1fr}.wide{grid-column:auto}}@media(max-width:520px){.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-drawer .manager-grid,.client-drawer .deal-command,.client-drawer .command-controls,.client-drawer .decision-grid,.client-drawer .company-grid,.client-drawer .event-form,.phone-note-row{grid-template-columns:1fr}.client-drawer .decision-grid .wide,.client-drawer .company-grid .wide{grid-column:auto}}@media(max-width:420px){.filter-grid{grid-template-columns:1fr}.filter-panel-header{align-items:flex-start;flex-direction:column}}