html.dark{color-scheme:dark;--color-background: 11 12 16;--color-surface: 21 24 30;--color-surface-highlight: 31 36 45;--color-text-main: 243 244 246;--color-text-sub: 156 163 175;--color-border: 45 51 66;--color-primary: 14 165 233;--color-secondary: 16 185 129;--color-danger: 239 68 68;--color-warning: 245 158 11;--font-body: "Inter", sans-serif;--font-weight-body: 400;--scrollbar-track: 11 12 16;--scrollbar-thumb: 45 51 66;--scrollbar-thumb-hover: 61 68 82}html.light{color-scheme:light;--color-background: 245 246 248;--color-surface: 228 233 240;--color-surface-highlight: 214 221 232;--color-text-main: 20 27 38;--color-text-sub: 76 88 104;--color-border: 190 198 210;--color-primary: 37 99 235;--color-secondary: 5 150 105;--color-danger: 220 38 38;--color-warning: 217 119 6;--font-body: "Manrope", sans-serif;--font-weight-body: 500;--scrollbar-track: 224 230 239;--scrollbar-thumb: 184 193 207;--scrollbar-thumb-hover: 160 171 188}body{background-color:rgb(var(--color-background));color:rgb(var(--color-text-main));font-family:var(--font-body);font-weight:var(--font-weight-body);transition:background-color .2s ease,color .2s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgb(var(--scrollbar-track))}::-webkit-scrollbar-thumb{background:rgb(var(--scrollbar-thumb));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgb(var(--scrollbar-thumb-hover))}html.light [class*=text-white],html.light [class*="text-[#f3f4f6]"]{color:rgb(var(--color-text-main))!important}html.light [class*=bg-primary][class*=text-white],html.light [class*=bg-secondary][class*=text-white],html.light [class*=bg-danger][class*=text-white],html.light [class*=bg-warning][class*=text-white]{color:#fff!important}html.light [class*="bg-[#0b0c10]"]{background-color:rgb(var(--color-background))!important}html.light [class*="bg-[#0f1115]"],html.light [class*="bg-[#111217]"],html.light [class*="bg-[#111318]"],html.light [class*="bg-[#15181e]"],html.light [class*="bg-[#161920]"]{background-color:rgb(var(--color-surface))!important}html.light [class*="bg-[#1a1c23]"],html.light [class*="bg-[#1a1d24]"],html.light [class*="bg-[#1f242d]"],html.light [class*="bg-[#20242c]"],html.light [class*="bg-[#252830]"],html.light [class*="bg-[#252831]"]{background-color:rgb(var(--color-surface-highlight))!important}html.light [class*="bg-[#2d3342]"]{background-color:rgb(var(--color-border))!important}html.light [class*="border-[#0b0c10]"],html.light [class*="border-[#2d3342]"]{border-color:rgb(var(--color-border))!important}html.light header,html.light aside{background-color:rgb(var(--color-surface-highlight))!important}.animate-fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-dashboard{@apply min-h-screen bg-[#0b0c10] text-[#f3f4f6] flex flex-col p-4;font-family:Inter,sans-serif}.mobile-dashboard-header{@apply flex justify-between items-center mb-6;}.machine-badge{@apply bg-primary/20 text-primary px-3 py-1 rounded-full text-sm font-bold border border-primary/30;}.status-indicator{@apply flex items-center gap-2;}.status-dot{@apply w-3 h-3 rounded-full;}.status-dot.running{@apply bg-secondary shadow-[0_0_10px_rgba(16,185,129,.5)] animate-pulse;}.status-dot.setup{@apply bg-warning shadow-[0_0_10px_rgba(245,158,11,.5)];}.status-dot.stopped{@apply bg-danger shadow-[0_0_10px_rgba(239,68,68,.5)];}.op-info-card{@apply bg-[#15181e] border border-[#2d3342] rounded-2xl p-4 mb-6 shadow-xl;}.op-codigo{@apply text-text-sub-dark text-xs font-bold uppercase tracking-widest mb-1;}.op-produto{@apply text-white text-lg font-bold leading-tight mb-4;}.metrics-grid{@apply grid grid-cols-3 gap-4;}.metric-item{@apply flex flex-col items-center;}.metric-label{@apply text-text-sub-dark text-[10px] uppercase font-bold mb-1;}.metric-value{@apply text-white text-xl font-display font-bold;}.metric-value.highlight{@apply text-primary;}.action-grid{@apply grid grid-cols-2 gap-4 flex-1;}.mobile-action-btn{@apply flex flex-col items-center justify-center gap-3 rounded-2xl border transition-all active:scale-95 text-center p-6;}.mobile-action-btn.primary{@apply bg-primary border-primary/50 text-white shadow-[0_4px_20px_rgba(14,165,233,.3)];}.mobile-action-btn.secondary{@apply bg-[#1a1d24] border-[#2d3342] text-white;}.mobile-action-btn.danger{@apply bg-danger/10 border-danger/30 text-danger;}.mobile-action-btn .material-icons-outlined{@apply text-4xl;}.btn-label{@apply text-sm font-bold;}.quick-counters{@apply mt-6 grid grid-cols-2 gap-4;}.counter-box{@apply bg-[#1a1d24] border border-[#2d3342] rounded-2xl p-4 flex flex-col items-center;}.counter-controls{@apply flex items-center justify-between w-full mt-2;}.counter-btn{@apply w-12 h-12 rounded-xl bg-[#2d3342] flex items-center justify-center text-white active:bg-primary transition-colors;}.counter-display{@apply text-2xl font-bold font-mono;}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes pulse-border{0%,to{border-color:#eab308;box-shadow:0 0 20px #eab30833}50%{border-color:#facc15;box-shadow:0 0 30px #facc1566}}.animate-pulse-border{animation:pulse-border 2s ease-in-out infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 3s linear infinite}@keyframes drift{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}@keyframes drift-reverse{0%{transform:translate(100px,50px) scale(.9)}33%{transform:translate(-30px,100px) scale(1.1)}66%{transform:translate(50px,-20px) scale(1)}to{transform:translate(100px,50px) scale(.9)}}@keyframes blob{0%{border-radius:42% 58% 70% 30%/45% 45% 55% 55%}33%{border-radius:70% 30% 46% 54%/30% 29% 71% 70%}66%{border-radius:44% 56% 61% 39%/69% 51% 49% 31%}to{border-radius:42% 58% 70% 30%/45% 45% 55% 55%}}.animate-drift{animation:drift 15s ease-in-out infinite}.animate-drift-reverse{animation:drift-reverse 20s ease-in-out infinite}.animate-blob{animation:blob 10s ease-in-out infinite}@keyframes pulse-slow{0%,to{opacity:.5}50%{opacity:1}}.animate-pulse-slow{animation:pulse-slow 2s cubic-bezier(.4,0,.6,1) infinite}