:root{--bg:#f5f6fa;--panel:#ffffff;--ink:#1c2434;--muted:#7c869a;--line:#e9edf4;--brand:#2563eb;--brand-dark:#1d4ed8;--sidebar:#101a3d;--sidebar2:#16224d;--sidebar-ink:#9fabc9;--ok:#16a34a;--warn:#ea8c17;--bad:#e0384a;--info:#2563eb;--purple:#7c56d6;--cyan:#0ea5b7;--shadow:0 1px 2px rgba(20,40,80,.04),0 4px 16px rgba(20,40,80,.05);--radius:14px}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:Inter,Segoe UI,Roboto,-apple-system,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}button{font-family:inherit;cursor:pointer}.hidden{display:none!important}#app{display:flex;min-height:100vh}.sidebar{width:224px;background:linear-gradient(180deg,var(--sidebar),var(--sidebar2));color:var(--sidebar-ink);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{padding:16px 16px 12px}.brand .logo{display:flex;align-items:center;gap:10px}.brand .mark{width:34px;height:34px;border-radius:10px;background:var(--brand);display:grid;place-items:center;color:#fff;font-weight:800;font-size:14px;flex:none}.brand h1{font-size:14.5px;margin:0;color:#fff;letter-spacing:.2px;line-height:1.25}.brand small{color:#7f8db3;font-size:10.5px;display:block;margin-top:2px}.nav{padding:4px 10px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.nav::-webkit-scrollbar{width:6px}.nav::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.nav::-webkit-scrollbar-track{background:transparent}.nav .grp+.grp{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}.nav .grp-title{font-size:9.5px;text-transform:uppercase;letter-spacing:.13em;color:#63719b;margin:0 10px 6px;font-weight:700}.nav a{display:flex;align-items:center;gap:10px;padding:7px 11px;border-radius:8px;color:var(--sidebar-ink);font-weight:500;margin-bottom:1px;font-size:13px;line-height:1.4;transition:background .12s,color .12s}.nav a .ic{width:18px;height:18px;display:grid;place-items:center;flex:none;opacity:.85}.nav a .lb{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav a:hover{background:#ffffff12;color:#fff}.nav a:hover .ic{opacity:1}.nav a.active{background:var(--brand);color:#fff;font-weight:600;box-shadow:0 4px 12px #2563eb59}.nav a.active .ic{opacity:1}.sidebar .me{display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid rgba(255,255,255,.08)}.sidebar .me .avatar{width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}.sidebar .me .nm{color:#fff;font-size:12.5px;font-weight:600;line-height:1.2}.sidebar .me .st{color:#69d391;font-size:10.5px;display:flex;align-items:center;gap:4px}.sidebar .me .st i{width:6px;height:6px;border-radius:50%;background:#3fbf6f;display:inline-block}.sidebar .foot{padding:8px 16px;font-size:10px;color:#5d6b93}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:62px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 22px;position:sticky;top:0;z-index:20}.topbar h2{margin:0;font-size:17px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar>*{min-width:0}.topbar .search{flex:1;max-width:340px;position:relative;margin:0 auto}.topbar .search input{width:100%;padding:9px 12px 9px 34px;border:1px solid var(--line);border-radius:999px;background:#f6f7fb;font-size:13px}.topbar .search .si{position:absolute;left:12px;top:0;bottom:0;display:grid;place-items:center;color:var(--muted)}.topbar .spacer{flex:1}.topbar .iconbtn{position:relative;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;font-size:15px}.topbar .iconbtn:hover{background:#f6f7fb}.topbar .iconbtn .badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--bad);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}.topbar .org{display:flex;align-items:center;gap:9px;padding-left:14px;border-left:1px solid var(--line)}.topbar .org .avatar{width:32px;height:32px;border-radius:50%;background:var(--sidebar);color:#fff;display:grid;place-items:center;font-weight:700;font-size:11px}.content{padding:22px 26px 44px;width:100%;max-width:1680px;margin:0 auto}.hamburger{display:none;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:16px;place-items:center;flex:none}.scrim{display:none}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px;gap:16px;flex-wrap:wrap}.page-head h2{margin:0;font-size:20px;letter-spacing:.1px}.page-head p{margin:3px 0 0;color:var(--muted);font-size:12.5px}.crumb{color:var(--muted);font-size:12px;margin-bottom:6px}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:8px 14px;border-radius:9px;font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:7px}.btn:hover{border-color:#d3dae6;background:#f8fafd}.btn.primary,.page-head .btn{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover,.page-head .btn:hover{background:var(--brand-dark);border-color:var(--brand-dark)}.btn.ghost{background:transparent;color:var(--muted)}.btn.ghost:hover{color:var(--ink)}.btn.sm{padding:5px 10px;font-size:12px}.page-head .btn.ghost{background:transparent;border-color:var(--line);color:var(--muted)}.grid{display:grid;gap:16px}.g5{grid-template-columns:repeat(5,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card .hd{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.card .hd b{font-size:14px}.card .hd h3{margin:0;font-size:14px}.card .bd{padding:18px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 16px 13px;display:flex;flex-direction:column;gap:10px}.kpi .top{display:flex;align-items:flex-start;gap:11px}.kpi .ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:17px;flex:none}.kpi .lbl{color:var(--muted);font-size:11.5px;font-weight:600;line-height:1.3}.kpi .val{font-size:23px;font-weight:800;letter-spacing:-.4px;margin-top:2px;line-height:1.1}.kpi .val.sm{font-size:19px}.kpi .link{font-size:11.5px;font-weight:600;color:var(--brand)}.kpi .link:hover{text-decoration:underline}.ic.i-blue{background:#e7efff;color:#2563eb}.ic.i-amber{background:#fef3e2;color:#d97917}.ic.i-purple{background:#f1eafc;color:#7c56d6}.ic.i-green{background:#e6f7ee;color:#16a34a}.ic.i-cyan{background:#e2f5f8;color:#0e94a8}.ic.i-red{background:#fdeaec;color:#dc2f42}.ic.i-slate{background:#eef1f7;color:#5b6b88}.stat{padding:16px 18px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:hidden}.stat .lbl{color:var(--muted);font-size:11.5px;font-weight:600}.stat .val{font-size:24px;font-weight:800;margin-top:6px}.stat .sub{font-size:12px;color:var(--muted);margin-top:3px}.stat .cor{position:absolute;right:-14px;top:-14px;width:64px;height:64px;border-radius:50%;opacity:.12}.stat.b1 .cor{background:var(--brand)}.stat.b2 .cor{background:var(--warn)}.stat.b3 .cor{background:var(--cyan)}.stat.b4 .cor{background:var(--bad)}.chart-legend{display:flex;flex-direction:column;gap:9px;font-size:12px}.chart-legend .row{display:flex;align-items:center;gap:8px}.chart-legend .dot{width:9px;height:9px;border-radius:50%;flex:none}.chart-legend .nm{flex:1;color:var(--ink)}.chart-legend .vl{color:var(--muted);font-weight:600}.donut-wrap{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.donut-mid{font-size:22px;font-weight:800}.donut-sub{font-size:10px;fill:var(--muted)}.tbl-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:13px}table.tbl th{text-align:left;padding:11px 16px;background:#f8f9fc;color:var(--muted);font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);white-space:nowrap}table.tbl td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:middle}table.tbl tr:last-child td{border-bottom:none}table.tbl tr:hover td{background:#fafbfe}table.tbl tr.clickable{cursor:pointer}.tbl .name{font-weight:700;color:var(--ink)}.tbl .sub{color:var(--muted);font-size:11.5px}.tbl a{font-weight:600}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;background:#eef1f5;color:#67728a}.pill.api{background:#e7efff;color:#2456c4}.pill.herbal{background:#e6f7ee;color:#15803d}.pill.chemical{background:#f1eafc;color:#6d45c9}.pill.nutra{background:#fef3e2;color:#b0741f}.pill.dom{background:#eef1f7;color:#54607a}.pill.intl{background:#e7efff;color:#2456c4}.pill.existing{background:#e6f7ee;color:#15803d}.pill.new{background:#e7efff;color:#2456c4}.pill.potential{background:#fef3e2;color:#a9741a}.pill.past{background:#f0f1f5;color:#77809a}.pill.ok,.pill.paid,.pill.delivered{background:#e6f7ee;color:#15803d}.pill.warn,.pill.partial{background:#fef3e2;color:#b3711a}.pill.bad,.pill.pending{background:#fdeaec;color:#c72f41}.pill.info{background:#e7efff;color:#2456c4}.pill.muted{background:#eef1f5;color:#67728a}.stage{font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;white-space:nowrap;display:inline-block}.stage.enquiry{background:#eef1f7;color:#54607a}.stage.sourcing{background:#fef3e2;color:#a9741a}.stage.costing{background:#fbeede;color:#95611a}.stage.quoted{background:#f1eafc;color:#6d45c9}.stage.confirmed{background:#e2f5f8;color:#0e7f92}.stage.in_process,.stage.shipped{background:#e7efff;color:#2456c4}.stage.closed{background:#e6f7ee;color:#15803d}.stage.lost{background:#fdeaec;color:#c72f41}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px;flex-wrap:wrap}.tabs button{background:none;border:none;padding:10px 15px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;font-size:13px}.tabs button:hover{color:var(--ink)}.tabs button.active{color:var(--brand);border-bottom-color:var(--brand)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;align-items:center}.filters select,.filters input{padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:13px}.filters .chip{padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12.5px;font-weight:600;color:var(--muted)}.filters .chip.active{background:var(--brand);border-color:var(--brand);color:#fff}.muted{color:var(--muted)}.right{text-align:right}.nowrap{white-space:nowrap}.mt16{margin-top:16px}.mt24{margin-top:24px}.flex{display:flex;gap:10px;align-items:center}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.avatar-lg{width:52px;height:52px;border-radius:12px;background:var(--sidebar);color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px}.note{background:#f7f9fc;border:1px dashed var(--line);border-radius:9px;padding:10px 12px;font-size:12.5px;color:var(--muted)}.progress{height:6px;background:#eaeef5;border-radius:4px;overflow:hidden}.progress>i{display:block;height:100%;background:var(--brand);border-radius:4px}#login{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--sidebar),#233066);display:grid;place-items:center;z-index:100}#login .box{background:#fff;width:370px;border-radius:16px;padding:32px;box-shadow:0 24px 70px #00000073}#login .mark{width:52px;height:52px;border-radius:14px;background:var(--brand);display:grid;place-items:center;color:#fff;font-weight:800;font-size:20px;margin:0 auto 14px}#login h2{text-align:center;margin:0 0 2px;font-size:19px}#login p{text-align:center;color:var(--muted);margin:0 0 20px;font-size:12.5px}#login label{font-size:12px;font-weight:700;color:var(--muted)}#login input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;margin:5px 0 14px}#login .btn{width:100%;justify-content:center;background:var(--brand);border-color:var(--brand);color:#fff}.callout{background:#f7f9fc;border:1px solid var(--line);border-radius:9px;padding:9px 12px;font-size:12px;color:var(--muted);margin-top:14px}.loading-screen{display:grid;place-items:center;height:60vh}.spin{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:sp .7s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.grid.charts{grid-template-columns:minmax(280px,1fr) minmax(360px,1.7fr)}@media (max-width:1400px){.g5{grid-template-columns:repeat(4,1fr)}}@media (max-width:1150px){.g5{grid-template-columns:repeat(3,1fr)}.grid.charts{grid-template-columns:1fr}.donut-wrap{justify-content:center}}@media (max-width:1024px){.sidebar{position:fixed;top:0;left:0;z-index:60;transform:translate(-100%);transition:transform .22s ease;box-shadow:0 0 40px #00000059}.sidebar.open{transform:translate(0)}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#101a3d73;z-index:50}.hamburger{display:grid}.topbar{padding:0 14px;gap:10px}.topbar h2{font-size:16px}.topbar .search{max-width:none}.content{padding:18px 16px 40px}}@media (max-width:860px){.g5,.g4,.g3{grid-template-columns:repeat(2,1fr)}.g2{grid-template-columns:1fr}.topbar .search,.topbar .org .avatar{display:none}}@media (max-width:620px){.g5,.g4,.g3,.g2{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.topbar .iconbtn{display:none}.topbar .org{padding-left:0;border-left:none}.topbar .org>div>div:first-child{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar h2{max-width:38vw}.card .hd{flex-wrap:wrap}.content{padding:14px 12px 36px}.kpi .val{font-size:21px}}input,select,textarea{font-family:inherit;color:inherit}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#101a3d80;display:grid;place-items:center;z-index:200;padding:20px}.modal{background:#fff;border-radius:16px;max-width:620px;width:100%;max-height:88vh;overflow:auto;box-shadow:0 24px 70px #00000059;padding:22px}.modal h3{margin:0 0 4px;font-size:17px}.modal .hd{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal .bd{padding:18px}.content input[type=text],.content input[type=number],.content input[type=date],.content input:not([type]),.content select,.content textarea,.modal input,.modal select,.modal textarea{width:100%;padding:8px 11px;border:1px solid var(--line);border-radius:9px;font-size:13px;background:#fff;color:var(--ink)}.content input:focus,.content select:focus,.modal input:focus,.modal select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #2563eb1f}.content input:disabled,.modal input:disabled{background:#f4f6fa;color:var(--muted)}.content input[type=checkbox],.content .filters input,.content .filters select{width:auto}.content .filters input[type=text],.content .filters input:not([type]){min-width:250px}.search-field{position:relative;display:inline-flex;align-items:center;max-width:100%}.search-field>svg{position:absolute;left:11px;color:var(--muted);pointer-events:none}.content .search-field input{width:100%;min-width:0;padding-left:32px}.content .filters .search-field{flex:0 0 auto}.content .filters .search-field input{min-width:0}.search-field:focus-within>svg{color:var(--brand)}.tbl .flex{gap:10px;align-items:center}.tbl tfoot td{border-top:2px solid var(--line);padding-top:8px;background:#fafbfe}table.tbl th.right{text-align:right}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;align-items:stretch}.hub-card{display:flex;flex-direction:column;gap:9px;height:100%;padding:16px 17px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);color:inherit;text-decoration:none;transition:border-color .12s,box-shadow .12s,transform .12s}a.hub-card:hover{border-color:#c9d6f2;box-shadow:0 6px 20px #2563eb21;transform:translateY(-1px)}.hub-card .top{display:flex;align-items:center;gap:11px}.hub-card .top b{font-size:14px;line-height:1.25;min-width:0}.hub-card .top .pill{margin-left:auto;flex:none}.hub-card .ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none}.hub-card p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.55}.hub-card .foot{margin-top:auto;padding-top:4px;font-size:11.5px;font-weight:600}.hub-card .foot .link{color:var(--brand)}.hub-card .foot .muted{font-weight:500;font-size:11.5px}.hub-card.is-planned{border-style:dashed;box-shadow:none;background:#fcfdff}.hub-card.is-planned .ic{opacity:.6}.hub-card.is-planned b{color:var(--muted)}.hub-sep{margin:26px 0 12px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.modal.wide{max-width:940px}.modal .tabs{margin-bottom:16px;overflow-x:auto}.modal .tabs button{padding:8px 12px;font-size:12.5px;white-space:nowrap}.modal .card .hd{padding:10px 14px}.modal .card .bd{padding:14px}.modal input[type=file]{border:1px dashed var(--line);padding:14px;background:#f8f9fc}.banner-ok{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#e9f7ef;border:1px solid #bfe6cd;color:#15803d;border-radius:10px;padding:10px 14px;font-size:13px;margin-bottom:14px}.banner-ok b{color:#0f6b34}.banner-bad{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fdeced;border:1px solid #f3c3c8;color:#b32a3b;border-radius:10px;padding:10px 14px;font-size:13px;margin-bottom:14px}.banner-bad b{color:#9e2130;font-weight:600}.mb16{margin-bottom:16px}.seg{display:inline-flex;gap:4px;padding:4px;margin-bottom:16px;background:#eef1f7;border-radius:11px}.seg button{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:none;border-radius:8px;background:transparent;color:var(--muted);font-size:13px;font-weight:600}.seg button:hover{color:var(--ink)}.seg button.active{background:var(--panel);color:var(--brand);box-shadow:0 1px 4px #101a3d1a}.search-split{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}.search-split>.card:first-child{position:sticky;top:78px}.search-split select[size]{width:100%;padding:6px;font-size:12.5px}.search-split select[size] option{padding:4px 6px;border-radius:5px}@media (max-width:900px){.search-split{grid-template-columns:1fr}.search-split>.card:first-child{position:static}}label.stacked{display:block;margin-bottom:12px}label.stacked>span{display:block;font-size:11px;color:var(--muted);margin-bottom:3px;font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:44px 24px;text-align:center}.empty-state .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center}.empty-state b{font-size:13.5px}.empty-state p{margin:0;max-width:340px;color:var(--muted);font-size:12.5px;line-height:1.6}.avatar-sm{width:26px;height:26px;flex:none;border-radius:50%;background:#eef1f7;color:#55618099;display:grid;place-items:center;font-size:10px;font-weight:800;color:#5b6b88}.center{text-align:center}.filing-mark{display:inline-block;min-width:34px;font-size:12px;font-weight:700;line-height:1.6;border-radius:6px;padding:0 5px}.filing-mark.ok{color:#15803d;background:#e6f7ee}.filing-mark.no{color:#8a94a8;background:#f1f3f7}.filing-mark.wip{color:#b3711a;background:#fef3e2;font-size:11px}.filing-mark.blank{color:#c3cad8;background:transparent}.tbl.prod-master td{padding:8px 10px}.tbl.prod-master th{padding:9px 10px}.content .tbl.prod-master select.cell-in{padding:4px 6px;font-size:12px}.content .tbl select.cell-in{border-color:transparent;background:transparent}.content .tbl select.cell-in:hover{border-color:var(--line);background:#fff}.content .tbl select.cell-in.filing{text-align:center;min-width:74px}.tbl.prod-master{min-width:1116px;table-layout:fixed}.tbl.prod-master th:nth-child(1),.tbl.prod-master td:nth-child(1){width:270px}.tbl.prod-master th:nth-child(2),.tbl.prod-master td:nth-child(2){width:190px}.tbl.prod-master th:nth-child(3),.tbl.prod-master td:nth-child(3){width:170px}.tbl.prod-master th:nth-child(4),.tbl.prod-master td:nth-child(4){width:236px}.tbl.prod-master th:nth-child(5),.tbl.prod-master td:nth-child(5){width:100px}.tbl.prod-master th:nth-child(6),.tbl.prod-master td:nth-child(6){width:150px}.tbl.prod-master th:first-child,.tbl.prod-master td:first-child{position:sticky;left:0;z-index:2;background:var(--panel);box-shadow:1px 0 0 var(--line)}.content .tbl.prod-master td:first-child input.cell-in{width:100%;font-weight:600}.tbl.prod-master th:first-child{background:#f8f9fc;z-index:3}.tbl.prod-master tr:hover td:first-child{background:#fafbfe}.cat-chips{display:flex;flex-wrap:wrap;gap:4px}.cat-chip{display:inline-block;padding:2px 8px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:11px;font-weight:600;line-height:1.7;white-space:nowrap}button.cat-chip:hover{border-color:#c9d6f2;color:var(--ink)}.cat-chip.on{background:#e7efff;border-color:#bcd0f5;color:#2456c4}.cat-pick .cat-chips{gap:5px}.docs-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding:10px 12px;background:#f7f9fc;border:1px solid var(--line);border-radius:10px;font-size:12.5px}.docs-list{max-height:320px;overflow-y:auto;padding-right:4px}.docs-list::-webkit-scrollbar{width:7px}.docs-list::-webkit-scrollbar-thumb{background:#d5dcea;border-radius:4px}.radio-row{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:12px 14px;background:#f7f9fc;border:1px solid var(--line);border-radius:10px}.radio-row .lbl{font-size:12.5px;font-weight:600;color:var(--ink)}.radio-row input[type=radio]{width:auto;margin:0;accent-color:var(--brand)}.radio-row .btn{margin-left:auto}.addr-head{display:flex;align-items:center;gap:8px;margin:4px 0 8px;font-size:13px}.addr-head .pill{font-size:10px}.addr-row+.addr-row{margin-top:6px}.addr-row{border-left:2px solid var(--line);padding-left:12px}.addr-row:only-child{border-left:none;padding-left:0}.addr-row-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.prod-row{display:grid;grid-template-columns:2fr 1fr 90px 80px auto;gap:10px;align-items:end;padding:10px 0;border-bottom:1px solid var(--line)}.prod-row:last-child{border-bottom:none}.prod-row label{margin-bottom:0}.prod-row .btn{margin-bottom:1px}@media (max-width:760px){.prod-row{grid-template-columns:1fr 1fr}}.admin-wrap{display:grid;grid-template-columns:236px 1fr;gap:18px;align-items:start}.admin-wrap>*{min-width:0}.admin-wrap .tbl-wrap{max-width:100%}.list-rail{display:flex;flex-direction:column;gap:4px;position:sticky;top:78px}.rail-item{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;font-size:13px;font-weight:600;color:var(--muted);width:100%}.rail-item:hover{background:#f2f5fb;color:var(--ink)}.rail-item.active{background:var(--panel);border-color:#c9d6f2;color:var(--brand);box-shadow:0 2px 10px #2563eb1a}.rail-item .ttl{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-item .cnt{flex:none;font-size:10.5px;font-weight:700;color:var(--muted);background:#eef1f7;border-radius:999px;padding:2px 7px}.rail-item.active .cnt{background:#e7efff;color:#2456c4}.add-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.add-row label{margin-bottom:0}.add-row .btn{margin-bottom:1px;white-space:nowrap}.prod-add{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 14px;align-items:end}.prod-add label{margin-bottom:0;min-width:0}.prod-add input,.prod-add select{width:100%}@media (min-width:1150px){.prod-add>label:first-child{grid-column:span 2}}.prod-add .btn{margin-bottom:1px;white-space:nowrap;justify-self:start;align-self:end}.prod-add .cat-pick{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-top:4px}.ord{display:flex;gap:4px}.ord-btn{width:24px;height:24px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted);font-size:11px;line-height:1;display:grid;place-items:center}.ord-btn:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.ord-btn:disabled{opacity:.35}.content .tbl input.cell-in{border-color:transparent;background:transparent;padding:5px 8px}.content .tbl input.cell-in:hover{border-color:var(--line);background:#fff}.content .tbl input.cell-in:focus{border-color:var(--brand);background:#fff}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;font-weight:600}.switch{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);font-weight:600}.switch input{margin:0}.tbl tr.is-off td{background:#fbfbfd;color:var(--muted)}.tbl tr.is-off .mono{color:var(--muted)}.btn.ghost.danger{color:var(--bad)}.btn.ghost.danger:hover{background:#fdeced;color:#9e2130}@media (max-width:1000px){.admin-wrap{grid-template-columns:1fr}.list-rail{position:static;flex-direction:row;overflow-x:auto;padding-bottom:4px}.rail-item{width:auto;flex:none}.add-row{grid-template-columns:1fr}}.ssel{position:relative;min-width:0}.ssel-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:13px;color:var(--ink);text-align:left}.ssel-btn:hover{border-color:#d3dae6}.ssel-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;flex:1}.ssel-caret{color:var(--muted);font-size:10px;flex:none}.ssel-pop{position:absolute;top:calc(100% + 4px);left:0;z-index:60;width:max(100%,240px);background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px #101a3d29;padding:8px}.ssel-pop input{width:100%;padding:7px 10px;border:1px solid var(--line);border-radius:8px;font-size:12.5px}.ssel-list{max-height:220px;overflow-y:auto;margin-top:6px}.ssel-opt{display:block;width:100%;text-align:left;padding:7px 9px;border:none;background:none;border-radius:7px;font-size:12.5px;color:var(--ink)}.ssel-opt:hover{background:#f2f5fb}.ssel-opt.on{background:#e7efff;color:#2456c4;font-weight:600}.ssel-empty{padding:8px 9px;font-size:12.5px}.ssel-check{display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:7px;font-size:12.5px}.ssel-check:hover{background:#f2f5fb}.ssel-check input{margin:0}.landlines{margin-top:2px}.landline-row{display:grid;grid-template-columns:170px 90px 1fr auto;gap:8px;align-items:end;margin-bottom:8px}.landline-row:has(input[placeholder=Extension]){grid-template-columns:170px 90px 1fr 100px auto}@media (max-width:760px){.landline-row{grid-template-columns:1fr 1fr}}.mobile-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;margin-bottom:8px}.mobile-row input[type=checkbox]{margin:0;accent-color:var(--brand)}@media (max-width:760px){.mobile-row{grid-template-columns:1fr auto}}.product-pick-list{max-height:220px;overflow-y:auto;border:1px solid var(--line);border-radius:9px;padding:6px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.rfq-pick-list{max-height:400px;overflow-y:auto;border:1px solid var(--line);border-radius:9px;padding:5px}.rfq-pick-list .ssel-check{cursor:pointer}.rfq-pick-list input[type=checkbox]{accent-color:var(--brand)}.rfq-cell{display:flex;flex-direction:column;gap:2px}.rfq-supplier{display:flex;gap:36px;padding:12px 14px;background:#f7f9fc;border:1px solid var(--line);border-radius:10px;margin-top:10px;font-size:13px}.rfq-lines td{padding:8px 10px;vertical-align:middle}.rfq-lines input.rfq-in{width:100%;padding:6px 9px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:13px;color:var(--ink)}.rfq-lines input.rfq-in:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #2563eb1f}.rfq-lines input.rfq-in::placeholder{color:var(--muted)}.rfq-email-preview{margin-top:12px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.rfq-email-preview .row{display:flex;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line);font-size:13px;background:#f7f9fc}.rfq-email-preview .row .muted{width:56px;flex:none}.rfq-email-preview .body{padding:16px;font-size:13px;line-height:1.6;max-height:360px;overflow-y:auto;background:#fff}.rfq-email-preview .body table{max-width:100%}.crm-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-bottom:16px}.crm-card{color:inherit;text-decoration:none;transition:border-color .12s,box-shadow .12s,transform .12s}a.crm-card:hover{border-color:#c9d6f2;box-shadow:0 6px 20px #2563eb21;transform:translateY(-1px)}.crm-card .val{font-size:21px}.crm-card .link{margin-top:auto}.crm-bars{display:flex;flex-direction:column;gap:7px}.crm-bars .row{display:grid;grid-template-columns:minmax(90px,140px) 1fr 34px;gap:10px;align-items:center;font-size:12.5px}.crm-bars .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-weight:600}.crm-bars .nm a{color:var(--muted)}.crm-bars .nm a:hover{color:var(--brand)}.crm-bars .track{height:8px;border-radius:999px;background:#eef1f7;overflow:hidden}.crm-bars .track i{display:block;height:100%;border-radius:999px;background:var(--brand);opacity:.75}.crm-bars b{text-align:right;font-size:12.5px}.crm-flow{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:2px 0 6px}.crm-flow.flow-wrap{flex-wrap:wrap;overflow-x:visible}.crm-flow .step{flex:none;padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:11.5px;font-weight:600;white-space:nowrap}.crm-flow .step.past{background:#f2f5fb;color:#8a94a8}.crm-flow .step.now{background:#e7efff;border-color:#bcd0f5;color:#2456c4}.crm-flow .step.now.won{background:#e6f7ee;border-color:#bfe6cd;color:#15803d}.crm-flow .step.now.lost{background:#fdeaec;border-color:#f3c3c8;color:#b32a3b}.crm-split{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}.crm-split>*{min-width:0}@media (max-width:1000px){.crm-split{grid-template-columns:1fr}}.crm-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.crm-panels>*{min-width:0}.crm-line{display:grid;grid-template-columns:1fr repeat(3,minmax(90px,140px)) auto;gap:10px;align-items:end;padding:10px 0;border-bottom:1px solid var(--line)}.crm-line:last-child{border-bottom:none}.crm-line label{margin-bottom:0}.crm-line .btn{margin-bottom:1px}@media (max-width:860px){.crm-line{grid-template-columns:1fr 1fr}}.crm-log{display:flex;flex-direction:column;gap:0}.crm-log .item{padding:11px 0 11px 14px;border-left:2px solid var(--line);position:relative}.crm-log .item+.item{border-top:1px dashed var(--line)}.crm-log .item:before{content:"";position:absolute;left:-5px;top:16px;width:8px;height:8px;border-radius:50%;background:#c9d6f2}.crm-log .item.due:before{background:var(--bad)}.crm-log .when{font-size:11px;color:var(--muted);font-weight:600}.crm-log .what{font-size:12.5px;margin:2px 0 0}.crm-log .who{font-size:11.5px;color:var(--muted)}.crm-rev{border:1px solid var(--line);border-radius:11px;padding:12px 14px;margin-bottom:10px;background:#fff}.crm-rev.is-current{border-color:#bcd0f5;background:#fbfdff}.crm-rev .rev-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-bottom:9px;margin-bottom:10px;border-bottom:1px solid var(--line)}.crm-rev .rev-head b{font-size:14px}.crm-rev .rev-head .amount{font-size:13.5px;font-weight:700;color:var(--ink)}.crm-rev .rev-head .pill{font-size:10px}.crm-rev .rev-actions{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tbl.rev-lines{table-layout:fixed}.tbl.rev-lines th,.tbl.rev-lines td{padding:7px 10px}.tbl.rev-lines col.c-product{width:auto}.tbl.rev-lines col.c-spec{width:19%}.tbl.rev-lines col.c-pack,.tbl.rev-lines col.c-qty{width:13%}.tbl.rev-lines col.c-rate{width:14%}.tbl.rev-lines col.c-amount{width:15%}.tbl.rev-lines tfoot td{border-top:1.5px solid var(--line);font-weight:700;background:#fafbfe}@media (max-width:900px){.tbl.rev-lines{table-layout:auto;min-width:620px}}.prod-row.req-row{grid-template-columns:1.6fr 80px 78px 1fr 1fr 1fr auto}@media (max-width:1200px){.prod-row.req-row{grid-template-columns:1.4fr 80px 78px 1fr 1fr auto}}@media (max-width:1000px){.prod-row.req-row{grid-template-columns:1fr 1fr 1fr}}@media (max-width:700px){.prod-row.req-row{grid-template-columns:1fr 1fr}}.req-byname{display:flex;gap:8px;align-items:center;margin-top:10px}.req-byname input{flex:1;min-width:0}.req-byname .btn{flex:none}.lead-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:2px 14px;align-items:end}.lead-grid>label{min-width:0;margin-bottom:10px}.lead-grid input,.lead-grid select,.lead-grid .ssel-btn{width:100%;height:37px}.lead-grid .wide{grid-column:1 / -1}.cust-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 14px;margin:2px 0 12px;border:1px dashed var(--line);border-radius:10px;background:#f7f9fc;color:var(--muted);font-size:12.5px}.cust-strip b{color:var(--ink)}.cust-strip .btn{flex:none}.cust-strip.is-done{border-style:solid;border-color:#bfe6cd;background:#e9f7ef;color:#15803d}.cust-strip.is-done b{color:#0f6b34}.add-cust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 14px}.add-cust-grid>label{min-width:0}.add-cust-grid input,.add-cust-grid select{width:100%}.crm-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 18px;padding:12px 14px;background:#f7f9fc;border:1px solid var(--line);border-radius:10px;font-size:12.5px}.crm-facts .k{font-size:11px;color:var(--muted);font-weight:600}.crm-facts .v{margin-top:2px}.src-line+.src-line{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.src-line-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px}.src-line-head b{font-size:13.5px}.src-line-head .muted{font-size:12px}.src-line-head .btn{flex:none}.tbl.src-compare{min-width:1080px}.tbl.src-compare td,.tbl.src-compare th{padding:8px 10px}.tbl.src-compare tr.is-selected td{background:#e9f7ef}.tbl.src-compare tr.is-selected td:first-child{box-shadow:inset 3px 0 #15803d}.cost-split{display:grid;grid-template-columns:1fr 360px;gap:16px;align-items:start}.cost-split>*{min-width:0}@media (max-width:1100px){.cost-split{grid-template-columns:1fr}}.cost-side{position:sticky;top:14px;max-height:calc(100vh - 28px);overflow-y:auto}.cost-summary .bd{padding-top:6px}.cost-summary hr{border:none;border-top:1px solid var(--line);margin:8px 0}.sum-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:3px 0;font-size:12.5px}.sum-row .k{color:var(--muted)}.sum-row .v{text-align:right;font-weight:600}.sum-row.is-off .v{color:var(--muted);font-weight:400;text-decoration:line-through}.cost-final{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:11px 12px;border-radius:10px;background:#e9f7ef;border:1px solid #bfe6cd}.cost-final .k{font-size:11px;font-weight:700;color:#0f6b34;text-transform:uppercase;letter-spacing:.02em}.cost-final .per{font-size:11.5px;color:#15803d;margin-top:2px}.cost-final b{font-size:17px;color:#0f6b34;white-space:nowrap}.tbl.cost-steps td,.tbl.cost-steps th{padding:7px 10px}.tbl.cost-steps tr.is-off td{color:var(--muted);text-decoration:line-through}.tbl.cost-steps tr.is-total td{background:#fafbfe;border-top:1.5px solid var(--line)}.cost-chain{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12.5px}.cost-chain span{color:var(--muted)}.crm-cards{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px;margin-bottom:22px}.crm-section-head{display:flex;align-items:baseline;gap:10px;margin:26px 0 12px}.crm-section-head h3{margin:0;font-size:13.5px}.crm-section-head .muted{font-size:11.5px}.crm-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;margin-bottom:6px}.crm-charts>*{min-width:0}.crm-charts .bd{padding-top:12px}.crm-links{display:flex;flex-direction:column;gap:2px}.crm-link{display:flex;align-items:center;gap:11px;padding:9px 8px;border-radius:9px;color:inherit;text-decoration:none;transition:background .12s}.crm-link:hover{background:#f4f7fd}.crm-link .ic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:none}.crm-link b{display:block;font-size:12.5px}.crm-link small{display:block;color:var(--muted);font-size:11px;margin-top:1px}.crm-link .go{margin-left:auto;color:var(--muted);font-size:13px}.crm-link:hover .go{color:var(--brand)}.bd-brief+.bd-brief{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.bd-brief .crm-facts{grid-template-columns:1fr;gap:8px;padding:10px 12px}.card.needs-email{border-color:#f3c3c8;background:snow}.card.needs-email>.hd{border-bottom-color:#f3c3c8}.access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-bottom:4px}.access-group{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fbfcfe}.access-group .k{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.access-group .ssel-check{font-size:12px;padding:3px 0}