:root{--bg-app:#0a0b0d;--bg-sidebar:#0e1013;--bg-surface:#13161a;--bg-surface-elevated:#181c21;--bg-surface-hover:#1e232a;--bg-surface-active:#222830;--border-subtle:#1c2026;--border-default:#252a30;--border-strong:#333942;--border-focus:#495260;--text-primary:#f4f5f6;--text-secondary:#8c939d;--text-muted:#5e656e;--text-inverse:#0a0b0d;--accent-primary:#d7ff3f;--accent-hover:#c4ec30;--accent-dim:#d7ff3f1f;--accent-subtle:#d7ff3f0d;--accent-border:#d7ff3f4d;--accent-glow:#d7ff3f26;--status-ready:#34d399;--status-ready-bg:#34d39914;--status-ready-border:#34d39940;--status-in-progress:#38bdf8;--status-in-progress-bg:#38bdf814;--status-in-progress-border:#38bdf840;--status-qc:#fbbf24;--status-qc-bg:#fbbf2414;--status-qc-border:#fbbf2440;--status-pending:#a78bfa;--status-pending-bg:#a78bfa14;--status-pending-border:#a78bfa40;--status-danger:#f87171;--status-danger-bg:#f8717114;--status-danger-border:#f8717140;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Space Grotesk", "Inter", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-xs:4px;--radius-sm:8px;--radius-md:10px;--radius-card:14px;--radius-lg:16px;--radius-feature:18px;--radius-full:9999px;--sidebar-width:254px;--sidebar-collapsed-width:72px;--header-height:60px;--content-max-width:1540px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-elevated:0 12px 32px #0009;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-normal:.2s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.35s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100vh;font-size:14px;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}button{cursor:pointer}.font-display{font-family:var(--font-display)}.text-title{letter-spacing:-.025em;color:var(--text-primary);font-size:32px;font-weight:600;line-height:1.2}.text-heading{letter-spacing:-.015em;color:var(--text-primary);font-size:22px;font-weight:600}.text-card-title{letter-spacing:-.01em;color:var(--text-primary);font-size:16px;font-weight:600}.text-body{color:var(--text-secondary);font-size:14px}.text-metadata{color:var(--text-muted);letter-spacing:.04em;font-size:12px}.text-kpi{font-family:var(--font-display);letter-spacing:-.03em;font-size:40px;font-weight:600;line-height:1}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:11px;font-weight:600}.app-container{background-color:var(--bg-app);min-height:100vh;display:flex}.main-wrapper{background-color:var(--bg-app);flex-direction:column;flex:1;min-width:0;display:flex}.page-content{max-width:var(--content-max-width);flex:1;width:100%;margin:0 auto;padding:32px 40px}.studio-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-card);transition:border-color var(--transition-fast), background-color var(--transition-fast)}.studio-card:hover{border-color:var(--border-strong)}.studio-card-elevated{background:var(--bg-surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-card)}.interactive-row{transition:background-color var(--transition-fast)}.interactive-row:hover{background-color:var(--bg-surface-hover)}.studio-table{border-collapse:separate;border-spacing:0;width:100%;font-size:14px}.studio-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-default);background:var(--bg-surface);padding:12px 18px;font-size:11px;font-weight:600}.studio-table td{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:16px 18px}.studio-table tr:last-child td{border-bottom:none}.studio-table tr:hover td{color:var(--text-primary);background-color:#ffffff05}.studio-table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.studio-header{padding:0 36px}.header-search{width:320px}.dashboard-kpis{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-card);grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.dashboard-hero-grid{grid-template-columns:1.15fr 1.85fr;gap:24px;display:grid}.job-detail-grid{grid-template-columns:1.8fr 1.2fr;gap:28px;display:grid}.vehicle-hero-grid{grid-template-columns:1.5fr 1fr;gap:24px;display:grid}.billing-grid{grid-template-columns:1.5fr 1fr;gap:28px;display:grid}.quotation-grid{grid-template-columns:1.4fr 1fr;gap:28px;display:grid}.reports-kpis{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-card);grid-template-columns:repeat(5,1fr);display:grid;overflow:hidden}.reports-main-grid{grid-template-columns:1.4fr 1fr;gap:24px;display:grid}.inventory-main-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.payments-headline-grid{grid-template-columns:1.2fr 1.6fr;gap:32px;display:grid}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.2s cubic-bezier(.16,1,.3,1) forwards fadeIn}@media (width<=1024px){:root{--sidebar-width:68px}.sidebar-brand-text,.sidebar-section-title,.sidebar-item-label,.sidebar-item-badge,.sidebar-status-text,.sidebar-user-text{display:none!important}.sidebar-item{justify-content:center!important;padding:10px 0!important}.studio-header{padding:0 20px}.header-search{width:220px}.page-content{padding:24px 20px}.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.reports-kpis{grid-template-columns:repeat(3,1fr)}.dashboard-hero-grid,.job-detail-grid,.vehicle-hero-grid,.billing-grid,.quotation-grid,.reports-main-grid,.inventory-main-grid,.payments-headline-grid{grid-template-columns:1fr}}@media (width<=768px){.studio-header{padding:0 16px}.header-breadcrumbs{display:none!important}.header-search{width:160px}.page-content{padding:20px 16px}.dashboard-kpis,.reports-kpis{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.dashboard-kpis,.reports-kpis{grid-template-columns:1fr}}