:root {
  --bg: #f5f7f8;
  --panel: #ffffff;
  --panel-2: #f8fafc;
  --ink: #17222d;
  --muted: #6c7b8d;
  --line: #e2e8f0;
  --navy: #14283a;
  --navy-2: #0d1d2b;
  --blue: #147d8f;
  --cyan: #3ad0c4;
  --green: #18a978;
  --orange: #f49b45;
  --red: #d95151;
  --purple: #8066d4;
  --shadow: 0 12px 32px rgba(28,47,74,.08);
  --radius: 16px;
  --sidebar: 248px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);background:var(--bg)}
button,input,select{font:inherit}
button{cursor:pointer}
.app-shell{min-height:100vh;display:flex}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,#13283a 0%,#0b1b28 100%);color:#fff;padding:22px 14px 16px;display:flex;flex-direction:column;z-index:20;box-shadow:10px 0 30px rgba(4,35,60,.12)}
.brand{height:52px;display:flex;align-items:center;gap:11px;padding:0 9px 18px;margin-bottom:13px;border-bottom:1px solid rgba(255,255,255,.1)}
.brand-mark{width:35px;height:35px;border-radius:11px;background:linear-gradient(135deg,#35d4c6,#248ca0 58%,#182b3d);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.brand-mark span{font:800 21px Manrope;color:#fff}
.brand strong{display:block;font:800 15px Manrope;letter-spacing:.08em}.brand small{display:block;color:#9fb6ca;font-size:9px;letter-spacing:.16em;margin-top:2px}
.nav{display:flex;flex-direction:column;gap:4px;overflow:auto;padding-right:2px}
.nav-item{border:0;color:#c5d2df;background:transparent;display:flex;align-items:center;gap:11px;width:100%;padding:10px 11px;border-radius:10px;text-align:left;font-weight:600;font-size:13px;transition:.18s}
.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(56,185,220,.19),rgba(255,255,255,.06));color:#fff;box-shadow:inset 2px 0 #33bdd8}
.ico{width:21px;text-align:center;color:#a8c5d8;font-size:16px}.nav-item.active .ico{color:#3bd0e7}
.nav-badge{margin-left:auto;background:#1f86ce;color:#fff;border-radius:20px;padding:2px 7px;font-size:10px}.nav-dot{margin-left:auto;width:7px;height:7px;border-radius:50%}.nav-dot.warning{background:#f8a84d}
.nav-label{font-size:9px;text-transform:uppercase;color:#7794ab;letter-spacing:.13em;font-weight:700;padding:17px 12px 4px}
.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:12px}.mini-card{display:flex;gap:9px;align-items:center;padding:9px 10px;background:rgba(255,255,255,.06);border-radius:10px;margin-bottom:8px}.mini-card-icon{width:27px;height:27px;border-radius:8px;background:linear-gradient(135deg,#7766d5,#2faadd);display:grid;place-items:center}.mini-card b,.profile b{display:block;font-size:11px}.mini-card small,.profile small{display:block;font-size:9px;color:#95afc4;margin-top:2px}.status-dot{margin-left:auto;width:7px;height:7px;background:#43d28b;border-radius:50%;box-shadow:0 0 0 3px rgba(67,210,139,.12)}
.profile{width:100%;border:0;background:transparent;color:#fff;display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;text-align:left;padding:8px}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#edf6fb;color:#173e5e;font-weight:800;font-size:10px}
.main{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));min-height:100vh}.topbar{height:68px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:12}.search-wrap{height:38px;width:min(480px,50vw);display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#f8fafc;border-radius:10px;padding:0 10px;color:#8b99a8}.search-wrap input{border:0;outline:0;background:transparent;flex:1;color:var(--ink);font-size:12px}.search-wrap kbd{font-size:9px;color:#9ba7b3;background:#fff;border:1px solid var(--line);border-radius:5px;padding:3px 6px}.top-actions{display:flex;gap:9px;align-items:center}.icon-btn{position:relative;width:37px;height:37px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#577089}.notify-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#e36060;top:8px;right:8px}.primary-btn{border:0;border-radius:9px;background:var(--navy);color:#fff;font-weight:700;font-size:11px;padding:10px 15px;box-shadow:0 5px 13px rgba(13,53,89,.16)}.primary-btn:hover{background:#124776}.mobile-menu{display:none;border:0;background:transparent;font-size:22px;color:var(--navy)}
.content{padding:26px 28px 70px;max-width:1600px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.12em;color:var(--blue);margin-bottom:5px}.page-head h1{font:800 25px Manrope;margin:0;letter-spacing:-.035em}.page-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.date-pill{font-size:10px;color:#68788a;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 11px}
.grid{display:grid;gap:16px}.kpi-grid{grid-template-columns:repeat(4,1fr);margin-bottom:16px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 7px 18px rgba(30,47,68,.035)}.kpi-top{display:flex;justify-content:space-between;align-items:center}.kpi-label{color:#738195;font-weight:700;font-size:10px}.kpi-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#eef6fc;color:var(--blue);font-weight:800}.kpi-value{font:800 24px Manrope;margin:9px 0 3px;letter-spacing:-.035em}.kpi-meta{font-size:9px;color:#7d8b9a}.up{color:var(--green);font-weight:700}.down{color:var(--red);font-weight:700}
.two-col{grid-template-columns:minmax(0,1.7fr) minmax(300px,.85fr)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px rgba(31,49,72,.04);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.panel-head h2{font:800 14px Manrope;margin:0}.panel-head small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.text-btn{border:0;background:transparent;color:var(--blue);font-weight:800;font-size:10px}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#fff;color:#69788a;border-radius:8px;padding:6px 9px;font-size:9px;font-weight:700}.chip.active{background:#eaf5fb;border-color:#bbe1ee;color:#126b93}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:780px}.data-table th{padding:10px 12px;text-align:left;background:#f8fafc;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:.07em;text-transform:uppercase;color:#7b8a9a}.data-table td{padding:11px 12px;border-bottom:1px solid #edf1f5;font-size:10px;vertical-align:middle}.data-table tr:hover td{background:#fbfdff}.lane{font-weight:800;color:#173753}.lane small{display:block;color:#8a98a8;font-weight:500;margin-top:2px}.score{display:inline-flex;align-items:center;gap:5px;font-weight:800}.score-dot{width:7px;height:7px;border-radius:50%}.score.high .score-dot{background:var(--green)}.score.med .score-dot{background:var(--orange)}.score.low .score-dot{background:var(--red)}.money{font-weight:800}.muted{color:var(--muted)}.tag{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:800}.tag.ready{background:#e8f7f0;color:#158154}.tag.transit{background:#eaf2fc;color:#276dad}.tag.pickup{background:#fff3e5;color:#a86516}.tag.risk{background:#fdecec;color:#b44343}.tag.complete{background:#edf1f5;color:#617186}.tag.available{background:#e9f8f2;color:#148762}.tag.service{background:#fff2e6;color:#ad651d}.tag.expiring{background:#fff3e5;color:#a86516}.tag.clear{background:#e8f7f0;color:#158154}.action-btn{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 8px;font-size:8px;font-weight:800;color:#31536c}.action-btn.primary{border-color:#b9dded;background:#eef8fc;color:#17789d}
.ai-summary{padding:17px 18px;background:linear-gradient(135deg,#0e385d,#0d4964);color:#fff}.ai-summary .label{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#91d7e7;font-weight:800}.ai-summary h3{font:800 16px Manrope;margin:6px 0 6px}.ai-summary p{font-size:10px;line-height:1.55;color:#d1e1ec;margin:0}.insight-list{padding:8px 18px 14px}.insight{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.insight:last-child{border:0}.insight-icon{width:28px;height:28px;border-radius:8px;background:#eef7fb;display:grid;place-items:center;color:#197da4}.insight b{font-size:10px}.insight small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.insight strong{font-size:10px;color:var(--green)}
.activity{padding:4px 18px 12px}.activity-item{position:relative;padding:10px 0 10px 18px;border-left:1px solid #dce4ec}.activity-item:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#5aaac7;left:-4px;top:15px;border:2px solid #fff}.activity-item b{font-size:9px}.activity-item small{font-size:8px;color:var(--muted);display:block;margin-top:2px}
.chart{padding:18px}.chart-bars{height:180px;display:flex;gap:12px;align-items:end;border-bottom:1px solid var(--line);position:relative}.chart-bars:before,.chart-bars:after{content:"";position:absolute;left:0;right:0;border-top:1px dashed #e7ecf2}.chart-bars:before{top:33%}.chart-bars:after{top:66%}.bar-group{flex:1;display:flex;align-items:end;gap:3px;height:100%;position:relative;z-index:1}.bar{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#1e8dcc,#0f5d98);min-height:8px}.bar.alt{background:linear-gradient(180deg,#61c4ce,#3396a4)}.bar-labels{display:flex;justify-content:space-around;padding-top:8px;color:#8290a0;font-size:8px}.legend{display:flex;gap:12px;margin-bottom:12px;font-size:8px;color:#718093}.legend span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:2px;background:#1e8dcc;margin-right:5px}.legend span:nth-child(2):before{background:#51b4c1}
.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.metric-strip>div{padding:12px 16px;border-right:1px solid var(--line)}.metric-strip>div:last-child{border:0}.metric-strip small{font-size:8px;color:var(--muted)}.metric-strip b{display:block;font:800 15px Manrope;margin-top:3px}
.cards-grid{grid-template-columns:repeat(3,1fr)}.feature-card{padding:18px}.feature-card .feature-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#edf7fb;color:#1479a0;font-weight:800;margin-bottom:13px}.feature-card h3{font:800 13px Manrope;margin:0 0 6px}.feature-card p{font-size:10px;color:var(--muted);line-height:1.55;margin:0 0 12px}.mini-stats{display:flex;gap:14px;border-top:1px solid var(--line);padding-top:11px}.mini-stats span{font-size:8px;color:var(--muted)}.mini-stats b{display:block;color:var(--ink);font-size:11px;margin-top:2px}
.kanban{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:13px;overflow:auto}.kanban-col{background:#edf2f6;border-radius:13px;padding:11px;min-height:540px}.kanban-head{display:flex;align-items:center;justify-content:space-between;padding:3px 3px 11px;font-size:10px;font-weight:800}.count{font-size:8px;background:#dfe7ed;border-radius:20px;padding:3px 6px;color:#667789}.load-card{background:#fff;border:1px solid #dfe6ed;border-radius:11px;padding:12px;margin-bottom:9px;box-shadow:0 3px 8px rgba(24,43,60,.04)}.load-card-top{display:flex;justify-content:space-between;gap:10px}.load-card h4{font:800 11px Manrope;margin:0}.load-card small{color:var(--muted);font-size:8px}.load-route{margin:11px 0;display:grid;grid-template-columns:8px 1fr;gap:8px}.route-dots{display:flex;flex-direction:column;align-items:center}.route-dots i{width:6px;height:6px;border:2px solid #2a88b2;border-radius:50%}.route-dots:after{content:"";width:1px;background:#ccd8e1;flex:1;margin:2px 0}.route-text b{display:block;font-size:9px;margin-bottom:8px}.route-text span{display:block;font-size:8px;color:var(--muted);margin-bottom:8px}.load-card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:9px}.driver-chip{display:flex;align-items:center;gap:5px;font-size:8px}.tiny-avatar{width:20px;height:20px;border-radius:50%;background:#dcebf3;display:grid;place-items:center;font-size:7px;font-weight:800;color:#28516c}
.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar .search-mini{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 10px;font-size:10px;min-width:220px;outline:0}.toolbar select{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 10px;font-size:9px;color:#5f7183}.toolbar .spacer{margin-left:auto}
.driver-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.driver-card{padding:15px}.driver-head{display:flex;align-items:center;gap:10px}.driver-head .avatar{width:36px;height:36px}.driver-head h3{font:800 11px Manrope;margin:0}.driver-head p{font-size:8px;color:var(--muted);margin:2px 0 0}.driver-status{margin-left:auto}.driver-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.driver-metrics div{background:#f7f9fb;border-radius:8px;padding:8px}.driver-metrics small{font-size:7px;color:var(--muted)}.driver-metrics b{display:block;font-size:10px;margin-top:2px}
.health-ring{--p:76; width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#2ea6c4 calc(var(--p)*1%),#e8edf2 0);position:relative}.health-ring:after{content:"";position:absolute;width:39px;height:39px;background:#fff;border-radius:50%}.health-ring b{position:relative;z-index:1;font-size:10px}
.progress{height:5px;border-radius:5px;background:#e9eef3;overflow:hidden}.progress>i{display:block;height:100%;background:linear-gradient(90deg,#2188bd,#45bbca);border-radius:5px}
.route-board{position:relative;background:linear-gradient(180deg,#f8fbfd,#eef6f9);min-height:360px;overflow:hidden}.route-board:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#cbdde7 1px,transparent 1px);background-size:18px 18px;opacity:.45}.route-line{position:absolute;height:2px;background:linear-gradient(90deg,#2b90b5,#48bec5);transform-origin:left center}.route-pin{position:absolute;width:12px;height:12px;border-radius:50% 50% 50% 0;background:#176f9c;transform:rotate(-45deg);box-shadow:0 2px 5px rgba(23,111,156,.25)}.route-pin:after{content:"";position:absolute;width:4px;height:4px;background:white;border-radius:50%;top:4px;left:4px}.route-label{position:absolute;background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:8px;box-shadow:0 4px 10px rgba(30,48,66,.08)}
.account-summary{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.big-number{font:800 33px Manrope;letter-spacing:-.04em}.aging-bars{padding:18px}.aging-row{display:grid;grid-template-columns:60px 1fr 80px;gap:9px;align-items:center;margin:13px 0;font-size:9px}.aging-row .progress{height:8px}.aging-row b{text-align:right}
.compliance-list{padding:0 18px 8px}.compliance-item{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.compliance-item:last-child{border:0}.shield{width:32px;height:32px;border-radius:9px;background:#eaf7f1;color:#1b8e5f;display:grid;place-items:center;font-weight:800}.shield.warn{background:#fff2e6;color:#b86c22}.compliance-item b{font-size:10px}.compliance-item small{display:block;color:var(--muted);font-size:8px;margin-top:2px}
.ai-drawer{position:fixed;right:-390px;top:0;bottom:0;width:380px;max-width:95vw;background:#fff;z-index:40;box-shadow:-16px 0 45px rgba(15,34,52,.16);display:flex;flex-direction:column;transition:right .25s ease}.ai-drawer.open{right:0}.ai-head{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#14283a;color:#fff}.ai-head>div{display:grid;grid-template-columns:30px 1fr;column-gap:9px;align-items:center}.ai-symbol{grid-row:1/3;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#755fd3,#2bb2d1);display:grid;place-items:center}.ai-head b{font-size:11px}.ai-head small{font-size:8px;color:#a9c7d9}.ai-head button{border:0;background:transparent;color:#fff;font-size:24px}.ai-body{flex:1;overflow:auto;padding:16px;background:#f6f9fb}.ai-message{max-width:85%;font-size:10px;line-height:1.5;padding:10px 12px;border-radius:12px;margin-bottom:10px}.ai-message.bot{background:#fff;border:1px solid var(--line);border-bottom-left-radius:3px}.ai-message.user{background:#14283a;color:#fff;margin-left:auto;border-bottom-right-radius:3px}.suggestions{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.suggestions button{border:1px solid #cfe0e8;background:#fff;color:#2e6177;border-radius:16px;padding:7px 10px;font-size:8px}.ai-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}.ai-input input{flex:1;border:1px solid var(--line);border-radius:10px;padding:9px 10px;outline:0;font-size:10px}.ai-input button{width:34px;height:34px;border:0;border-radius:9px;background:#14283a;color:#fff}.ai-fab{position:fixed;right:22px;bottom:20px;border:0;background:linear-gradient(135deg,#14283a,#176575);color:#fff;border-radius:22px;padding:10px 14px;font-weight:800;font-size:10px;box-shadow:0 8px 24px rgba(13,53,89,.22);z-index:18}.ai-fab span{color:#5ee0e7;margin-right:5px}
.modal-backdrop{position:fixed;inset:0;background:rgba(8,27,43,.44);display:none;place-items:center;z-index:50;padding:20px}.modal-backdrop.open{display:grid}.modal{background:#fff;border-radius:16px;width:min(620px,95vw);max-height:90vh;overflow:auto;box-shadow:0 30px 80px rgba(8,27,43,.25)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid var(--line)}.modal-head h2{font:800 15px Manrope;margin:0}.modal-head button{border:0;background:transparent;font-size:22px}.modal-body{padding:18px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field label{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.05em;font-weight:800;color:#708092;margin-bottom:5px}.field input,.field select{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px 10px;font-size:10px;outline:0}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid var(--line)}
.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#0f3b5d;color:#fff;border-radius:10px;padding:10px 14px;font-size:9px;font-weight:700;opacity:0;pointer-events:none;transition:.2s;z-index:70}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.two-col,.account-summary{grid-template-columns:1fr}.cards-grid,.driver-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){:root{--sidebar:230px}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.mobile-menu{display:block}.topbar{padding:0 14px}.search-wrap{width:55vw}.content{padding:20px 14px 60px}.page-head{align-items:flex-start;flex-direction:column}.kpi-grid,.cards-grid,.driver-grid{grid-template-columns:1fr}.top-actions .icon-btn{display:none}.ai-fab{right:14px}.form-grid{grid-template-columns:1fr}}
@media(max-width:500px){.search-wrap{display:none}.kpi-grid{grid-template-columns:1fr}.primary-btn{padding:9px 11px}.metric-strip{grid-template-columns:1fr}.metric-strip>div{border-right:0;border-bottom:1px solid var(--line)}}

/* Axel Automate provisional identity + expanded TMS modules */
.brand{height:58px;padding-bottom:16px}.brand strong{letter-spacing:.04em}.brand strong em{font-style:normal;color:#68ded3;font-weight:600}.brand small{letter-spacing:.12em}
.brand-mark{position:relative;overflow:hidden;border-radius:10px}.brand-mark i{position:absolute;width:23px;height:3px;background:#dffaf6;left:6px;top:16px;border-radius:2px;opacity:.85}.axel-a{position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.2)}
.nav{padding-bottom:6px}.nav-label{padding-top:13px}.nav-item{padding-top:8px;padding-bottom:8px}
.nav-item.active{background:linear-gradient(90deg,rgba(54,211,196,.17),rgba(255,255,255,.05));box-shadow:inset 2px 0 #4bd5c9}.nav-item.active .ico{color:#5ce2d7}
.trial-context{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:14px;padding:6px 10px;border:1px solid var(--line);border-radius:9px;background:#fbfcfd}.trial-context b{display:block;font-size:9px}.trial-context small{display:block;font-size:7px;color:var(--muted);margin-top:1px}.trial-dot{width:7px;height:7px;border-radius:50%;background:#35c99b;box-shadow:0 0 0 3px rgba(53,201,155,.12)}
.primary-btn{background:#14283a}.primary-btn:hover{background:#1b3b51}.eyebrow{color:#177d8d}.kpi-icon{background:#edf7f6;color:#147d8f}.text-btn{color:#147d8f}.action-btn.primary{border-color:#b8e1dc;background:#effaf8;color:#147c77}
.ai-summary{background:linear-gradient(135deg,#14283a,#155c67)}.ai-summary .label{color:#77e5db}.mini-card-icon{background:linear-gradient(135deg,#2fcbbb,#297f9b)}.ai-symbol{background:linear-gradient(135deg,#34cdbd,#276d96)}
.section-intro{background:linear-gradient(135deg,#f1faf9,#f7fafc);border:1px solid #dcecea;border-radius:14px;padding:14px 16px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.section-intro b{font:800 12px Manrope}.section-intro p{font-size:9px;color:var(--muted);margin:3px 0 0}.phase-pill{white-space:nowrap;border:1px solid #bfe7df;background:#fff;border-radius:999px;padding:5px 9px;font-size:8px;font-weight:800;color:#187c75}
.crm-grid{display:grid;grid-template-columns:1.45fr .85fr;gap:16px}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px}.pipeline-col{background:#f5f8fa;border:1px solid #e5ebef;border-radius:11px;padding:9px;min-height:280px}.pipeline-head{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:800;margin-bottom:8px}.deal-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px;margin-bottom:8px}.deal-card b{font-size:9px}.deal-card small{display:block;font-size:7px;color:var(--muted);margin-top:3px}.deal-value{font:800 12px Manrope;margin-top:8px}.deal-foot{display:flex;justify-content:space-between;margin-top:7px;padding-top:7px;border-top:1px solid var(--line);font-size:7px;color:var(--muted)}
.maintenance-board{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.wo-list{padding:0 18px 8px}.wo-item{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.wo-item:last-child{border:0}.wo-priority{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:8px;font-weight:800;background:#edf5f7;color:#22778a}.wo-priority.high{background:#fdeeee;color:#ad4343}.wo-priority.med{background:#fff3e6;color:#a86516}.wo-item b{font-size:10px}.wo-item small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.cost{font-weight:800;font-size:10px;text-align:right}.cost small{font-weight:500}
.customer-health{display:flex;align-items:center;gap:8px}.health-dot{width:8px;height:8px;border-radius:50%;background:#29aa78}.health-dot.watch{background:#e2a14d}.health-dot.risk{background:#d95d5d}
.module-note{padding:12px 16px;border-top:1px solid var(--line);background:#fbfcfd;font-size:8px;color:var(--muted)}
@media(max-width:1200px){.trial-context{display:none}.crm-grid,.maintenance-board{grid-template-columns:1fr}.pipeline{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.pipeline{grid-template-columns:1fr}}