:root{--color-bg: #000000;--color-surface: #0A0A0A;--color-surface-alt: #111111;--color-text-primary: #FFFFFF;--color-text-secondary: #888888;--color-accent: #FF4F00;--color-alert: #FF3B30;--color-success: #34C759;--color-border: #333333;--color-border-light: #222222;--font-ui: "Inter", sans-serif;--font-data: "JetBrains Mono", monospace;--grid-unit: 8px;--nav-height: 72px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.industrial-card{background:var(--color-surface);border:1px solid var(--color-border);padding:calc(var(--grid-unit) * 2);border-radius:0}.industrial-btn{background:var(--color-accent);color:var(--color-bg);border:none;padding:var(--grid-unit) calc(var(--grid-unit) * 2);font-family:var(--font-data);text-transform:uppercase;font-weight:700;cursor:pointer;border-radius:0;transition:transform .1s ease}.industrial-btn:active{transform:translateY(2px)}.mono-text{font-family:var(--font-data)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.text-alert{color:var(--color-alert)}.text-success{color:var(--color-success)}.page-header{padding:20px;border-bottom:1px solid var(--color-border)}.page-header h1{font-family:var(--font-ui);font-size:1.5rem;font-weight:800;margin:0 0 4px;letter-spacing:-.5px}.page-header .subtitle{font-family:var(--font-data);font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px}.badge{display:inline-block;padding:4px 8px;font-family:var(--font-data);font-size:.65rem;text-transform:uppercase;border:1px solid var(--color-border);background:transparent}.badge--fuel{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.badge--challan{border-color:var(--color-alert);color:var(--color-alert);background:#ff3b301a}.badge--service{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-secondary)}.status-dot--active{background:var(--color-success)}@keyframes skeleton-pulse{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}.skeleton{background:linear-gradient(90deg,var(--color-surface-alt) 0%,var(--color-border-light) 50%,var(--color-surface-alt) 100%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px}.skeleton-text{height:14px;margin-bottom:8px;border-radius:2px}.skeleton-text.sm{height:10px;width:60%}.skeleton-text.lg{height:20px}.skeleton-box{width:100%;height:100%}.skeleton-circle{border-radius:50%}