:root{--bg-main: #F4F6FA;--bg-panel: #FFFFFF;--bg-panel-hover:#F1F3F8;--bg-input: #FFFFFF;--border-color: #DDE3EE;--border-focus: #F97316;--text-main: #111827;--text-muted: #374151;--text-dim: #6B7280;--accent-primary:#F97316;--accent-orange: #EA580C;--accent-cyan: #0891B2;--status-success:#059669;--status-warning:#D97706;--status-error: #DC2626;--status-neutral:#6B7280;--type-heater: #F97316;--type-cooler: #0891B2;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);font-size:14px;line-height:1.5;min-height:100vh;overflow-x:hidden}.font-mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.scada-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 6px #0f172a0f,0 4px 16px #0f172a0a;transition:border-color .2s ease,box-shadow .2s ease}.scada-card:hover{border-color:#c8d0e0;box-shadow:0 2px 10px #0f172a17}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;font-weight:600;font-size:13px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.btn-primary{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border-color:#fb923c;box-shadow:0 4px 14px #f973164d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 6px 20px #f9731673;transform:translateY(-1px)}.btn-secondary{background:#fff;color:var(--text-main);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background:#f1f3f8;border-color:#c8d0e0}.btn-edit{background:#fff;color:var(--text-main);border:1px solid var(--border-color);padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;transition:all .15s ease}.btn-edit:hover{background:#f1f3f8;border-color:var(--accent-primary);color:var(--accent-primary)}.btn-danger{background:#dc262614;color:#dc2626;border-color:#dc26264d}.btn-danger:hover:not(:disabled){background:#dc262624;border-color:#dc2626}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.input,.select,.textarea{width:100%;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;padding:9px 14px;color:var(--text-main);font-size:13px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input:focus,.select:focus,.textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #f9731626}.input.error,.select.error{border-color:var(--status-error)}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-dim);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.scada-table-container{width:100%;overflow-x:auto;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-panel);box-shadow:0 1px 4px #0f172a0d}.scada-table{width:100%;border-collapse:collapse;text-align:left}.scada-table th{background:#f8f9fc;color:#6b7280;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:13px 20px;border-bottom:1px solid var(--border-color)}.scada-table td{padding:13px 20px;border-bottom:1px solid #EDF0F7;color:var(--text-main);font-size:13px;vertical-align:middle}.scada-table tbody tr{transition:background-color .12s ease}.scada-table tbody tr:hover{background-color:var(--bg-panel-hover)}.scada-table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:9999px;font-size:11px;font-weight:600;letter-spacing:.2px}.badge-online{background:#0596691a;color:#059669;border:1px solid rgba(5,150,105,.25)}.badge-offline{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.25)}.badge-heater{background:#f973161a;color:#ea580c;border:1px solid rgba(249,115,22,.25)}.badge-cooler{background:#0891b21a;color:#0891b2;border:1px solid rgba(8,145,178,.25)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#e8ecf3 25%,#f1f4f9,#e8ecf3 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}