
:root{font-family:Arial,Helvetica,sans-serif;color:#172336;background:#f4f6f9;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:0}button:disabled{cursor:wait;opacity:.65}a{text-decoration:none;color:inherit}.workspace{display:flex;min-height:100vh}aside{width:240px;background:#102236;color:#d7e0ea;padding:38px 20px;display:flex;flex-direction:column;flex-shrink:0}.brand{font-size:23px;font-weight:800;letter-spacing:-1px;color:white;padding:0 12px;display:flex;align-items:center;gap:8px}.brand span{color:#6bd2c7;border:1px solid #34586a;padding:4px 6px;font-size:12px;letter-spacing:1px}.workspace-label{font-size:12px;letter-spacing:1.5px;color:#90a7be;margin:50px 12px 20px}.nav{display:flex;align-items:center;gap:12px;background:none;color:#b4c6d9;width:100%;padding:14px;border-radius:7px;font-size:15px;margin:4px 0}.nav.active{background:#243f53;color:white;box-shadow:inset 3px 0 #5bcfc1}.counter{margin-left:auto;background:#41667b;border-radius:4px;padding:2px 6px;font-size:12px}.sidebar-foot{margin-top:auto;display:flex;align-items:center;gap:11px;padding-top:80px;font-size:14px}.sidebar-foot span{display:block;color:#9db1c5;font-size:12px;margin-top:5px}.monogram{padding:12px;background:#243c50;border-radius:8px;font-weight:bold;color:#8ddbd3}main{flex:1;min-width:0}header{height:76px;padding:0 44px;border-bottom:1px solid #e3e7ee;background:white;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#657487}.slash{padding:0 12px;color:#c5cdd5}.private{font-size:12px;background:#edf3f6;padding:7px 11px;border-radius:4px}.content{padding:40px 44px;max-width:1500px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.6px;color:#637786}h1{font-size:34px;letter-spacing:-1px;margin:12px 0}p{line-height:1.5}.heading p{color:#65768b;margin:0}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;border-radius:6px;font-size:14px;font-weight:600}.primary{background:#1256b1;color:white}.primary:hover{background:#004aad}.secondary{background:white;border:1px solid #cdd7df;color:#31465c}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:34px 0}.metrics>div{border:1px solid #dde4ec;border-radius:8px;background:white;padding:24px}.metrics span{font-size:14px;color:#52647a}.metrics strong{display:block;font-size:36px;margin:14px 0 8px;line-height:1}.metrics small{font-size:12px;color:#66788c}.list-panel{border:1px solid #dce4ec;background:white;border-radius:8px;overflow:hidden}.list-title{display:flex;align-items:center;justify-content:space-between;padding:22px 24px}.list-title h2{font-size:17px;margin:0}.list-title>span{font-size:12px;color:#6b7b8e}.filters{display:flex;gap:12px;padding:0 24px 20px}.search{display:flex;gap:10px;align-items:center;flex:1;border:1px solid #d8e0e7;border-radius:5px;padding:0 12px;color:#758598}.search input{border:0;min-width:0;width:100%;padding:12px 0;font-size:14px;background:none}.filters select{font-size:14px;max-width:210px}select,input,textarea{border:1px solid #cdd7e0;background:white;border-radius:5px;padding:11px;color:#203349}textarea{resize:vertical}.empty{padding:60px 24px 68px;display:flex;flex-direction:column;align-items:center;text-align:center;border-top:1px solid #edf0f4;color:#617387;gap:12px}.empty-icon{padding:19px;border-radius:14px;background:#edf3fc;color:#1256b1;margin-bottom:5px}.empty h3{font-size:19px;color:#263d50;margin:4px 0}.empty p{font-size:14px;max-width:370px;margin:0 0 8px}.pipeline{padding:28px 0}.pipeline>span{font-size:12px;letter-spacing:1.3px;color:#66788b}.pipeline>div{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}.pipeline button{display:flex;align-items:center;gap:8px;background:none;color:#5c6d80;font-size:14px;padding:5px 0;margin-right:12px}.pipeline b{font-weight:500;color:#65788a}.dot{width:7px;height:7px;border-radius:50%;background:#9aa9bb}.d1{background:#638ec2}.d2{background:#976bb7}.d3{background:#d49b3d}.d4{background:#219487}.d5{background:#b88080}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{background:#f8fafc;text-align:left;font-size:12px;font-weight:500;color:#667a8e;padding:14px 24px;border-block:1px solid #edf0f4}td{padding:20px 24px;border-bottom:1px solid #edf0f4;font-size:14px}.person{background:none;text-align:left;color:#233a50;font-weight:600;padding:0}.person span{display:block;font-weight:400;color:#63788a;font-size:12px;margin-top:7px}.product{font-size:12px;background:#f1f4f7;color:#496172;padding:5px 8px;border-radius:4px}.stage{padding:5px 9px;border-radius:4px;background:#edf1f5;font-size:14px}.s1{color:#3975a3;background:#eaf3fb}.s2{color:#86569c;background:#f5edf8}.s3{color:#946b20;background:#fff5e3}.s4{color:#18776c;background:#e6f5f0}.s5{color:#a65d5d;background:#faeeee}.next-action{display:block;color:#62768b;font-size:14px;margin-top:7px;max-width:260px;overflow:hidden;text-overflow:ellipsis}.overdue{color:#b35b3d}.text-button{background:none;color:#1256b1;font-size:14px}.notice{display:flex;align-items:center;gap:8px;padding:12px 24px;color:#004aad;font-size:14px}.overlay{position:fixed;inset:0;background:#17233685;display:flex;justify-content:flex-end;z-index:10}.sheet{width:550px;max-width:100%;background:white;height:100%;overflow:auto;padding:28px 32px;box-shadow:-8px 0 40px #17233620}.sheet-head{display:flex;justify-content:space-between;align-items:center}.sheet-head button{background:none;padding:6px;color:#718193}.sheet h2{font-size:26px;margin:18px 0 26px;letter-spacing:-.5px}fieldset{padding:0;border:0;min-width:0}form label{display:flex;flex-direction:column;gap:8px;margin:0 0 20px;font-size:14px;color:#4b6175}form input,form select,form textarea{width:100%;font-size:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-divider{border-top:1px solid #e1e6ec;padding-top:23px;margin:4px 0 21px;color:#667c8e;font-size:12px;letter-spacing:1.4px}.form-actions{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e5eaf0;padding-top:24px;margin-top:20px}.form-error,.error{color:#b34545}.spin{animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}@media(max-width:1050px){aside{width:200px}.content{padding:30px 24px}header{padding:0 24px}.filters{flex-wrap:wrap}.search{flex-basis:100%}.metrics>div{padding:20px}.brand{font-size:19px}.brand span{font-size:10px}}@media(max-width:700px){.workspace{display:block}aside{width:100%;padding:18px;display:block}.brand{padding:0}.workspace-label,.sidebar-foot{display:none}nav{display:flex;gap:12px;margin-top:14px}.nav{padding:10px;margin:0;width:auto;font-size:14px}header{height:52px;padding:0 18px}.content{padding:24px 16px}.heading{align-items:flex-start;flex-direction:column;gap:20px}h1{font-size:29px}.metrics{gap:8px;margin:24px 0}.metrics>div{padding:15px 10px}.metrics span{font-size:14px;line-height:1.5}.metrics strong{font-size:28px}.metrics small{font-size:12px;line-height:1.5;display:block}.list-title{padding:20px 16px}.filters{padding:0 16px 16px;gap:8px}.filters select{max-width:100%;flex:1;min-width:0}.empty{padding:40px 20px}.sheet{padding:24px 20px}.form-row{grid-template-columns:1fr}.form-row label{margin-bottom:20px}}
/* Smartcarb: colors sampled from the supplied original logo. */
:root{--brand-blue:#1256b1;--brand-blue-dark:#004aad;--brand-gray:#8ea3be;--brand-black:#000000}
aside{background:#fff;color:#172336;border-right:1px solid #dce3ee;padding-top:25px}
.brand{padding:0 6px;display:block;letter-spacing:normal;line-height:0}
.brand img{display:block;width:100%;height:auto;object-fit:contain}
.crm-label{display:block;font-size:12px;letter-spacing:2px;font-weight:700;color:#1256b1;margin:17px 12px 0;padding-top:16px;border-top:1px solid #e0e6ef}
.workspace-label{color:#65758b;margin-top:36px}
.nav{color:#53657c;border-radius:6px}.nav:hover{background:#f2f5fa}.nav.active{background:#edf3fc;color:#004aad;box-shadow:inset 3px 0 #1256b1}.nav.active:hover{background:#e4edfb}
.counter{background:#d8e6fa;color:#004aad}.sidebar-foot{border-top:1px solid #e0e6ef;padding:22px 12px 0;margin-top:auto;color:#223751}.sidebar-foot span{color:#65758b}
.eyebrow{color:#1256b1}.primary{background:#1256b1}.primary:hover{background:#004aad}.empty-icon{background:#edf3fc;color:#1256b1}.metrics>div:first-child{border-top:3px solid #1256b1}.metrics>div:nth-child(2){border-top:3px solid #8ea3be}.metrics>div:nth-child(3){border-top:3px solid #223751}
input:focus,select:focus,textarea:focus{outline:2px solid #1256b1;outline-offset:2px}.private{background:#edf3fc;color:#31547e}
@media(max-width:700px){aside{padding:14px 18px 18px;border-right:0;border-bottom:1px solid #dce3ee}.brand{width:150px;padding:0}.crm-label{margin:9px 0 0;padding-top:0;border:0;font-size:12px;letter-spacing:1.5px}nav{margin-top:16px}.metrics>div{border-top-width:3px}}

[hidden]{display:none!important}button{min-height:44px}.storage-info{font-size:14px;color:#52647a;margin:0 0 20px;line-height:1.5}.mobile-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:16px;padding:20px 24px;border-top:1px solid #edf0f4}.prospect-card{padding:20px;border:1px solid #dbe3ee;border-radius:8px;min-width:0}.card-heading{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.card-heading h3{font-size:18px;margin:0;overflow-wrap:anywhere}.card-heading .stage{white-space:nowrap}.company{font-size:14px;color:#65778c;margin:8px 0 14px;overflow-wrap:anywhere}.contact-details{font-size:14px;line-height:1.8;color:#465c72;overflow-wrap:anywhere;margin-top:16px}.card-followup{display:flex;flex-direction:column;gap:6px;font-size:14px;margin:18px 0;padding-top:14px;border-top:1px solid #e6ebf2;overflow-wrap:anywhere}.card-followup>span:first-child{font-weight:700}.open-record{width:100%}.backup-tools{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}.backup-tools button{font-weight:400}.empty-icon{font-weight:700}dialog.sheet{position:fixed;inset:0 0 0 auto;margin:0;border:0;border-left:1px solid #dce3ee;max-height:100dvh;height:100dvh}dialog::backdrop{background:#17233685}form input,form select,form textarea{min-height:44px}.form-actions{position:sticky;bottom:-28px;background:#fff;padding-bottom:20px}.notice:empty{display:none}.warning{background:#fff5e3;color:#765218;padding:15px;margin:0 0 20px;border-radius:6px;line-height:1.5}header{gap:12px}.private{white-space:nowrap}body:has(dialog[open]){overflow:hidden}@media(max-width:700px){.mobile-cards{padding:16px}.metrics{grid-template-columns:1fr}.metrics>div{display:grid;grid-template-columns:1fr auto;align-items:center;padding:16px}.metrics strong{margin:0;grid-column:2;grid-row:1/3}.metrics small{margin-top:5px}.metrics{gap:10px}.heading{gap:18px}.heading>.primary{width:100%}.backup-tools .secondary{flex:1}dialog.sheet{width:100%;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.form-actions{bottom:-24px}.list-title{gap:12px}.storage-info{margin-top:24px}.filters select{min-width:125px}.sidebar-foot{display:none}}
