@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');
button:disabled{opacity:.55;cursor:wait}.tree{flex-wrap:wrap}.tree .tile{flex-basis:150px;min-height:140px}.header-right{flex-wrap:wrap}
:root{font-family:'DM Sans',sans-serif;color:#202d37;background:#f5f6f8;font-synthesis:none;--blue:#2379ce;--muted:#79838e}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}aside{position:fixed;inset:0 auto 0 0;width:230px;background:#102b3e;color:#c0cfda;padding:36px 20px;display:flex;flex-direction:column}.brand{font-family:Georgia,serif;font-size:27px;letter-spacing:2px;color:white;text-decoration:none;margin:0 12px}.brand span{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:2.2px;margin-top:9px;color:#b9c8d2}.workspace{font-size:10px;letter-spacing:1.7px;color:#7992a3;margin:55px 12px 15px}.workspace span{float:right}nav button{width:100%;border:0;background:none;color:#aabfce;padding:15px 12px;text-align:left;border-radius:5px;font-size:12px;margin:3px 0}nav button span{font-size:18px;vertical-align:middle;margin-right:12px}nav button.active{color:white;background:#224459;box-shadow:inset 3px 0 #68b6f0}.side-bottom{margin-top:auto;font-size:10px;padding:12px}.side-bottom small{display:block;color:#7793a6;font-size:9px;margin-top:10px}.pulse{display:inline-block;width:6px;height:6px;background:#7cba9b;border-radius:100%;margin-right:6px}main{margin-left:230px;padding:0 36px}header{min-height:78px;border-bottom:1px solid #e1e5e9;display:flex;align-items:center;justify-content:space-between;gap:12px}.breadcrumb{font-size:11px;color:#6d7b87}.breadcrumb span{padding:0 13px;color:#b0bac2}.header-right{display:flex;align-items:center;gap:10px}button{border:1px solid #dce1e6;background:white;border-radius:5px;padding:9px 13px;font-size:11px;color:#405563}.demo{font-size:9px;font-weight:700;letter-spacing:1px;background:#f9edcf;color:#886b25;padding:7px 9px;border-radius:4px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:35px 0 27px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#718898;font-weight:700}h1{font-family:Manrope,sans-serif;font-size:30px;letter-spacing:-1.1px;margin:9px 0}p{font-size:12px;color:#778491;margin:0}.period{border-left:2px solid #d7dfe6;padding-left:15px}.period span{font-size:8px;letter-spacing:1.3px;color:#83929d;display:block}.period strong{display:block;font-size:12px;margin-top:7px}.filters{display:flex;gap:18px;background:white;border:1px solid #e2e7ec;border-radius:7px;padding:16px 20px;align-items:end}.filters label{font-size:9px;font-weight:600;color:#788590;display:grid;gap:7px;min-width:150px}select,input{border:1px solid #dfe5eb;border-radius:4px;padding:9px;color:#3e5262;background:#fff;font-size:11px;min-width:0}.search{flex:1}.filters button{border:0;margin-left:auto;white-space:nowrap}.notice{font-size:10px;color:#8b7853;padding:12px 0 17px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metric{padding:20px;background:white;border:1px solid #e1e6eb;border-radius:7px}.metric-label{font-size:10px;color:#73818d}.metric-value{font-family:Manrope,sans-serif;font-size:29px;font-weight:700;margin:10px 0 7px;letter-spacing:-1px}.metric-value small{font:11px 'DM Sans';color:#97a1aa;letter-spacing:0;margin-left:5px}.metric-note{font-size:9px;color:#85949f}.grid{display:grid;grid-template-columns:1.16fr 1fr;gap:20px}.panel{background:white;border:1px solid #e1e6eb;border-radius:7px;min-width:0;overflow:hidden}.panel-head{padding:19px 21px 14px;display:flex;justify-content:space-between;align-items:start}.panel h2{font:700 12px Manrope,sans-serif;margin:0 0 6px}.panel-head p{font-size:9px}.tag{font-size:8px;color:#7d8d9b;letter-spacing:.8px}.table-wrap{overflow:auto;max-height:320px}table{border-collapse:collapse;width:100%;font-size:10px;text-align:left;white-space:nowrap}th{position:sticky;top:0;background:#f6f8fa;color:#7e8e9a;font-size:8px;font-weight:500;cursor:pointer;z-index:1}td,th{padding:12px 14px;border-bottom:1px solid #eef1f4}td:first-child{color:#5081a4}td button{border:0;padding:0;background:transparent;color:inherit;font-size:inherit}.delay{padding:4px 7px;border-radius:3px;background:#e7f4e9;color:#2b814a}.delay.warn{background:#faf0cc;color:#987b18}.delay.bad{background:#fbe6e7;color:#b0444f}.panel-foot{font-size:9px;color:#84939e;padding:12px 20px;border-top:1px solid #eef1f4}.bars{padding:10px 22px 20px;display:grid;gap:17px}.bar-row{display:grid;grid-template-columns:105px 1fr 30px;gap:12px;align-items:center;font-size:9px}.bar-row button{border:0;padding:0;background:transparent;font-size:9px;text-align:left}.track{height:14px;background:#f2f6fa;border-radius:2px;overflow:hidden;display:flex}.bar{background:#3288d3;height:100%;border-radius:2px;min-width:1px}.bar.secondary{background:#153d62}.bar-row b{font-size:10px;font-weight:500;color:#5d7282}.legend{display:flex;gap:15px;font-size:8px;color:#81919d;padding:0 22px 8px}.legend i{display:inline-block;width:6px;height:6px;background:#3288d3;margin-right:5px}.legend i.dark{background:#153d62}.columns{display:flex;align-items:end;gap:22px;min-height:235px;padding:30px 30px 35px}.column{flex:1;text-align:center;position:relative;font-size:9px}.column .fill{width:65%;background:#3288d3;border-radius:3px 3px 0 0;margin:8px auto 0;cursor:pointer}.column span{position:absolute;bottom:-21px;left:0;right:0;font-size:8px;color:#85939e}.tree{display:flex;gap:5px;padding:8px 20px 22px;min-height:380px}.tile{border:0;border-radius:4px;color:white;padding:18px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;min-width:0;flex:1}.tile strong{font-size:13px}.tile span{font-size:28px;font-family:Manrope}.empty{text-align:center;padding:55px 20px;color:#8b9aa5;font-size:12px}footer{display:flex;justify-content:space-between;color:#96a1ab;font-size:8px;letter-spacing:1px;margin:24px 0}footer b{margin:0 8px;color:#c5cdd4}#toast{display:none;position:fixed;bottom:25px;right:25px;background:#17364b;color:white;padding:16px;border-radius:7px;font-size:12px;max-width:450px}@media(min-width:1600px){main{max-width:1800px;margin:auto auto auto 230px}}@media(max-width:1100px){aside{width:190px;padding:30px 12px}.brand{font-size:23px}main{margin-left:190px;padding:0 22px}.filters{flex-wrap:wrap}.grid{grid-template-columns:1fr}.metrics{gap:10px}.metric{padding:15px}}@media(max-width:700px){aside{position:static;width:auto;padding:20px}.brand{font-size:22px}.workspace,.side-bottom{display:none}nav{display:flex;margin-top:15px}nav button{font-size:10px;padding:10px}nav button span{display:none}main{margin:0;padding:0 16px}header{flex-wrap:wrap;padding:15px 0}.page-heading{margin-top:25px}h1{font-size:25px}.period{display:none}.filters{gap:10px;padding:12px}.filters label{min-width:100px;flex:1}.filters .search{min-width:100%}.metrics{grid-template-columns:1fr 1fr}.metric-value{font-size:25px}.tree{min-height:300px;flex-wrap:wrap}.tile{min-width:40%}}

/* Dealer branding; values are validated six-digit colors. */
#brand-name{display:block;font:inherit;color:inherit;letter-spacing:inherit;margin-top:0}
.dealer-logo{display:block;max-width:160px;max-height:70px;object-fit:contain;margin-bottom:14px}
aside{background:var(--dealer-primary,#102b3e)}
.bar,.column .fill,.legend i{background:var(--dealer-accent,#3288d3)}
.bar.secondary,.legend i.dark{background:var(--dealer-primary,#102b3e)}
nav button.active{background:color-mix(in srgb,var(--dealer-primary,#102b3e),white 10%);box-shadow:inset 3px 0 var(--dealer-accent,#3288d3)}