html,body.demo-body{margin:0!important;width:100%;min-height:100%;background:#07101d!important;color:#f7fafc!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body.demo-body{overflow:hidden!important}.demo-shell{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;min-height:100vh!important}.demo-side{background:#07101d!important;border-right:1px solid rgba(255,255,255,.1)!important;padding:18px 14px!important;display:flex!important;flex-direction:column!important;min-width:0!important}.demo-brand{display:block!important;padding:4px 10px 20px!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.demo-brand img{display:block!important;width:170px!important;max-width:100%!important;height:55px!important;object-fit:contain!important;object-position:left center!important}.demo-brand strong{display:block!important;font-size:18px!important;margin-top:10px!important;color:#fff!important}.demo-brand span{display:block!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.16em!important;color:#31d3c5!important}.demo-nav{display:grid!important;gap:6px!important;margin-top:18px!important}.demo-nav button{appearance:none!important;border:0!important;text-align:left!important;background:transparent!important;color:#9aabc0!important;padding:12px 14px!important;border-radius:9px!important;cursor:pointer!important;font:650 13px Inter,system-ui!important}.demo-nav button:hover,.demo-nav button.active{background:#102039!important;color:#fff!important}.demo-nav button.active{box-shadow:inset 3px 0 #31d3c5!important}.demo-side-foot{margin-top:auto!important;display:grid!important;gap:8px!important;padding:16px 10px 6px!important;font-size:11px!important;color:#718298!important}.demo-side-foot a{color:#91a2b7!important}.demo-side-foot a:hover{color:#31d3c5!important}.demo-main{min-width:0!important;background:#0b1423!important}.demo-top{min-height:78px!important;border-bottom:1px solid rgba(255,255,255,.1)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:14px 28px!important;background:#0b1626!important}.demo-top strong{display:block!important;font-size:19px!important;color:#fff!important}.demo-top span{display:block!important;font-size:11px!important;color:#8fa2b7!important}.demo-actions{display:flex!important;align-items:center!important;gap:10px!important}.demo-pill{padding:7px 10px!important;border:1px solid rgba(49,211,197,.22)!important;background:rgba(49,211,197,.08)!important;border-radius:99px!important;color:#31d3c5!important}.demo-actions .button{background:#31d3c5!important;color:#07101d!important;text-decoration:none!important}.demo-content{padding:24px!important;max-width:1500px!important}.demo-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}.demo-kpis article,.demo-panel{background:#101d31!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:14px!important;padding:19px!important;color:#fff!important}.demo-kpis span,.demo-kpis small{display:block!important;color:#91a2b7!important;font-size:11px!important}.demo-kpis b{display:block!important;font:750 24px Inter,sans-serif!important;margin:7px 0!important;color:#fff!important}.demo-grid{display:grid!important;grid-template-columns:1.3fr .7fr!important;gap:14px!important;margin-top:14px!important}.panel-head{display:flex!important;justify-content:space-between!important;gap:15px!important;align-items:center!important;margin-bottom:18px!important}.panel-head h2{font-size:16px!important;margin:0!important;color:#fff!important}.panel-head span{font-size:10px!important;color:#7f91a8!important}.demo-chart{height:260px!important;display:flex!important;align-items:end!important;gap:12px!important;border-top:1px solid rgba(255,255,255,.1)!important;padding-top:25px!important}.demo-chart i{flex:1!important;background:linear-gradient(#31d3c5,#137e78)!important;border-radius:4px 4px 0 0!important;min-height:18px!important}.demo-list{list-style:none!important;padding:0!important;margin:0!important}.demo-list li{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;padding:13px 0!important;border-top:1px solid rgba(255,255,255,.1)!important}.demo-list li:first-child{border-top:0!important}.demo-list b{font-size:12px!important;color:#fff!important}.demo-list span{font-size:10px!important;color:#8798ac!important}.demo-list em{font-style:normal!important;color:#31d3c5!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.08em!important}.demo-table{display:grid!important;overflow:auto!important}.demo-table>div{min-width:760px!important;display:grid!important;grid-template-columns:1.3fr 1fr .8fr .7fr .8fr!important;gap:12px!important;padding:12px!important;border-top:1px solid rgba(255,255,255,.1)!important;font-size:11px!important}.demo-table .thead{border-top:0!important;background:#0b1626!important;color:#7f91a8!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:9px!important}.ok{color:#5fe1b4!important}.warn{color:#ffc66b!important}.cost-bars{display:grid!important;gap:17px!important}.cost-bars div{display:grid!important;grid-template-columns:160px 1fr 65px!important;align-items:center!important;gap:10px!important;font-size:11px!important}.cost-bars i{height:10px!important;background:linear-gradient(90deg,#31d3c5,#168f87)!important;border-radius:99px!important}.recommend-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important}.recommend-grid article{background:#0b1626!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important;padding:18px!important}.recommend-grid span,.recommend-grid em{display:block!important;font-size:9px!important;color:#7f91a8!important;text-transform:uppercase!important;letter-spacing:.08em!important}.recommend-grid h3{font-size:15px!important;margin:8px 0!important;color:#fff!important}.recommend-grid p{font-size:11px!important;color:#91a2b7!important}.recommend-grid b{display:block!important;font-size:11px!important;color:#31d3c5!important;margin:16px 0 5px!important}.sql-decision{padding:12px 0!important}.decision-badge{display:inline-flex!important;padding:7px 9px!important;border-radius:6px!important;background:rgba(95,225,180,.1)!important;color:#5fe1b4!important;font-size:9px!important;font-weight:800!important;letter-spacing:.1em!important}.sql-decision h3{font-size:20px!important;max-width:720px!important;color:#fff!important}.sql-decision p{color:#9caec2!important;font-size:12px!important;max-width:800px!important}
@media(max-width:1000px){body.demo-body{overflow:auto!important}.demo-shell{grid-template-columns:1fr!important}.demo-side{display:none!important}.demo-kpis{grid-template-columns:1fr 1fr!important}.demo-grid{grid-template-columns:1fr!important}.recommend-grid{grid-template-columns:1fr!important}.demo-top{align-items:flex-start!important}.demo-actions{flex-direction:column!important;align-items:flex-end!important}}
@media(max-width:680px){.demo-kpis{grid-template-columns:1fr!important}.demo-content{padding:14px!important}.demo-top{padding:14px 16px!important}.cost-bars div{grid-template-columns:100px 1fr 55px!important}}