:root{--color100: #161616;--color200: #262626;--color300: #393939;--color400: #525252;--color500: #6f6f6f;--color600: #8d8d8d;--color700: #a8a8a8;--color800: #c6c6c6;--color900: #e0e0e0;--color1000: #f4f4f4;--bg-page: var(--color900);--bg-panel: var(--color1000);--bg-muted: var(--color900);--border: var(--color800);--text-primary: var(--color100);--text-secondary: var(--color500);--text-muted: var(--color600);--brand: var(--color300);--brand-deep: var(--color200);--shadow: 0 18px 44px rgba(22, 22, 22, .08);--radius-xl: 11px;--radius-lg: 9px;--radius-md: 7px}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{background:radial-gradient(circle at top left,rgba(22,22,22,.05),transparent 32%),linear-gradient(180deg,var(--color1000) 0%,var(--bg-page) 100%);color:var(--text-primary);font-family:Segoe UI,Helvetica Neue,sans-serif}button,input,select{font:inherit}.dashboard-page{min-height:100vh;padding:20px}.dashboard-shell{margin:0 auto;max-width:1320px;display:grid;gap:24px}.hero-card,.panel,.status-block{background:#f4f4f4f0;border:1px solid rgba(198,198,198,.88);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-card{border-radius:calc(var(--radius-xl) + 2px);padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-card__left{display:flex;align-items:center;gap:16px}.hero-card__crest{display:none}.hero-card__crest-image{width:48px;height:48px;object-fit:contain;flex:0 0 auto}.hero-card__brand{display:flex;align-items:center}.hero-card__brand-image{display:block;height:18px;width:auto;max-width:132px}.hero-card__title{margin:0;font-size:clamp(1.2rem,1.54vw,1.42rem);font-weight:500;line-height:1.08}.hero-card__subtitle{margin:8px 0 0;font-size:1rem;color:var(--text-secondary)}.hero-card__brand{letter-spacing:.08em;font-size:1.4rem;font-weight:800}.toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.tabs{display:flex;gap:24px;flex-wrap:wrap;padding:0 4px}.tabs__item{padding:0 0 14px;background:transparent;border:0;border-bottom:2px solid transparent;font-size:1rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:.2s ease}.tabs__item:hover,.tabs__item--active{color:var(--text-primary);border-bottom-color:var(--color300)}.tabs__item--active{font-weight:600}.period-select{position:relative;display:grid;min-width:220px}.period-select:after{content:"";position:absolute;top:50%;right:18px;width:8px;height:8px;border-right:1.8px solid var(--color500);border-bottom:1.8px solid var(--color500);transform:translateY(-70%) rotate(45deg);pointer-events:none}.period-select select{min-height:50px;border:1px solid var(--border);border-radius:var(--radius-md);padding:0 42px 0 14px;font-size:1rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--bg-panel);color:var(--text-primary);cursor:pointer}.status-block{border-radius:var(--radius-lg);padding:22px 24px}.status-block--error{border-color:var(--color700);background:linear-gradient(180deg,var(--color1000) 0%,var(--color900) 100%)}.status-block__title{margin:0;font-size:1.05rem;font-weight:700}.status-block__description{margin:10px 0 0;color:var(--text-secondary)}.status-block__button{margin-top:16px;min-height:42px;border:0;border-radius:999px;padding:0 18px;background:var(--color200);color:var(--color1000);cursor:pointer}.section-stack{display:grid;gap:24px}.section-grid{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.section-grid--wide{grid-template-columns:minmax(0,1.55fr) minmax(320px,.95fr)}.section-grid--fines{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.kpi-grid{display:grid;gap:18px}.kpi-grid--overview{grid-template-columns:repeat(5,minmax(0,1fr))}.kpi-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.panel{border-radius:var(--radius-xl);padding:22px}.panel__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.panel__title{margin:0;font-size:1.28rem;font-weight:600}.panel__description{margin:8px 0 0;font-size:.98rem;color:var(--text-secondary);line-height:1.5}.panel__content{display:grid;gap:20px}.kpi-card{padding:18px}.kpi-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.kpi-card__title{margin:0 0 10px;font-size:.98rem;color:var(--text-secondary)}.kpi-card__value{font-size:clamp(1.75rem,2vw,2rem);font-weight:700;line-height:1}.kpi-card__value.is-accent,.accent-text{color:var(--text-primary);font-weight:700}.kpi-card__icon{min-width:46px;min-height:46px;border-radius:8px;display:grid;place-items:center;background:var(--color900);border:1px solid var(--border)}.kpi-card__icon-image{width:24px;height:24px;display:block}.kpi-card__description{margin:18px 0 0;font-size:.95rem;color:var(--text-secondary);line-height:1.45}.legend-grid,.stats-grid{display:grid;gap:12px}.legend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.legend-item{display:flex;align-items:center;gap:10px;color:var(--text-secondary)}.legend-item__dot{width:10px;height:10px;border-radius:50%;background:var(--brand)}.vehicle-card__label{display:inline-flex;align-items:center;gap:10px}.vehicle-card__dot{width:12px;height:12px;border-radius:50%;flex:0 0 auto}.stats-grid,.stats-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card,.vehicle-card,.event-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel)}.stat-card{padding:16px 18px}.stat-card__name{color:var(--text-secondary);font-size:.95rem}.stat-card__value{margin-top:8px;font-size:1.2rem;font-weight:700}.stat-card__meta{margin-top:8px;color:var(--text-muted);font-size:.92rem}.chart-wrap{width:100%}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:14px 12px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.data-table th{color:var(--text-secondary);font-weight:600}.data-table tbody tr:last-child td{border-bottom:0}.vehicle-grid,.event-list{display:grid;gap:12px}.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-card{padding:16px}.vehicle-card__header{display:flex;justify-content:space-between;gap:12px;align-items:center}.vehicle-card__track{margin-top:14px;height:10px;border-radius:999px;overflow:hidden;background:var(--bg-muted)}.vehicle-card__fill{height:100%;border-radius:inherit;background:var(--color300)}.fine-hero{position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:24px;background:radial-gradient(circle at top right,rgba(255,255,255,.24),transparent 32%),radial-gradient(circle at 12% 18%,rgba(255,196,214,.22),transparent 30%),linear-gradient(135deg,#ff245f,#ff0b68 36%,#f30079,#d70084);color:#fff7f7;box-shadow:0 20px 42px #d700842e}.fine-hero:after{content:"";position:absolute;inset:auto -40px -52px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#ffffff2e,#fff0 72%);pointer-events:none}.fine-hero__label,.fine-hero__text{position:relative;z-index:1;color:#fff4f4f0}.fine-hero__value{position:relative;z-index:1;margin-top:10px;font-size:clamp(2.8rem,5vw,4.6rem);font-weight:800;line-height:1;color:#fff;text-shadow:0 8px 24px rgba(127,29,29,.32)}.fine-hero__text{margin-top:12px}.fine-band-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.fine-band-card{border:1px solid var(--fine-band-border, var(--border));border-radius:var(--radius-md);background:linear-gradient(135deg,var(--fine-band-soft, rgba(15, 23, 42, .04)),rgba(255,255,255,0) 70%),var(--bg-panel);box-shadow:inset 4px 0 0 var(--fine-band-color, var(--brand));padding:16px 18px}.fine-band-card__header,.fine-band-card__meta{display:flex;align-items:center;justify-content:space-between;gap:16px}.fine-band-card__label{display:inline-flex;align-items:center;gap:10px;min-width:0}.fine-band-card__dot{width:12px;height:12px;border-radius:50%;flex:0 0 auto;background:var(--fine-band-color, var(--brand));box-shadow:0 0 0 6px var(--fine-band-soft, rgba(15, 23, 42, .06))}.fine-band-card__name{color:var(--text-primary);font-weight:700}.fine-band-card__amount,.fine-band-card__revenue{color:var(--fine-band-color, var(--brand));font-weight:700}.fine-band-card__amount{white-space:nowrap}.fine-band-card__meta{margin-top:12px;color:var(--text-secondary);font-size:.95rem}.event-card{padding:18px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.event-card__label{color:var(--text-secondary);font-size:.85rem}.event-card__value{margin-top:8px;font-weight:700}.dashboard-footer{text-align:center;font-size:.95rem;color:var(--text-secondary);padding:12px 0 24px}@media(max-width:1180px){.section-grid,.section-grid--fines,.section-grid--wide,.kpi-grid--overview,.kpi-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.dashboard-page{padding:14px}.hero-card,.toolbar{display:grid}.hero-card__left{align-items:flex-start}.event-card,.kpi-grid--three,.section-grid,.section-grid--fines,.section-grid--wide,.fine-band-grid,.vehicle-grid,.stats-grid,.stats-grid--compact,.kpi-grid--overview,.kpi-grid--four,.legend-grid{grid-template-columns:1fr}}