:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:#1b2b45;background:#f5f7fb;font-synthesis:none;--navy: #142849;--primary: #305ad6;--border: #e4e9f2;--muted: #718198;--surface: #fff}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #dce4ef;background:#fff;border-radius:9px;padding:9px 13px;color:#405572}button:disabled{opacity:.55;cursor:not-allowed}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #87a7ff;outline-offset:2px}h1,h2,h3,p{margin-top:0}a{color:#305ad6}.icon-button{display:inline-flex;align-items:center;justify-content:center;color:#718198;background:transparent;border:0;border-radius:9px;width:38px;height:38px}.icon-button:hover{background:#f0f4fb;color:#244c96}button.primary,a.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #305ad6;background:#305ad6;color:#fff;border-radius:9px;padding:11px 17px;font-weight:650;transition:background .15s ease;text-decoration:none}button.primary:hover:not(:disabled){background:#2347b6}button.secondary-action{display:inline-flex;align-items:center;gap:8px;font-weight:600}button.secondary-action:hover,button:not(.primary):hover:not(:disabled){border-color:#b7c9e8}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{background:#16294a;color:#eef4ff;padding:29px 17px 19px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;z-index:50}.brand{display:flex;align-items:center;gap:11px;padding:0 8px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:#4278eb;border-radius:11px;color:#fff;flex-shrink:0}.brand strong{display:block;font-size:19px;letter-spacing:-.5px}.brand small{display:block;font-size:11px;color:#b0c2e0;margin-top:2px}.nav-label{color:#778daf;font-size:10px;font-weight:800;letter-spacing:1.8px;margin:48px 13px 14px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar .nav-link{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:10px;background:transparent;color:#b8c7e0;padding:13px;font-weight:550;text-align:left;transition:.15s ease}.sidebar .nav-link.active{color:#fff;background:#2c4979;box-shadow:inset 3px 0 #6798ff}.sidebar .nav-link:hover{color:#fff;background:#2b426b}.nav-chevron{margin-left:auto;opacity:.7}.sidebar-bottom{margin-top:auto;border-top:1px solid #354866;padding:19px 5px 0}.sidebar-user{display:flex;align-items:center;gap:10px;padding:0 0 13px;min-width:0}.avatar{display:inline-grid;place-items:center;background:#dfe9ff;color:#3157af;width:40px;height:40px;flex-shrink:0;border-radius:13px;font-weight:750}.sidebar-user .avatar{background:#3c598c;color:#fff}.user-meta{min-width:0}.user-meta strong,.user-meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta small{font-size:11px;color:#a0b5d2;margin-top:4px}.signout{border:0;width:100%;display:flex;gap:10px;align-items:center;background:none;color:#adc1df;border-radius:9px;padding:11px 10px;text-align:left}.signout:hover{background:#2b426b;color:#fff}.app-main{min-width:0}.topbar{height:77px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 38px;position:sticky;top:0;z-index:20}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:19px}.topbar-left strong{display:block;margin-top:3px;font-size:15px}.eyebrow,.section-kicker{display:block;font-size:10px;font-weight:800;letter-spacing:1.5px;color:#7990af}.topbar-actions{gap:20px}.today{color:#718198;font-size:12px}.avatar-small{width:34px;height:34px;border-radius:50%}.menu-button,.mobile-close,.mobile-backdrop{display:none}.content{width:100%;max-width:1570px;margin:auto;padding:37px 38px 68px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:28px}.page-header h1{font-size:clamp(26px,2.35vw,32px);letter-spacing:-.9px;margin:7px 0 5px;color:#1b2b45}.page-header p{color:var(--muted);margin:0;line-height:1.5}.panel{background:#fff;border:1px solid var(--border);box-shadow:0 4px 19px #192d4f06;border-radius:15px;margin-bottom:22px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}.metric{background:#fff;border:1px solid var(--border);border-radius:15px;padding:22px 22px 20px}.metric-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.metric-top>span:first-child{color:#667790;font-weight:600;font-size:13px}.metric-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px}.tone-blue{color:#3867db;background:#eaf0ff}.tone-violet{color:#7952b8;background:#f2edff}.tone-green{color:#1b8d62;background:#e6f8ef}.tone-orange{color:#b87912;background:#fff4dc}.metric strong{display:block;font-size:34px;margin:3px 0 9px;letter-spacing:-1.3px}.metric small{color:#90a0b4;font-size:11px}.dashboard-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:20px}.dashboard-grid .panel{min-height:288px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 24px 17px}.panel-heading h2{font-size:16px;margin:0 0 5px;letter-spacing:-.2px}.panel-heading p{font-size:12px;color:var(--muted);margin:0}.text-action{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:#315bd0;font-size:12px;font-weight:700;white-space:nowrap}.pipeline-bar{display:flex;gap:2px;overflow:hidden;margin:34px 25px 27px;height:15px;border-radius:7px;background:#e9eef6}.pipeline-segment{height:100%}.bar-violet{background:#6d6de3}.bar-green{background:#27aa7c}.bar-orange{background:#f3b450}.pipeline-stats{padding:0 24px 24px;display:grid;gap:15px}.pipeline-stats>div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;column-gap:10px;color:#63738c}.pipeline-stats strong{color:#263852}.legend-dot{height:9px;width:9px;border-radius:3px}.task-list{padding:0 24px 12px}.task{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #edf1f7}.task-avatar{flex-shrink:0;display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#e8f0ff;color:#3762b7;font-weight:750}.task>div{min-width:0;flex:1}.task strong,.task small{display:block}.task strong{font-size:12px}.task small{color:#8a99ad;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-date{font-size:11px;white-space:nowrap;color:#718198}.overdue-text{color:#cb5f30!important;font-weight:700}.recent-panel .panel-heading{padding-bottom:18px}.table-scroll{overflow-x:auto}table{width:100%;text-align:left;border-collapse:collapse}th{background:#fbfcfe;color:#8899af;text-transform:uppercase;letter-spacing:.7px;font-size:10px;font-weight:800}th,td{padding:16px 22px;border-bottom:1px solid #edf1f6;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcff}td{font-size:12px;color:#576982}td strong.cell-name{color:#283951;font-size:13px}td small{display:block;font-size:11px;max-width:210px;overflow:hidden;text-overflow:ellipsis;margin-top:6px;color:#9aa8bc}.status-badge{display:inline-flex;align-items:center;gap:7px;border-radius:7px;padding:6px 10px;background:#eaf1ff;color:#375ac1;font-weight:700;font-size:11px}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-won,.status-completed{background:#e8f8ef;color:#1c8962}.status-lost{background:#fff0ee;color:#c46258}.status-qualified{background:#ecedfe;color:#665dc3}.status-proposal{background:#fff6e7;color:#b8872b}.table-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:11px;padding:21px 22px}.search-field,.filter-field{display:flex;align-items:center;gap:9px;border:1px solid #dfe6ef;border-radius:9px;padding:0 12px;background:#fff;color:#8da0b8}.search-field{flex:1;min-width:210px;max-width:440px}.search-field input,.filter-field select{height:41px;border:0;outline:0;padding:0;background:transparent;color:#344661;width:100%}.search-field:focus-within,.filter-field:focus-within{border-color:#7f9fec;box-shadow:0 0 0 3px #e9efff}.filter-field{width:195px}.result-count{margin-left:auto;color:#8493a7;white-space:nowrap;font-size:12px}.leads-panel table{min-width:760px}.lead-link{background:none;border:0;padding:0;color:#2449a1;font-weight:700}.lead-link:hover{text-decoration:underline}.table-phone{color:#576982;text-decoration:none}.table-phone:hover{color:#305ad6}.source-tag{display:inline-flex;align-items:center;border:1px solid #e5eaf2;background:#f6f8fc;border-radius:6px;color:#667991;padding:6px 9px;font-size:11px}.inline-select{border:1px solid #e4e9f2;padding:8px;border-radius:7px;background:#fff;color:#465a72;max-width:170px;width:100%;font-size:12px}.row-edit{color:#9cabbd}.pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px 22px;border-top:1px solid #edf1f6;color:#8191a5;font-size:12px}.pagination>div{display:flex;align-items:center;gap:9px}.pagination button{display:inline-flex;align-items:center;gap:5px;font-size:12px}.empty-state{padding:46px 20px;text-align:center;color:#778ba3}.empty-icon{display:inline-grid;place-items:center;background:#eff3ff;color:#6381ce;width:57px;height:57px;border-radius:17px;margin-bottom:15px}.empty-state h3{color:#344763;font-size:15px;margin:0 0 7px}.empty-state p{margin:0;font-size:12px;line-height:1.6}.loading-state{color:#8b9aaf;padding:40px 20px;text-align:center}.error-state{display:flex;gap:9px;align-items:center;padding:12px 14px;background:#fff1f0;border:1px solid #ffe0da;border-radius:10px;color:#a43e37;margin:0 20px 20px}.error-state span{flex:1}.tab-list,.drawer-tabs{display:flex;gap:24px;overflow-x:auto;border-bottom:1px solid var(--border)}.tab-list{padding:0 24px}.tab-list button,.drawer-tabs button{padding:16px 3px;white-space:nowrap;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#8190a4;font-weight:650}.tab-list button.selected,.drawer-tabs button.selected{color:#305ad6;border-bottom-color:#305ad6}.followup-panel{overflow:hidden}.followup-row{display:flex;align-items:center;gap:15px;padding:18px 23px;border-bottom:1px solid #edf1f6}.followup-row:last-child{border-bottom:0}.followup-info{flex:1;min-width:0}.followup-info strong{font-size:13px}.followup-info p{color:#8997a9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:12px}.followup-due{display:flex;align-items:center;gap:7px;color:#7c8da3;min-width:163px;font-size:12px}.followup-action{min-width:121px;text-align:right}.followup-action button{display:inline-flex;align-items:center;gap:7px}.person-cell{display:flex;align-items:center;gap:11px;color:#2b3a54}.avatar-person{width:35px;height:35px;border-radius:10px;font-size:12px}.drawer-backdrop{position:fixed;inset:0;background:#0f1f3985;z-index:90;display:flex;justify-content:flex-end;animation:fadeIn .17s ease}.detail-drawer{background:#fff;height:100%;width:min(480px,100%);overflow-y:auto;padding:30px;box-shadow:-15px 0 50px #00132d20;animation:slideIn .2s ease}.drawer-header{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.drawer-header h2{margin:6px 0;font-size:23px;letter-spacing:-.6px}.drawer-header p{color:var(--muted);margin:0 0 25px;font-size:12px}.lead-quick-actions{display:flex;gap:8px;align-items:center;margin-bottom:24px}.lead-quick-actions a{display:inline-flex;align-items:center;gap:6px;border:1px solid #dce5f2;border-radius:8px;padding:9px 13px;color:#315dd0;text-decoration:none;font-weight:650}.drawer-tabs{margin-bottom:26px}.drawer-form{display:grid;gap:20px}.drawer-form label,.login-card label{display:grid;gap:9px;font-size:12px;font-weight:700;color:#43536d}.drawer-form input,.drawer-form select,.drawer-form textarea,.login-card input{width:100%;border:1px solid #dce4ee;border-radius:9px;padding:12px 13px;min-width:0;background:#fff;color:#1b2b45}.drawer-form textarea{min-height:100px;resize:vertical;line-height:1.5}.drawer-form input:focus,.drawer-form select:focus,.drawer-form textarea:focus,.login-card input:focus{border-color:#6185e5}.required{color:#b74d4d}.form-intro,.field-help{font-size:12px;line-height:1.6;color:#8191a5;margin:0}.field-help{margin-top:-15px}.drawer-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:24px 0;margin-top:5px;border-top:1px solid #edf1f6}.toast-stack{position:fixed;bottom:25px;right:25px;display:grid;gap:10px;width:min(390px,calc(100vw - 30px));z-index:150;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid var(--border);border-left:4px solid #4c77dd;box-shadow:0 13px 38px #182b4e33;border-radius:11px;padding:14px 12px 14px 15px;pointer-events:auto;animation:toastIn .18s ease}.toast-success{border-left-color:#23966c}.toast-error{border-left-color:#cf5353}.toast-warning{border-left-color:#db9d36}.toast-symbol{margin-top:1px;color:#4277d8;flex-shrink:0}.toast-success .toast-symbol{color:#23966c}.toast-error .toast-symbol{color:#cf5353}.toast-warning .toast-symbol{color:#c48a22}.toast-copy{flex:1;min-width:0}.toast-copy strong{display:block;font-size:13px;color:#253650}.toast-copy p{margin:5px 0 0;color:#708199;line-height:1.4;font-size:12px}.toast-dismiss{width:25px;height:25px}.dialog-backdrop{position:fixed;inset:0;z-index:130;background:#0f1f3999;display:grid;place-items:center;padding:20px}.confirm-dialog{width:min(430px,100%);background:#fff;border-radius:17px;box-shadow:0 30px 75px #07152b59;padding:30px;outline:none}.dialog-symbol{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin-bottom:19px}.dialog-primary{background:#eaf1ff;color:#305ad6}.dialog-danger{background:#fff0ec;color:#c45b43}.confirm-dialog h2{font-size:20px;margin:0 0 9px}.confirm-dialog p{color:#718198;font-size:13px;line-height:1.65;margin-bottom:25px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px}.danger-button{background:#c94e4e!important;color:#fff!important;border-color:#c94e4e!important}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-intro{background:linear-gradient(135deg,#132b53,#203f78 65%,#335bb0);color:#fff;display:flex;flex-direction:column;padding:40px max(36px,8vw)}.login-intro .brand{padding:0}.login-intro-content{margin:auto 0;padding:60px 0}.intro-label,.login-overline{color:#aec7ff;letter-spacing:1.7px;font-weight:800;font-size:11px}.login-intro h1{font-size:clamp(32px,4vw,53px);line-height:1.17;letter-spacing:-1.9px;margin:22px 0}.login-intro h1 em{color:#a3c3ff;font-style:normal}.login-intro-content>p{color:#bfcfeb;max-width:430px;font-size:15px;line-height:1.8}.intro-steps{display:grid;gap:15px;margin-top:37px}.intro-steps>span{display:flex;gap:12px;align-items:center;color:#d9e6fc;font-size:13px}.intro-steps svg{color:#7fc9af}.intro-footer{font-size:11px;color:#a4b9d9;margin:0}.login-form-side{display:grid;place-items:center;padding:40px;background:#fff}.login-card{width:min(100%,415px);display:grid;gap:22px}.login-card h2{margin:-6px 0 -14px;font-size:28px;letter-spacing:-.9px}.login-card>p{margin:0;color:#8090a6}.login-card label{font-size:13px}.login-overline{color:#305ad6}.password-field{display:flex;position:relative}.password-field input{padding-right:65px}.password-field button{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0!important;background:transparent!important;padding:5px!important;color:#5277b6!important;font-size:12px;font-weight:700}.login-submit{width:100%;justify-content:space-between!important;padding:13px 16px!important}.login-footnote{text-align:center;color:#9aa7b8;line-height:1.5}.error{color:#b7423d;border-radius:8px;background:#fff1f0;padding:11px 13px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(22px);opacity:.85}}@keyframes toastIn{0%{transform:translateY(10px);opacity:0}}@media(max-width:1200px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;bottom:0;left:0;width:270px;height:100dvh;transform:translate(-100%);transition:transform .18s ease;z-index:105}.sidebar-open{transform:translate(0)}.menu-button,.mobile-close{display:inline-flex}.mobile-close{margin-left:auto;color:#fff}.mobile-backdrop{display:block;position:fixed;inset:0;border:0;border-radius:0;background:#0c1a337a;z-index:100}.topbar{padding:0 24px}.content{padding:30px 24px}.login-layout{grid-template-columns:1fr}.login-intro{min-height:180px;padding:26px 32px}.login-intro-content,.intro-footer{display:none}.login-form-side{min-height:calc(100vh - 180px)}}@media(max-width:600px){.topbar{height:69px;padding:0 16px}.today{display:none}.topbar-actions{gap:11px}.topbar-add{font-size:0;padding:10px!important;width:40px;height:40px}.topbar-add svg{flex-shrink:0}.content{padding:25px 15px 70px}.page-header{align-items:flex-start}.page-header h1{font-size:25px}.page-header>.primary{white-space:nowrap}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:16px}.metric strong{font-size:28px}.metric-top{flex-direction:column-reverse}.panel-heading{padding:19px}.table-toolbar{padding:15px}.search-field{flex-basis:100%;max-width:none}.filter-field{flex:1;min-width:170px}.followup-row{flex-wrap:wrap;padding:16px;gap:12px}.followup-info{flex-basis:calc(100% - 55px)}.followup-due{flex:1}.followup-action{min-width:100px}.tab-list{padding:0 16px;gap:15px}.detail-drawer{padding:22px 19px}.toast-stack{bottom:15px;right:15px}.login-form-side{padding:27px 22px}.login-card h2{font-size:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.confirm-dialog button{min-width:100px}.drawer-tabs button,.tab-list button{border-width:0 0 2px;border-radius:0}.drawer-tabs button.selected,.tab-list button.selected{border-bottom-color:#305ad6}.toast-dismiss{background:transparent;padding:0;border:0}@media(max-width:600px){.dialog-actions button{flex:1}}
