:root,[data-theme=dark]{--surface-main:#0b0f19;--surface-card:#141b2d;--surface-input:#1e2942;--border-line:#222f4d;--text-main:#fff;--text-muted:#94a3b8;--electrical:#38bdf8;--temperature:#fbbf24;--tank_level:#d946ef;--pressure:#4ade80;--security:#f87171}[data-theme=light]{--surface-main:#f1f5f9;--surface-card:#fff;--surface-input:#f8fafc;--border-line:#cbd5e1;--text-main:#0f172a;--text-muted:#64748b;--electrical:#0284c7;--temperature:#b45309;--tank_level:#a21caf;--pressure:#15803d;--security:#b91c1c}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{color:var(--text-main);min-height:100vh;padding:16px;transition:background-color .3s,color .3s;background-color:var(--surface-main)!important}.app-container{flex-direction:column;gap:20px;width:100%;max-width:1650px;margin:0 auto;display:flex}.dashboard-header{border-bottom:1px solid var(--border-line);flex-direction:column;gap:16px;padding-bottom:16px;display:flex}@media (width>=768px){.dashboard-header{flex-direction:row;justify-content:space-between;align-items:center}}.brand-title{align-items:center;gap:10px;display:flex}.brand-title h1{letter-spacing:-.03em;font-size:1.5rem;font-weight:800}.icon-accent{color:var(--electrical);width:28px;height:28px}.subtitle{color:var(--text-muted);margin-top:2px;font-size:.85rem}.navigation-tabs{background:var(--surface-card);border:1px solid var(--border-line);border-radius:10px;gap:2px;padding:4px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.tab-btn i{width:16px;height:16px}.tab-btn.active{background:var(--surface-input);color:var(--text-main);box-shadow:0 4px 12px #00000026}.theme-toggle-btn{background:var(--surface-card);border:1px solid var(--border-line);color:var(--text-main);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:inline-flex}.theme-toggle-btn:hover{background:var(--surface-input);transform:scale(1.05)}.theme-toggle-btn i{width:18px;height:18px;color:var(--text-muted)}[data-theme=light] .theme-toggle-btn i{color:var(--temperature)}.automation-alert-center{background:#ef44441f;border:1px solid #ef4444;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 8px 32px #ef444426}.alert-center-header{color:#f87171;align-items:center;gap:10px;display:flex}.alert-center-header h4{text-transform:uppercase;letter-spacing:.05em;font-size:.95rem;font-weight:800}.alert-icon-spin{color:#ef4444;width:18px;height:18px;animation:1.5s infinite pulse}.alert-items-list{flex-direction:column;gap:8px;display:flex}.alert-toast-item{background:var(--surface-card);border:1px solid var(--border-line);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;display:flex}.toast-indicator{background:#ef4444;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #ef4444}.badge-action{color:#fbbf24;background:#f59e0b1a;border:1px solid #fbbf2433;border-radius:4px;padding:2px 6px;font-size:.8rem;font-weight:600}.dispatch-routing-subpane{background:var(--surface-input);color:var(--text-muted);border:1px dashed var(--border-line);border-radius:6px;align-items:center;gap:8px;width:calc(100% - 16px);margin-left:16px;padding:6px 12px;font-family:monospace;font-size:.75rem;display:flex}.slide-fade-enter-active,.slide-fade-leave-active{transition:all .4s cubic-bezier(.16,1,.3,1)}.slide-fade-enter-from,.slide-fade-leave-to{opacity:0;transform:translateY(-15px)}.system-status-banner{background:#4ade800f;border:1px solid #4ade8026;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}.system-status-banner.error-banner{background:#f871710f;border-color:#f8717126}.status-msg{text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}.pulse-dot{background:#4ade80;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #4ade80}.pulse-dot.offline{background:#f87171;box-shadow:0 0 8px #f87171}.sensor-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px;margin-bottom:20px;display:grid}@media (width>=480px){.sensor-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (width>=1200px){.sensor-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.sensor-card{background:var(--surface-card);border:1px solid var(--border-line);border-radius:12px;flex-direction:column;justify-content:space-between;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000026}.sensor-card.selected-card{border-color:#fbbf24;transform:translateY(-2px);box-shadow:0 0 12px #fbbf2426}.card-top{justify-content:space-between;align-items:flex-start;gap:4px;display:flex}.card-title-group{align-items:center;gap:8px;display:flex}.card-title-group h3{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.sensor-icon{width:16px;height:16px;color:var(--text-muted)}.electrical .sensor-icon{color:var(--electrical)}.temperature .sensor-icon{color:var(--temperature)}.tank_level .sensor-icon{color:var(--tank_level)}.pressure .sensor-icon{color:var(--pressure)}.security .sensor-icon{color:var(--security)}.status-pill{white-space:nowrap;background:#ffffff0d;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:.7rem;font-weight:700}.status-pill.optimal,.status-pill.stable,.status-pill.secure{color:#4ade80;background:#4ade8014}[data-theme=light] .status-pill.optimal,[data-theme=light] .status-pill.stable,[data-theme=light] .status-pill.secure{color:#16a34a;background:#16a34a14}.status-pill.critical{border:1px solid #ef444433;animation:2s infinite pulse;color:#f87171!important;background:#ef444426!important}.metric-display{align-items:baseline;margin:16px 0 8px;display:flex}.metric-display .value{letter-spacing:-.02em;font-size:2.2rem;font-weight:800;line-height:1}.metric-display .unit{color:var(--text-muted);margin-left:4px;font-size:.9rem;font-weight:500}.electrical .value{color:var(--electrical)}.temperature .value{color:var(--temperature)}.tank_level .value{color:var(--tank_level)}.pressure .value{color:var(--pressure)}.security .value{color:var(--security)}.meta-label{color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:600}.analytics-matrix,.crud-layout-split{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=992px){.analytics-matrix{grid-template-columns:2.3fr 1fr}.crud-layout-split{grid-template-columns:1fr 2.5fr}}.panel-card{background:var(--surface-card);border:1px solid var(--border-line);border-radius:14px;padding:18px}.panel-header{border-bottom:1px solid var(--border-line);align-items:center;gap:10px;margin-bottom:16px;padding-bottom:10px;display:flex}.panel-header h3{font-size:.95rem;font-weight:700}.panel-icon{width:18px;height:18px}.text-blue{color:var(--electrical)}.text-amber{color:var(--temperature)}.text-green{color:var(--pressure)}.text-purple{color:var(--tank_level)}.chart-container{width:100%;height:220px;position:relative}.table-scroll-wrapper{max-height:220px;overflow-x:auto}.table-scroll-wrapper.large-height{max-height:480px}.panel-table{border-collapse:collapse;text-align:left;width:100%;font-size:.825rem}.panel-table th{background:var(--surface-card);color:var(--text-muted);border-bottom:1px solid var(--border-line);padding-bottom:10px;font-weight:600;position:sticky;top:0}.panel-table td{border-bottom:1px solid var(--border-line);white-space:nowrap;padding:10px 0}.font-mono{font-family:monospace;font-size:.9rem}.txt-right{text-align:right}.expression-badge{background:var(--surface-input);border:1px solid var(--border-line);color:var(--text-main);border-radius:6px;padding:4px 8px;font-family:monospace}.action-badge{color:var(--text-muted);border:1px solid var(--border-line);background:#94a3b814;border-radius:6px;padding:4px 8px;font-weight:600}.action-badge.triggered{color:#f87171!important;background:#ef444414!important;border-color:#ef444433!important}.interactive-form{flex-direction:column;gap:14px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:600}.custom-input{background:var(--surface-input);border:1px solid var(--border-line);color:var(--text-main);border-radius:8px;outline:none;width:100%;padding:12px;font-size:.9rem}.form-actions-row{gap:10px;margin-top:6px;display:flex}.btn{cursor:pointer;color:#fff;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.85rem;font-weight:600;display:inline-flex}.btn-submit{background:#22c55e}.btn-submit:hover{background:#16a34a}.btn-cancel{background:var(--surface-input);color:var(--text-main)}.btn i{width:16px;height:16px}.action-buttons-cell{justify-content:flex-end;gap:6px;display:flex}.action-btn{background:var(--surface-input);border:1px solid var(--border-line);color:var(--text-main);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.action-btn i{width:14px;height:14px}.edit-action:hover{border-color:var(--temperature);color:var(--temperature)}.delete-action:hover{border-color:var(--security);color:var(--security)}.empty-notice{text-align:center;color:var(--text-muted);padding:30px 0}.rule-triggered-row td{background:#ef44440a!important}.printable-report-sheet{border-radius:8px;margin-top:10px;color:#0f172a!important;background:#fff!important;border:2px solid #cbd5e1!important;padding:30px!important}.report-document-branding{border-bottom:3px double #0f172a;margin-bottom:24px;padding-bottom:12px}.report-document-branding h2{letter-spacing:.02em;color:#0f172a;font-size:1.3rem;font-weight:900}.report-document-branding p{color:#475569;font-family:monospace;font-size:.8rem}.report-stats-strip{flex-direction:column;gap:16px;display:flex}.report-stat-widget{background:#f8fafc;border:1px solid #94a3b8;border-radius:6px;padding:14px}.report-stat-widget h4{color:#1e293b;text-transform:uppercase;margin-bottom:8px;font-size:.9rem;font-weight:800}.widget-grid-metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.widget-grid-metrics label{color:#64748b;text-transform:uppercase;font-size:.65rem;font-weight:700;display:block}.widget-grid-metrics span{color:#0f172a;font-family:monospace;font-size:1.05rem;font-weight:700}.wizard-container{max-width:800px;margin:0 auto;padding:24px!important}.wizard-progress-bar{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.progress-step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.step-num{background:var(--surface-input);border:2px solid var(--border-line);width:32px;height:32px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;transition:all .3s;display:inline-flex}.step-txt{color:var(--text-muted);font-size:.75rem;font-weight:600}.progress-step.active .step-num{background:var(--electrical);border-color:var(--electrical);color:#fff;box-shadow:0 0 10px #38bdf84d}.progress-step.active .step-txt{color:var(--text-main);font-weight:700}.progress-step.completed .step-num{background:var(--pressure);border-color:var(--pressure);color:#fff}.progress-step.completed .step-txt{color:var(--pressure)}.progress-connector{background:var(--border-line);flex:1;height:2px;margin-bottom:20px;transition:all .3s}.progress-connector.filled{background:var(--pressure)}.wizard-error-banner{border:1px solid var(--security);color:var(--security);background:#ef44441a;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:12px;font-size:.85rem;display:flex}.wizard-error-banner i{flex-shrink:0;width:16px;height:16px}.step-instruction-block{border-left:3px solid var(--electrical);margin-bottom:20px;padding-left:12px}.step-instruction-block h3{margin-bottom:4px;font-size:1.05rem;font-weight:700}.step-instruction-block p{color:var(--text-muted);font-size:.85rem}.review-manifest-grid{background:var(--surface-input);border:1px solid var(--border-line);border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.manifest-row{border-bottom:1px dashed var(--border-line);justify-content:space-between;padding-bottom:8px;font-size:.85rem;display:flex}.manifest-row:last-child{border:none;padding:0}.manifest-row label{color:var(--text-muted);font-weight:600}.manifest-row span{font-weight:700}.wizard-actions-footer{border-top:1px solid var(--border-line);align-items:center;margin-top:24px;padding-top:16px;display:flex}.wizard-success-pane{text-align:center;flex-direction:column;align-items:center;padding:20px 10px;animation:.4s cubic-bezier(.16,1,.3,1) fadeInStep;display:flex}.success-icon-wrapper{border:2px solid var(--pressure);background:#4ade801a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:inline-flex}.success-icon-wrapper i{width:32px;height:32px;color:var(--pressure)}.wizard-success-pane h2{letter-spacing:-.02em;margin-bottom:8px;font-size:1.4rem;font-weight:800}.success-announcement{color:var(--text-muted);max-width:520px;margin-bottom:24px;font-size:.95rem;line-height:1.5}.highlight-text{color:var(--text-main);background:var(--surface-input);border-radius:4px;padding:2px 6px;font-family:monospace}.success-manifest-summary{background:var(--surface-input);border:1px solid var(--border-line);border-radius:10px;flex-direction:column;gap:10px;width:100%;max-width:440px;margin-bottom:24px;padding:14px 18px;display:flex}@keyframes fadeInStep{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media print{body{color:#000!important;background:#fff!important;padding:0!important}.screen-only-element,.dashboard-header,.system-status-banner,.automation-alert-center{display:none!important}.app-container{gap:0!important;max-width:100%!important}.panel-card.printable-report-sheet{border:none!important;padding:0!important}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}