@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";.boot-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg-base)}.boot-spinner{width:40px;height:40px;animation:boot-spin .9s var(--ease-linear) infinite}@keyframes boot-spin{to{transform:rotate(360deg)}}:root{--color-green-700: #15803d;--color-blue-800: #1e40af;--color-blue-950: #0b1f5f;--color-orange-700: #b45309;--color-orange-500: #f97316;--color-purple-500: #a855f7;--color-pink-500: #ec4899;--color-yellow-400: #facc15;--color-cyan-400: #22d3ee;--color-cyan-500: #06b6d4;--bg-base: #050807;--bg-elevated: #0a0f0d;--bg-surface: #111916;--bg-surface-hover: #1a2420;--bg-card: rgba(17, 25, 22, .7);--bg-card-solid: #111916;--accent: #10b981;--accent-light: #34d399;--accent-dark: #059669;--accent-glow: rgba(16, 185, 129, .15);--accent-secondary: #8b5cf6;--accent-secondary-light: #a78bfa;--accent-tertiary: #84cc16;--text-primary: #f0fdf4;--text-secondary: #a3a3a3;--text-muted: #6b7280;--text-accent: #10b981;--text-on-accent: #ffffff;--border: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .1);--border-accent: rgba(16, 185, 129, .3);--glass-bg: rgba(17, 25, 22, .6);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 20px;--gradient-primary: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-card: linear-gradient(145deg, rgba(255, 255, 255, .03) 0%, transparent 50%);--gradient-mesh: radial-gradient(ellipse at 0% 0%, rgba(16, 185, 129, .15) 0%, transparent 50%), radial-gradient(ellipse at 100% 0%, rgba(139, 92, 246, .08) 0%, transparent 50%), radial-gradient(ellipse at 50% 100%, rgba(16, 185, 129, .05) 0%, transparent 50%);--danger: #ef4444;--warning: #f59e0b;--info: #3b82f6;--success: #10b981;--neutral: #64748b;--chart-palette-1: #96e300;--chart-palette-2: #3b82f6;--chart-palette-3: #f59e0b;--chart-palette-4: #ef4444;--chart-palette-5: #8b5cf6;--chart-palette-6: #06b6d4;--chart-palette-7: #ec4899;--chart-palette-8: #84cc16;--chart-palette-9: #facc15;--chart-palette-10: #22d3ee;--chart-palette-11: #f97316;color-scheme:dark}[data-theme=swiss]{--bg-base: #1a0000;--bg-elevated: #2a0808;--bg-surface: #3a1010;--bg-surface-hover: #4a1818;--bg-card: rgba(58, 16, 16, .8);--bg-card-solid: #3a1010;--accent: #ff0000;--accent-light: #ff3333;--accent-dark: #cc0000;--accent-glow: rgba(255, 0, 0, .15);--accent-secondary: #ffffff;--accent-secondary-light: #ffffff;--accent-tertiary: #ff4444;--text-primary: #f0e8e8;--text-secondary: #b0a0a0;--text-muted: #806060;--text-on-accent: #ffffff;--border: rgba(255, 0, 0, .12);--border-medium: rgba(255, 0, 0, .2);--border-strong: rgba(255, 0, 0, .3);--border-accent: rgba(255, 0, 0, .3)}[data-theme=starwars]{--bg-base: #0a0a12;--bg-elevated: #12121f;--bg-surface: #1a1a2e;--bg-surface-hover: #222240;--bg-card: rgba(26, 26, 46, .8);--bg-card-solid: #1a1a2e;--accent: #ffd700;--accent-light: #ffe44d;--accent-dark: #ccac00;--accent-glow: rgba(255, 215, 0, .15);--accent-secondary: #ff4444;--accent-secondary-light: #ff6b6b;--accent-tertiary: #4488ff;--text-primary: #e8e6e3;--text-secondary: #a0a0b0;--text-muted: #6b6b80;--text-on-accent: #ffffff;--border: rgba(255, 215, 0, .12);--border-medium: rgba(255, 215, 0, .2);--border-strong: rgba(255, 215, 0, .3);--border-accent: rgba(255, 215, 0, .3)}[data-theme=light]{--bg-base: #f8faf9;--bg-elevated: #ffffff;--bg-surface: #f0f4f2;--bg-surface-hover: #e8eeeb;--bg-card: rgba(255, 255, 255, .8);--bg-card-solid: #ffffff;--accent: #059669;--accent-light: #10b981;--accent-dark: #047857;--accent-glow: rgba(5, 150, 105, .08);--accent-secondary: #7c3aed;--text-primary: #0f1f1a;--text-secondary: #4b5563;--text-muted: #9ca3af;--text-accent: #059669;--text-on-accent: #ffffff;--border: rgba(0, 0, 0, .06);--border-medium: rgba(0, 0, 0, .1);--border-accent: rgba(5, 150, 105, .3);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .06);--gradient-mesh: radial-gradient(ellipse at 0% 0%, rgba(16, 185, 129, .06) 0%, transparent 50%), radial-gradient(ellipse at 100% 0%, rgba(139, 92, 246, .04) 0%, transparent 50%);color-scheme:light}:root{--sidebar-width: 260px;--header-height: 56px;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-3-5: 14px;--space-4: 16px;--space-4-5: 18px;--space-5: 20px;--space-5-5: 22px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px}:root{--control-h-sm: 32px;--control-h-md: 40px;--control-h-lg: 48px;--control-py-sm: var(--space-1-5);--control-py-md: var(--space-2-5);--control-py-lg: var(--space-3);--control-px-sm: var(--space-3);--control-px-md: var(--space-3-5);--control-px-lg: var(--space-4);--control-px-sm-tight: var(--space-2-5);--control-px-button-lg: var(--space-6)}:root{--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--radius: 12px}:root{--border-width-hairline: 1px;--border-width-thick: 2px}:root{--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--letter-spacing-tight: -.03em;--letter-spacing-normal: 0;--letter-spacing-wide: .04em;--letter-spacing-wider: .08em;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-xl: 16px;--font-size-2xl: 18px;--font-size-3xl: 20px;--font-size-4xl: 24px;--font-size-5xl: 28px;--font-size-6xl: 32px;--font-size-7xl: 40px;--font-size-display: 48px;--font-size-display-lg: 64px}:root{--duration-instant: .1s;--duration-fast: .15s;--duration-snappy: .2s;--duration-normal: .25s;--duration-moderate: .3s;--duration-slow: .4s;--duration-slower: .5s;--duration-slowest: .6s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-default: ease;--ease-linear: linear;--ease-in: ease-in;--ease-out: ease-out;--ease-in-out: ease-in-out}:root{--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(16, 185, 129, .15);--shadow-glow-intense: 0 0 60px rgba(16, 185, 129, .25);--shadow-card: 0 0 0 1px var(--border), 0 4px 24px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .04);--shadow-card-hover: 0 0 0 1px var(--border-medium), 0 8px 40px rgba(0, 0, 0, .5), 0 0 60px rgba(16, 185, 129, .08), inset 0 1px 0 rgba(255, 255, 255, .06);--shadow-focus: 0 0 0 3px var(--accent-glow);--shadow-focus-error: 0 0 0 3px color-mix(in srgb, var(--danger) 15%, transparent);--shadow-accent: 0 4px 20px color-mix(in srgb, var(--accent) 30%, transparent);--shadow-accent-lg: 0 8px 30px color-mix(in srgb, var(--accent) 40%, transparent);--shadow-drawer: -4px 0 20px color-mix(in srgb, black 25%, transparent)}[data-theme=swiss]{--shadow-glow: 0 0 40px rgba(255, 0, 0, .15);--shadow-glow-intense: 0 0 60px rgba(255, 0, 0, .25)}[data-theme=starwars]{--shadow-glow: 0 0 40px rgba(255, 215, 0, .15);--shadow-glow-intense: 0 0 60px rgba(255, 215, 0, .25)}[data-theme=light]{--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--shadow-glow: 0 0 40px rgba(5, 150, 105, .08);--shadow-card: 0 0 0 1px var(--border), 0 4px 24px rgba(0, 0, 0, .06), inset 0 1px 0 rgba(255, 255, 255, .8);--shadow-card-hover: 0 0 0 1px var(--border-medium), 0 8px 40px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .9)}:root{--z-base: 1;--z-raised: 10;--z-dropdown: 50;--z-tooltip: 60;--z-backdrop: 90;--z-sticky: 100;--z-sidebar: 200;--z-overlay: 1000;--z-modal: 10000;--z-toast: 100000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:var(--font-size-base);line-height:1.5;color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background:var(--bg-base);background-image:var(--gradient-mesh);background-attachment:fixed;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-light)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fade-out-scale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px color-mix(in srgb,var(--success) 20%,transparent)}50%{box-shadow:0 0 40px color-mix(in srgb,var(--success) 40%,transparent)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shine{0%{left:-100%}to{left:200%}}.animate-fade-in-up{animation:fade-in-up var(--duration-slow) var(--ease-out-expo) forwards}.animate-fade-in-scale{animation:fade-in-scale var(--duration-normal) var(--ease-out-expo) forwards}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--glass-border);position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;z-index:var(--z-sticky)}.sidebar-logo{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--space-3)}.sidebar-logo .logo-icon{width:36px;height:36px;background:var(--gradient-primary);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--text-on-accent);font-size:var(--font-size-xl);box-shadow:var(--shadow-glow)}.sidebar-logo .logo-stack{flex:1 1 auto;min-width:0;text-align:center;overflow:hidden}.sidebar-logo .logo-text{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);line-height:1.15;overflow-wrap:anywhere}.sidebar-logo .logo-text--long{font-size:var(--font-size-base)}.sidebar-logo .logo-text--xlong{font-size:var(--font-size-sm);letter-spacing:.2px}.sidebar-logo .logo-sub{font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav{flex:1;padding:var(--space-3);overflow-y:auto}.nav-section{margin-bottom:var(--space-6)}.nav-section-title{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:0 var(--space-2);margin-bottom:var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius);color:var(--text-secondary);font-size:var(--font-size-base);font-weight:500;transition:all var(--duration-fast) var(--ease-out-expo);cursor:pointer}.nav-item:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-glow);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl)}.main-content{flex:1;margin-left:var(--sidebar-width);padding:var(--space-6);min-height:100vh;max-width:100vw;overflow-x:hidden}.main-content>*{max-width:100%}.page-header{margin-bottom:var(--space-6)}.page-header h1{font-size:var(--font-size-4xl);font-weight:800;color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:-.02em}.page-header p{color:var(--text-secondary);font-size:var(--font-size-base)}.r-field{display:contents}.r-field[data-label-position]{display:inline-flex;gap:var(--space-1-5)}.r-field[data-label-position=top]{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.r-field[data-label-position=left]{flex-direction:row;align-items:center;gap:var(--space-1-5)}.r-field>.r-field-label{margin:0;padding:0;font-size:var(--font-size-base);font-weight:500;line-height:var(--line-height-tight);color:var(--text-secondary);text-transform:none;letter-spacing:normal;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.r-field[data-size=sm]>.r-field-label{font-size:var(--font-size-sm)}.r-field[data-size=lg]>.r-field-label{font-size:var(--font-size-lg)}.r-field--multiline[data-label-position]{display:flex}.r-field--multiline[data-label-position=top]{align-items:stretch}.r-field--multiline[data-label-position=left]{align-items:flex-start}.r-field--multiline[data-label-position]>:not(.r-field-label){flex:1;min-width:0}.r-field--multiline[data-label-position=left]>.r-field-label{padding-top:var(--space-2-5)}.r-field--multiline[data-label-position=left][data-size=sm]>.r-field-label{padding-top:var(--space-1-5)}.r-field--multiline[data-label-position=left][data-size=lg]>.r-field-label{padding-top:var(--space-3)}.card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-5);margin-bottom:var(--space-4);box-shadow:var(--shadow-card);position:relative;overflow:hidden;transition:all var(--duration-normal) var(--ease-out-expo)}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-card);pointer-events:none}.card.clickable{cursor:pointer}.card.clickable:hover{border-color:var(--accent)}.card-static{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-5);box-shadow:var(--shadow-card)}.card-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-4)}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3);margin-bottom:var(--space-5)}.kpi-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-1-5);box-shadow:var(--shadow-card);transition:all var(--duration-normal) var(--ease-out-expo);position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-card);pointer-events:none}.kpi-card.clickable{cursor:pointer}.kpi-card.clickable:hover{border-color:var(--accent)}.kpi-card .kpi-label{font-size:var(--font-size-base);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.kpi-card .kpi-value{margin-top:auto;font-size:var(--font-size-6xl);font-weight:800;line-height:1.2;letter-spacing:-.03em;font-family:Plus Jakarta Sans,sans-serif}.data-table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;padding:var(--space-2-5) var(--space-3);font-size:var(--font-size-sm);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-medium);white-space:nowrap}td{padding:var(--space-3);font-size:var(--font-size-base);color:var(--text-primary);border-bottom:1px solid var(--border)}tr{transition:background var(--duration-fast)}tr:hover td{background:var(--bg-surface-hover)}.badge{display:inline-block;padding:var(--space-0-5) var(--space-2-5);border-radius:9999px;font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-active{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.badge-inactive{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.badge-connected{background:color-mix(in srgb,var(--info) 15%,transparent);color:var(--info)}.badge-virtual{background:color-mix(in srgb,var(--color-purple-500) 15%,transparent);color:var(--color-purple-500)}.badge-diesel{background:color-mix(in srgb,var(--chart-palette-3) 15%,transparent);color:var(--chart-palette-3)}.badge-gaz{background:color-mix(in srgb,var(--chart-palette-6) 15%,transparent);color:var(--chart-palette-6)}.badge-electric{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.badge-hvo{background:color-mix(in srgb,var(--chart-palette-8) 15%,transparent);color:var(--chart-palette-8)}.filters-row{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.filter-select{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius);padding:var(--space-2-5) var(--space-3-5);color:var(--text-primary);font-size:var(--font-size-base);font-family:Plus Jakarta Sans,sans-serif;outline:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast);min-width:200px}.filter-select:focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}.filter-select option{background:var(--bg-surface);color:var(--text-primary)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;color:var(--text-muted);font-size:var(--font-size-base)}.pagination-buttons{display:flex;gap:var(--space-2)}.btn{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-2-5) var(--space-4-5);border-radius:var(--radius);font-size:var(--font-size-base);font-weight:600;cursor:pointer;border:1px solid var(--border-medium);background:var(--bg-surface);color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;transition:all var(--duration-fast) var(--ease-out-expo)}.btn:hover{background:var(--bg-surface-hover);border-color:var(--border-accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-accent{background:var(--gradient-primary);color:var(--text-on-accent);border-color:transparent;font-weight:700;box-shadow:var(--shadow-glow)}.btn-accent:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:var(--shadow-glow-intense)}[data-theme=light] .btn:hover{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}[data-theme=light] .btn-accent:hover{color:var(--text-on-accent)}[data-theme=light] .upload-zone{border-color:var(--border-medium);background:var(--bg-elevated)}[data-theme=light] .upload-zone:hover{border-color:var(--accent);background:color-mix(in srgb,var(--success) 4%,transparent)}[data-theme=light] .upload-zone.dragover{border-color:var(--accent);background:color-mix(in srgb,var(--success) 8%,transparent)}[data-theme=light] .filter-select{background:var(--bg-elevated);border-color:var(--border-medium);color:var(--text-primary)}[data-theme=light] .card,[data-theme=light] .kpi-card{background:var(--bg-card)}[data-theme=light] .nav-item:hover{background:var(--bg-surface-hover)}[data-theme=light] .nav-item.active{background:color-mix(in srgb,var(--accent-dark) 8%,transparent);color:var(--accent)}[data-theme=light] code{background:var(--bg-surface);color:var(--text-primary)}[data-theme=light] .badge{border:1px solid color-mix(in srgb,black 6%,transparent)}.info-card{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.info-field{display:flex;flex-direction:column;gap:var(--space-0-5)}.info-field .field-label{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.info-field .field-value{font-size:var(--font-size-base);color:var(--text-primary)}.chart-container{width:100%;min-height:200px;max-width:100%;overflow-x:auto;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border-radius:var(--radius);color:var(--text-muted);font-size:var(--font-size-base)}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-muted);font-size:var(--font-size-base)}.loading-spinner{width:40px;height:40px;border:3px solid color-mix(in srgb,var(--success) 20%,transparent);border-top-color:var(--accent);border-radius:50%;animation:spin .8s var(--ease-linear) infinite;margin-right:var(--space-3)}.skeleton-group{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-2) 0}.skeleton-row{display:flex;gap:var(--space-4)}.skeleton{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-surface-hover) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px;height:20px}.skeleton-kpi{flex:1;height:100px;background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-surface-hover) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}.skeleton-chart{width:100%;height:260px;background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-surface-hover) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}.skeleton-table-row{width:100%;height:44px;background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-surface-hover) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.skeleton-text{width:60%}.skeleton-text-short{width:35%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stale-overlay{position:relative}.stale-overlay:after{content:"";position:absolute;top:8px;right:8px;width:12px;height:12px;border:2px solid color-mix(in srgb,var(--success) 30%,transparent);border-top-color:var(--accent);border-radius:50%;animation:spin .8s var(--ease-linear) infinite;opacity:.7}.error-box{background:color-mix(in srgb,var(--danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);border-radius:var(--radius);padding:var(--space-4);color:var(--danger);font-size:var(--font-size-base)}.font-mono{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:1024px){.sidebar{transform:translate(-100%);transition:transform var(--duration-moderate) var(--ease-out-expo);box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:4px 0 40px color-mix(in srgb,black 50%,transparent)}.main-content{margin-left:0}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-backdrop);background:color-mix(in srgb,black 40%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.burger-btn{display:flex!important}.main-content{padding-top:60px}}@media(max-width:768px){.main-content{padding:var(--space-4) var(--space-3);max-width:100vw!important}.page-header h1{font-size:var(--font-size-3xl)}.page-header p{font-size:var(--font-size-sm)}.page-header{margin-bottom:var(--space-4)}.main-content *{max-width:100%!important;box-sizing:border-box!important}.main-content img,.main-content canvas,.main-content svg{max-width:100%!important;height:auto!important}.kpi-row,.kpi-grid{grid-template-columns:1fr 1fr!important;gap:var(--space-2)!important}.kpi-card{padding:var(--space-3-5) var(--space-4)}.kpi-card .kpi-value{font-size:var(--font-size-4xl)}.kpi-card .kpi-label{font-size:var(--font-size-sm)}.data-table-wrapper,.card{overflow-x:auto!important;-webkit-overflow-scrolling:touch}table{min-width:0!important;width:100%!important}th,td{padding:var(--space-2);font-size:var(--font-size-sm);white-space:nowrap}.card{padding:var(--space-3-5);border-radius:var(--radius);overflow-x:auto!important}.filters-row,.filter-bar{flex-direction:column!important;gap:var(--space-2)}.filter-input,.input,select{width:100%!important;min-width:0!important}.chart-row,.two-cols{grid-template-columns:1fr!important}.chart-container{min-height:180px;overflow:hidden!important}.time-picker-row{flex-direction:column;align-items:stretch}.presets,.custom-range{flex-wrap:wrap}.company-filter{margin-left:0}.live-page .live-layout,.map-layout{flex-direction:column!important}.map-container{height:40vh!important;min-height:250px;flex:none!important}.map-sidebar{width:100%!important;max-height:50vh;border-radius:10px;overflow-y:auto}.vehicle-list-panel{max-height:50vh;width:100%!important}.vehicle-grid{grid-template-columns:1fr!important}.info-card,.panel-grid{grid-template-columns:1fr 1fr!important}.sidebar-footer{padding:var(--space-2)}.footer-controls{flex-direction:column}.data-table-wrapper{display:block!important;overflow-x:auto!important}}@media(max-width:480px){.kpi-row,.kpi-grid{grid-template-columns:1fr 1fr!important}.kpi-card{padding:var(--space-2-5) var(--space-3)}.kpi-card .kpi-value{font-size:var(--font-size-3xl)}.kpi-card .kpi-label{font-size:var(--font-size-xs)}.page-header h1{font-size:var(--font-size-2xl)}.main-content{padding:var(--space-3) var(--space-2)}.info-card,.panel-grid{grid-template-columns:1fr!important}.vehicle-card{padding:var(--space-2-5)}.companion-container .companion-avatar{width:60px!important;height:60px!important}.companion-container .avatar-logo{width:40px!important;height:40px!important}.companion-panel{width:90vw!important;max-width:300px}}@media(max-width:360px){.kpi-row,.kpi-grid{grid-template-columns:1fr!important}.kpi-card{padding:var(--space-2-5)}.kpi-card .kpi-value{font-size:var(--font-size-2xl)}.main-content{padding:var(--space-2-5) var(--space-1-5)}.card{padding:var(--space-2-5)}.companion-panel{width:260px}.login-card{padding:var(--space-5) var(--space-4)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}[data-reka-popper-content-wrapper]:has(.r-select-content){z-index:var(--z-modal)!important}