#commercial{background:linear-gradient(180deg,#061923 0%,#081f2b 52%,#071a25 100%);min-height:calc(100vh - 72px)}
#commercial .page-title{padding-bottom:18px}
.commercial-banner{margin:0 4vw 18px;padding:20px 24px;border:1px solid rgba(104,217,207,.18);border-radius:17px;background:radial-gradient(circle at 12% 0,rgba(43,187,180,.17),transparent 34%),linear-gradient(110deg,#0b2936,#0a2230);display:grid;grid-template-columns:auto minmax(220px,1fr);gap:8px 30px;align-items:center}.commercial-banner>div:first-child{display:grid;grid-template-columns:auto auto;gap:3px 14px;align-items:end}.commercial-banner small{grid-column:1/3;font:700 .68rem 'Roboto Mono';letter-spacing:.1em;color:#70a0ab}.commercial-banner strong{font-size:2rem;color:#eaffff}.commercial-banner span{padding-bottom:5px;color:#8ca9b2}.commercial-banner p{grid-column:1/3;margin:2px 0 0;color:#6f8f9b;font-size:.76rem}.momentum-line{height:7px;border-radius:7px;background:#173b48;position:relative}.momentum-line i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,#3bc6bd,#72e0c9)}.momentum-line em{position:absolute;right:0;top:-24px;color:#72d9c5;font-size:.8rem;font-style:normal;font-weight:700}
.commercial-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 4vw 18px}.commercial-kpis article{padding:17px 18px;border:1px solid rgba(110,163,176,.14);border-radius:13px;background:#0b2532;display:grid;gap:5px}.commercial-kpis small{font:700 .67rem 'Roboto Mono';letter-spacing:.08em;color:#6f929e}.commercial-kpis b{font-size:1.65rem;color:#eefeff}.commercial-kpis span{font-size:.76rem;color:#809da7}.commercial-kpis .positive{color:#65d3b4}
.commercial-tabs{display:flex;margin:0 4vw 18px;padding:5px;gap:5px;border:1px solid rgba(112,161,174,.14);border-radius:12px;background:#081d29;overflow-x:auto}.commercial-tabs button{flex:1;min-width:145px;padding:11px 14px;border:0;border-radius:8px;background:transparent;color:#809da8;font-weight:700;cursor:pointer}.commercial-tabs button.active{background:#153846;color:#dffcf8;box-shadow:inset 0 0 0 1px rgba(92,215,204,.2)}
.commercial-panel{display:none;margin:0 4vw 50px}.commercial-panel.active{display:block}.commercial-grid,.demand-layout,.listing-intel-layout,.forecast-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr);gap:18px}.commercial-card{padding:20px;border:1px solid rgba(107,158,171,.15);border-radius:16px;background:#0a2330;box-shadow:0 15px 38px rgba(0,0,0,.13)}.commercial-card .panel-head{margin-bottom:18px}.commercial-card .panel-head p{margin:4px 0 0;color:#7c9aa5}.commercial-card select{padding:9px 11px;border:1px solid #29505e;border-radius:8px;background:#0d2d3b;color:#d5e9ed}
.revenue-chart{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center}.donut{width:165px;height:165px;border-radius:50%;background:radial-gradient(circle,#0a2330 55%,transparent 57%),conic-gradient(#59d2c5 0 42%,#3c91ae 42% 73%,#8a75cf 73% 92%,#e4ae5d 92%);display:grid;place-items:center}.donut>div{display:grid;text-align:center}.donut b{font-size:1.3rem;color:#e9ffff}.donut small{font:700 .66rem 'Roboto Mono';color:#7195a0}.revenue-chart ul{list-style:none;padding:0;margin:0}.revenue-chart li{display:grid;grid-template-columns:10px 1fr auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(112,162,174,.1);color:#93adb6}.revenue-chart li i{width:8px;height:8px;border-radius:2px;background:#59d2c5}.revenue-chart li i.business{background:#3c91ae}.revenue-chart li i.fleet{background:#8a75cf}.revenue-chart li i.addons{background:#e4ae5d}.revenue-chart li b{color:#e3f4f5}.revenue-chart li em{min-width:65px;text-align:right;color:#7594a0;font-style:normal}
.funnel-card>small,.opportunity-card>small,.optimization-card>small,.scenario-card>small{font:700 .68rem 'Roboto Mono';letter-spacing:.1em;color:#7195a1}.funnel-card h2,.opportunity-card h2,.optimization-card h2,.scenario-card h2{margin:6px 0 17px}.funnel-step{display:flex;justify-content:center;margin:7px 0}.funnel-step span{display:block;padding:9px;text-align:center;background:linear-gradient(90deg,#1b6874,#297f82);border-radius:5px;color:#dffbfa;font-size:.75rem;font-weight:700}.funnel-card dl{margin:17px 0}.funnel-card dl div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(113,161,173,.11)}.funnel-card dt{color:#829fa9}.funnel-card dd{margin:0;color:#d7ebee;font-weight:700}
.demand-list{display:grid;gap:9px}.demand-list article{display:grid;grid-template-columns:1fr minmax(90px,.28fr) 75px auto;gap:14px;align-items:center;padding:14px;border:1px solid rgba(110,159,172,.12);border-radius:10px;background:#0c2936}.demand-list small{font:700 .65rem 'Roboto Mono';color:#66c9c3}.demand-list h3{font-size:.94rem;margin:5px 0}.demand-list p{font-size:.77rem;margin:0;color:#7997a1}.demand-meter{height:5px;border-radius:5px;background:#193d49}.demand-meter i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#3abbb5,#78dec9)}.demand-list em{font:700 .65rem 'Roboto Mono';color:#66d1b8;font-style:normal}.demand-action,.listing-insight{padding:7px 9px;border:1px solid #315765;border-radius:7px;background:transparent;color:#bdd4d8;cursor:pointer}.opportunity-score{width:92px;height:92px;margin:17px auto 12px;border-radius:50%;display:grid;place-items:center;border:8px solid rgba(82,210,191,.22);box-shadow:inset 0 0 0 3px #59d3bf;color:#edffff;font-size:1.7rem;font-weight:800}.opportunity-card{text-align:center}.opportunity-card p{color:#809ca6;line-height:1.5}.opportunity-card ul{list-style:none;padding:0;margin:15px 0;text-align:left}.opportunity-card li{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(112,160,172,.11);color:#839fa9}.opportunity-card li b{color:#d8eeee}
.performance-table{display:grid}.performance-row{display:grid;grid-template-columns:minmax(190px,1.4fr) repeat(3,.55fr) .5fr auto;gap:12px;align-items:center;padding:13px 10px;border-bottom:1px solid rgba(111,158,170,.11);color:#b5cbd0}.performance-head{padding-top:6px;color:#6e909b;font:700 .64rem 'Roboto Mono';text-transform:uppercase}.performance-row b,.performance-row small{display:block}.performance-row small{color:#6f8f9a;margin-top:4px}.performance-row strong{font-size:.86rem}.performance-row em{font-style:normal;font-weight:700}.performance-row .up{color:#5fd1b1}.performance-row .steady{color:#7fcad0}.performance-row .down{color:#eca96d}.optimization-grade{width:66px;height:66px;display:grid;place-items:center;margin:15px 0;border-radius:14px;background:linear-gradient(145deg,#1c5e66,#173f50);color:#e8ffff;font-size:1.5rem;font-weight:800}.optimization-card p{color:#829da7;line-height:1.5}.optimization-card ol{padding-left:20px;margin:15px 0 20px;color:#b6cbd0}.optimization-card li{padding:7px 0}
.forecast-chart{display:grid;grid-template-columns:1fr 190px;gap:22px;align-items:end}.forecast-bars{height:250px;display:flex;align-items:end;gap:8px;border-bottom:1px solid #31515c;padding:20px 6px 0;background:repeating-linear-gradient(to top,transparent 0 49px,rgba(115,158,169,.08) 50px)}.forecast-bars span{flex:1;min-width:9px;background:linear-gradient(180deg,#65d7c9,#247e8d);border-radius:5px 5px 0 0;position:relative}.forecast-bars i{position:absolute;bottom:-22px;left:50%;translate:-50% 0;color:#6d8d98;font:600 .55rem 'Roboto Mono';font-style:normal}.forecast-target{padding-bottom:25px}.forecast-target small{display:block;color:#71939e;font:700 .65rem 'Roboto Mono'}.forecast-target b{display:block;font-size:2rem;margin:8px 0;color:#e9ffff}.forecast-target span{font-size:.8rem;color:#61cfb3}.scenario-card label{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(113,160,172,.11);color:#8ca5ae}.scenario-card label b{color:#d9edef}.scenario-card .full{margin-top:14px}.scenario-card .full+.full{margin-top:8px}
@media(max-width:1050px){.commercial-kpis{grid-template-columns:repeat(2,1fr)}.commercial-grid,.demand-layout,.listing-intel-layout,.forecast-layout{grid-template-columns:1fr}.performance-row{grid-template-columns:minmax(180px,1.2fr) repeat(3,.55fr) .5fr auto}}
@media(max-width:700px){.commercial-banner,.commercial-kpis,.commercial-tabs,.commercial-panel{margin-left:16px;margin-right:16px}.commercial-banner{grid-template-columns:1fr}.commercial-banner p{grid-column:1}.momentum-line{margin-top:20px}.commercial-kpis{grid-template-columns:1fr 1fr;gap:8px}.commercial-kpis article{padding:14px}.commercial-kpis b{font-size:1.25rem}.revenue-chart{grid-template-columns:1fr}.donut{margin:auto}.demand-list article{grid-template-columns:1fr auto}.demand-meter{grid-column:1}.demand-action{grid-column:2;grid-row:1/3}.performance-table{overflow-x:auto}.performance-row{min-width:720px}.forecast-chart{grid-template-columns:1fr}.forecast-bars{height:210px;margin-bottom:20px}.forecast-target{padding:0}.commercial-card{padding:16px}}