*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--bg2:#181b27;--bg3:#1e2130;--border:#2d3148;--border2:#374151;--text:#f1f5f9;--text2:#94a3b8;--text3:#64748b;--blue:#3b82f6;--green:#22c55e;--yellow:#f59e0b;--red:#ef4444;--purple:#8b5cf6;--cyan:#06b6d4}html,body,#root{height:100%;overflow-y:scroll}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}input,select,button,textarea{font-family:inherit}input:focus,select:focus{outline:2px solid var(--blue);outline-offset:0}button:focus-visible{outline:2px solid var(--blue)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-in{animation:.2s fadein}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.station-grid{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:16px;display:grid}.info-grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px;display:grid}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:8px;display:grid}.two-col-grid{grid-template-columns:2fr 1fr;align-items:start;gap:20px;display:grid}.dashboard-toolbar,.page-title-row,.command-row,.reset-row,.filters-row{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.dashboard-toolbar,.filters-row,.command-row{flex-wrap:wrap}.mobile-stack-card{min-width:0}.transaction-row{grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.user-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.error-log-row,.station-log-row,.station-log-head{gap:0 12px;min-width:0;display:grid}.error-log-row{grid-template-columns:24px 120px 120px 100px minmax(0,1fr)}.station-log-row,.station-log-head{grid-template-columns:24px 140px 100px 120px minmax(0,1fr)}.chart-scroll{width:100%;overflow:auto hidden}.chart-min{min-width:0}.tabs-scroll{scrollbar-width:thin;overflow:auto hidden}.section-header{min-width:0}@media (width<=768px){:root{--card-padding:1rem}body{font-size:13px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.station-grid,.info-grid,.metric-grid,.two-col-grid,.form-grid{grid-template-columns:1fr}.dashboard-toolbar,.page-title-row,.command-row,.reset-row,.filters-row,.section-header{align-items:stretch}.page-title-row{flex-wrap:wrap;gap:8px}.dashboard-toolbar>*,.filters-row>*,.command-row>*,.reset-row>*,.section-header>button,.section-header>.app-card,.section-header>:last-child{max-width:100%}.dashboard-toolbar input,.filters-row input,.filters-row select,.command-row input,.command-row select,.reset-row select,.command-row button,.reset-row button{width:100%!important}.transaction-row,.user-row,.error-log-row,.station-log-row{grid-template-columns:1fr;gap:6px}.station-log-head{display:none!important}.error-log-row,.station-log-row{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;padding:10px 12px!important}.mobile-stack-card{flex-direction:column!important;align-items:flex-start!important}.mobile-full{width:100%!important}.mobile-hide{display:none!important}.chart-min{min-width:560px}.login-card{width:100%!important;padding:1.25rem!important}}@media (width<=480px){:root{--card-padding:.875rem}.kpi-grid{grid-template-columns:1fr}.app-card{border-radius:10px!important}.tabs-scroll button{padding-inline:14px!important}}