:root { --im-blue:#082a68; --im-blue-2:#0c4b9c; --im-orange:#ff5a0a; --im-orange-2:#ff8a35; }
.im-dashboard { display:grid; gap:1.25rem; padding-bottom:2rem; }
.im-hero { align-items:center; background:linear-gradient(125deg,#061c49,#0b438c 65%,#ff5a0a); border-radius:1.35rem; color:#fff; display:flex; justify-content:space-between; overflow:hidden; padding:1.6rem 1.8rem; position:relative; }
.im-hero:after { border:1px solid rgba(255,255,255,.2); border-radius:50%; content:""; height:14rem; position:absolute; right:-4rem; top:-7rem; width:14rem; }
.im-hero h1 { font-size:clamp(1.45rem,3vw,2.15rem); font-weight:750; margin:.15rem 0 .35rem; }.im-hero p { color:rgba(255,255,255,.78); margin:0; }
.im-kicker { color:var(--im-orange)!important; font-size:.72rem; font-weight:800; letter-spacing:.12em; margin:0!important; text-transform:uppercase; }
.im-access { background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.2); border-radius:999px; font-size:.78rem; font-weight:700; padding:.55rem .85rem; white-space:nowrap; z-index:1; }.im-access.is-readonly { background:rgba(255,180,90,.2); }
.im-kpis { display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(185px,1fr)); }
.im-kpi,.im-panel,.im-module { background:var(--color-base-50); border:1px solid var(--color-base-200); box-shadow:0 8px 30px rgba(7,35,82,.05); }.dark .im-kpi,.dark .im-panel,.dark .im-module { background:var(--color-base-900); border-color:var(--color-base-800); box-shadow:none; }
.im-kpi { border-radius:1rem; color:inherit; display:flex; flex-direction:column; padding:1rem 1.1rem; text-decoration:none; }.im-kpi span,.im-kpi small { color:var(--color-base-500); }.im-kpi strong { color:var(--im-blue-2); font-size:1.55rem; margin:.18rem 0; }.dark .im-kpi strong { color:#73a9ff; }.im-kpi.is-alert { border-left:4px solid var(--im-orange); }
.im-panel { border-radius:1.2rem; padding:1.2rem; }.im-panel-head { align-items:center; display:flex; gap:1rem; justify-content:space-between; margin-bottom:1rem; }.im-panel h2 { font-size:1.1rem; font-weight:750; margin:.15rem 0 0; }
.im-periods { background:var(--color-base-100); border-radius:.75rem; display:flex; gap:.2rem; padding:.25rem; }.dark .im-periods { background:var(--color-base-800); }.im-periods a { border-radius:.55rem; color:var(--color-base-500); font-size:.75rem; font-weight:700; padding:.45rem .65rem; text-decoration:none; }.im-periods a.is-active { background:var(--im-orange); color:#fff; }
.im-legend { display:flex; gap:1rem; font-size:.72rem; margin-bottom:.5rem; }.im-legend span:before { border-radius:50%; content:""; display:inline-block; height:.55rem; margin-right:.35rem; width:.55rem; }.client-dot:before { background:var(--im-blue-2); }.order-dot:before { background:var(--im-orange); }
.im-chart { align-items:end; display:flex; gap:.55rem; height:220px; overflow-x:auto; padding-top:1rem; }.im-chart-column { align-items:center; display:flex; flex:1 0 42px; flex-direction:column; height:100%; min-width:42px; }.im-bars { align-items:end; display:flex; flex:1; gap:3px; width:70%; }.im-bars i { border-radius:5px 5px 1px 1px; display:block; min-height:2px; width:50%; }.im-bars .clients { background:linear-gradient(#1972d3,var(--im-blue)); }.im-bars .orders { background:linear-gradient(var(--im-orange-2),var(--im-orange)); }.im-chart-column b { font-size:.64rem; margin-top:.25rem; }.im-chart-column small { color:var(--color-base-500); font-size:.65rem; }
.im-grid-two { display:grid; gap:1.25rem; grid-template-columns:repeat(2,minmax(0,1fr)); }.im-region-list { display:grid; gap:.85rem; }.im-region>div { display:flex; font-size:.78rem; justify-content:space-between; }.im-region span { color:var(--color-base-500); }.im-region>i { background:var(--color-base-100); border-radius:99px; display:block; height:7px; margin-top:.35rem; overflow:hidden; }.dark .im-region>i{background:var(--color-base-800);}.im-region em { background:linear-gradient(90deg,var(--im-blue-2),var(--im-orange)); display:block; height:100%; }
.im-directive { border-bottom:1px solid var(--color-base-200); color:inherit; display:flex; flex-direction:column; padding:.8rem 0; text-decoration:none; }.dark .im-directive{border-color:var(--color-base-800);}.im-directive span,.im-empty { color:var(--color-base-500); font-size:.76rem; }
.im-modules { display:grid; gap:.8rem; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }.im-module { align-items:center; border-radius:.9rem; color:inherit; display:flex; gap:.8rem; padding:.9rem; text-decoration:none; }.im-module>span { background:rgba(255,90,10,.12); border-radius:.75rem; color:var(--im-orange); padding:.6rem; }.im-module div{display:flex;flex-direction:column}.im-module small{color:var(--color-base-500);font-size:.72rem;margin-top:.15rem}
@media(max-width:800px){.im-hero{align-items:flex-start;flex-direction:column;gap:1rem}.im-grid-two{grid-template-columns:1fr}.im-panel-head{align-items:flex-start;flex-direction:column}.im-periods{max-width:100%;overflow-x:auto}.im-region>div{flex-direction:column;gap:.2rem}}