@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#222633;background:#f7f8fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit;text-decoration:none}.app{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;width:250px;flex:none;background:#191d27;color:#c4c9d3;padding:27px 17px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:white;padding:5px 10px 52px}.brand-mark{height:39px;width:39px;display:grid;place-items:center;border-radius:10px;background:#dd3b35;font-family:Manrope,sans-serif;font-size:26px;font-weight:800;letter-spacing:-4px;padding-right:4px}.brand-mark span{color:#ffc3ba}.brand strong{display:block;font-family:Manrope,sans-serif;font-size:19px;letter-spacing:2.8px;line-height:1}.brand small{display:block;font-size:8px;letter-spacing:2.6px;margin-top:7px;color:#a6adbd}.side-label{padding:0 14px;color:#747e92;font-size:10px;font-weight:800;letter-spacing:1.7px;margin-bottom:14px}.tools-label{margin-top:35px}nav{display:grid;gap:5px}.nav{border:0;text-align:left;background:transparent;color:#aab2c1;padding:12px 14px;border-radius:9px;width:100%;font-size:13px;font-weight:700}.nav span{display:inline-flex;width:30px;font-size:19px;vertical-align:middle;color:#788296}.nav:hover{background:#292e39;color:white}.nav.active{background:#34303a;color:white}.nav.active span{color:#ff6c66}.sidebar-bottom{margin-top:auto;border-top:1px solid #323541;padding:20px 8px 3px;display:flex;gap:11px;align-items:center}.sidebar-bottom strong{font-size:12px;color:#f4f4f5;display:block}.sidebar-bottom small{font-size:11px;color:#8d95a7;display:block;margin-top:3px}.online-dot{background:#65c59f;width:9px;height:9px;border-radius:50%}.main-wrap{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:79px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:white;border-bottom:1px solid #e9eaf0}.crumb{font-size:13px;color:#9aa0ad}.crumb span{padding:0 10px;color:#c2c6cf}.crumb strong{color:#303746}.top-actions{display:flex;align-items:center;gap:20px}.today{color:#949baa;font-size:12px}.mobile-brand{display:none}.btn{border-radius:9px;border:1px solid transparent;padding:11px 16px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.btn-dark{background:#262b37;color:white}.btn-dark:hover{background:#3d4350}.btn-red{background:#d83d38;color:white}.btn-red:hover{background:#bd322e}.btn-light{background:white;color:#343a47;border-color:#e1e4eb}.btn-light:hover{background:#f7f7fa}.btn-small{font-size:11px;padding:7px 11px}.btn-ghost{border:0;background:none;color:#bd3f3b;font-weight:800;padding:5px;font-size:12px}.content{width:100%;max-width:1440px;margin:0 auto;padding:33px 38px;flex:1}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:26px}.eyebrow{color:#d44843;letter-spacing:2px;text-transform:uppercase;font-weight:800;font-size:10px;margin:0 0 9px}.page-heading h1{font-family:Manrope,sans-serif;font-size:27px;font-weight:800;letter-spacing:-.9px;color:#1f2531;margin:0 0 6px}.subtitle{color:#8b93a2;font-size:13px;margin:0}.head-actions{display:flex;gap:9px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}.metric{background:white;border:1px solid #e9ebf0;border-radius:13px;padding:22px 22px 19px;min-height:139px}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#8a91a0;font-size:11px;font-weight:800}.metric-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#fff0ee;color:#d74440;font-size:20px}.metric-value{font-family:Manrope,sans-serif;font-weight:800;color:#232836;font-size:29px;letter-spacing:-.8px;margin:14px 0 3px}.metric-foot{font-size:11px;color:#a2a8b3}.two-col{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:20px}.panel{background:#fff;border:1px solid #e9ebf0;border-radius:13px;min-width:0;margin-bottom:20px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:23px 23px 18px}.panel-head h2{margin:0;color:#2d3240;font-size:15px;font-family:Manrope,sans-serif}.panel-head small{display:block;margin-top:5px;color:#9ba2af;font-size:11px}.panel-body{padding:0 23px 23px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:600px}th{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#969dab;text-align:left;padding:13px 21px;background:#fafbfc;border-top:1px solid #eff0f4;border-bottom:1px solid #eff0f4}td{font-size:12px;padding:17px 21px;color:#6b7281;border-bottom:1px solid #f0f1f4}tr:last-child td{border-bottom:0}td strong{display:block;color:#2b3040;font-size:12px;margin-bottom:3px}td small{font-size:11px;color:#9da5b2}.status{display:inline-flex;align-items:center;padding:5px 9px;font-weight:800;font-size:10px;border-radius:6px;background:#edf1ff;color:#4b66a9}.status.won,.status.accepted,.status.done{color:#23825f;background:#e6f6ef}.status.lost,.status.declined,.status.overdue{color:#c14a43;background:#fceceb}.status.quoted,.status.sent{color:#9a771a;background:#fbf3df}.status.qualified{color:#7063b4;background:#f0edff}.status.draft{background:#f0f1f4;color:#737a85}.action-row{display:flex;align-items:center;gap:7px}.link-action{font-size:11px;border:0;background:none;color:#b93b37;font-weight:800;padding:4px;white-space:nowrap}.empty{text-align:center;padding:43px 22px;color:#9fa5b0;font-size:12px}.empty .symbol{font-size:29px;display:block;margin-bottom:11px}.empty strong{font-size:15px;color:#424a5b;display:block;margin-bottom:6px}.searchbar{display:flex;gap:11px;align-items:center;margin:0 23px 18px}.searchbar input{flex:1;max-width:330px}.searchbar select{max-width:170px}.field,input,select,textarea{min-width:0}input,select,textarea{border:1px solid #e0e3e9;background:#fff;color:#313746;border-radius:8px;padding:11px 12px;font-size:12px;outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:#cf514b;box-shadow:0 0 0 3px #dd3b351c}textarea{resize:vertical;min-height:78px}.field{display:block;margin-bottom:14px}.field label{display:block;font-size:11px;color:#596273;font-weight:800;margin-bottom:7px}.field small{font-size:10px;color:#89919f;display:block;margin-top:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.wide{grid-column:1/-1}.stat-line{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #edf0f3;font-size:12px;color:#747d8c}.stat-line strong{color:#353c4c}.stat-line:last-child{border-bottom:0}.pipeline-bar{height:9px;display:flex;overflow:hidden;border-radius:9px;background:#f1f2f5;margin:10px 0 13px}.pipeline-bar i{display:block;height:100%;min-width:0}.pipeline-bar i:nth-child(1){background:#d4473e}.pipeline-bar i:nth-child(2){background:#f3b367}.pipeline-bar i:nth-child(3){background:#6b88aa}.pipeline-bar i:nth-child(4){background:#5aa77b}.pipeline-legend{display:grid;grid-template-columns:1fr 1fr;gap:11px 7px;font-size:11px;color:#818999}.pipeline-legend b{color:#363f50;float:right}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d4473e;margin-right:6px}.dot.qualified{background:#f3b367}.dot.quoted{background:#6b88aa}.dot.won{background:#5aa77b}.callout{background:#fff5f3;border:1px solid #f8dedb;padding:17px;border-radius:10px;color:#8d5c58;font-size:12px;line-height:1.6}.callout strong{color:#bc403b}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-link{background:#fff;border:1px solid #e9eaf0;border-radius:11px;text-align:left;padding:18px;color:#343c4c;font-size:12px;font-weight:800}.quick-link span{display:block;font-size:21px;color:#cf4843;margin-bottom:12px}.quick-link small{display:block;color:#9da4b0;font-size:10px;font-weight:500;margin-top:6px}.footer{padding:15px 38px 22px;font-size:10px;color:#a0a6b2;display:flex;justify-content:space-between;gap:15px}dialog{border:0;border-radius:15px;width:min(94vw,630px);max-height:90vh;overflow-y:auto;padding:0;box-shadow:0 25px 90px #14182755}dialog::backdrop{background:#171c2999}.dialog-head{padding:22px 27px;border-bottom:1px solid #eceef2;display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font-family:Manrope,sans-serif;font-size:19px;margin:0;color:#242a37}.icon-btn{font-size:24px;border:0;background:none;color:#929aa7}#dialog-fields{padding:25px 27px 5px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;padding:20px 27px 26px}.calc-preview{background:#f7f8fa;border:1px solid #e7e9ee;padding:16px;border-radius:10px;margin:8px 0 15px}.calc-preview h3{font-size:13px;margin:0 0 8px}.calc-row{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:12px;color:#6e7685}.calc-row strong{color:#303747}.calc-row.total{border-top:1px solid #dfe2e8;margin-top:5px;padding-top:12px;font-size:16px;font-weight:800}.hint{color:#8b92a0;font-size:11px;line-height:1.65}.warning{color:#a15f1e}.toolbar{display:flex;gap:9px;flex-wrap:wrap}.toast{position:fixed;right:22px;bottom:22px;background:#232937;color:#fff;font-size:12px;border-radius:10px;padding:13px 18px;box-shadow:0 12px 28px #0a111c29;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}.toast.show{opacity:1}.quote-info{font-size:11px;color:#98a0ab}.pill-note{display:inline-flex;border:1px solid #f0d5d2;color:#b23e38;padding:7px 9px;border-radius:6px;background:#fff7f6;font-size:11px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.data-buttons{display:flex;gap:9px;flex-wrap:wrap}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}@media(max-width:1150px){.sidebar{width:218px}.content{padding:26px}.topbar{padding:0 26px}.metrics{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr 1fr}}@media(max-width:820px){.app{display:block}.sidebar{position:relative;height:auto;width:100%;padding:13px 14px}.brand,.side-label,.sidebar-bottom,.tools-label{display:none}.sidebar nav{display:flex;gap:6px;overflow-x:auto}.nav{white-space:nowrap;padding:11px;width:auto;font-size:11px}.nav span{width:18px}.sidebar>nav:last-of-type{position:absolute;right:5px;top:10px}.sidebar>nav:first-of-type{padding-right:90px}.topbar{height:67px;padding:0 16px}.crumb,.today{display:none}.mobile-brand{display:block;font-weight:800;font-size:16px;letter-spacing:2px}.mobile-brand span{color:#d5443d}.content{padding:22px 14px}.page-heading h1{font-size:23px}.two-col{grid-template-columns:1fr}.footer{padding:15px;display:block}.footer span{display:block;margin-top:6px}}@media(max-width:520px){.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:14px;min-height:118px}.metric-value{font-size:23px}.metric-top{font-size:10px}.metric-icon{width:26px;height:26px}.page-heading{align-items:flex-start;flex-direction:column}.form-grid,.settings-grid{grid-template-columns:1fr}.quick-links{grid-template-columns:1fr}.panel-head{padding:19px}.searchbar{margin:0 18px 15px;flex-direction:column;align-items:stretch}.searchbar input,.searchbar select{max-width:none}.toolbar{width:100%}.footer span{display:block}.dialog-head{padding:20px}#dialog-fields{padding:20px 20px 0}.dialog-actions{padding:16px 20px 20px}}