:root{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #3a3a3a;--bg-input: #2a2a2a;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-muted: #888888;--text-inverse: #1a1a1a;--border-primary: #444444;--border-secondary: #555555;--border-muted: #333333;--success-bg: #1e3a1e;--success-border: #2d5a2d;--success-text: #4ade80;--success-accent: #22c55e;--error-bg: #3a1e1e;--error-border: #5a2d2d;--error-text: #f87171;--error-accent: #ef4444;--warning-bg: #3a2e1e;--warning-border: #5a452d;--warning-text: #fbbf24;--warning-accent: #f59e0b;--info-bg: #1e2a3a;--info-border: #2d415a;--info-text: #60a5fa;--info-accent: #3b82f6;--plant-optimal: #22c55e;--plant-dry: #fbbf24;--plant-wet: #60a5fa;--plant-critical: #ef4444;--plant-disabled: #6b7280;--btn-primary-bg: #2563eb;--btn-primary-hover: #1d4ed8;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--btn-danger-bg: #dc2626;--btn-danger-hover: #b91c1c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3)}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border:1px solid transparent;border-radius:.375rem;cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus{outline:2px solid var(--btn-primary-bg);outline-offset:2px}.btn-primary{background-color:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--btn-primary-hover);border-color:var(--btn-primary-hover)}.btn-secondary{background-color:var(--btn-secondary-bg);border-color:var(--border-primary);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--btn-secondary-hover);border-color:var(--border-secondary)}.btn-success{background-color:var(--success-accent);border-color:var(--success-accent);color:#fff}.btn-success:hover:not(:disabled){background-color:var(--plant-optimal);border-color:var(--plant-optimal)}.btn-danger{background-color:var(--btn-danger-bg);border-color:var(--btn-danger-bg);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--btn-danger-hover);border-color:var(--btn-danger-hover)}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.status-section{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;margin-bottom:1.5rem}.connection-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;font-weight:600}.connection-status.connected{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.connection-status.disconnected{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.status-indicator{font-size:1.2em}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.status-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:.375rem}.status-item label{font-weight:500;color:var(--text-secondary)}.status-item span{font-weight:600;color:var(--text-primary)}.status-good{color:var(--success-text)!important}.status-bad{color:var(--error-text)!important}.alert{padding:.75rem 1rem;border:1px solid;border-radius:.375rem;margin-bottom:1rem}.alert-success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.alert-error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.alert-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}.alert-info{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}.error-message{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--error-bg);border:1px solid var(--error-border);border-radius:.375rem;color:var(--error-text)}.error-message .error-icon{font-size:1.1rem}.error-text{color:var(--error-text);font-size:.875rem}.error-header{font-weight:600;color:var(--error-text);margin-bottom:.5rem}.error-list{list-style:none;padding:0;margin:0}.error-list li{padding:.25rem 0;color:var(--error-text);font-size:.875rem}.command-results{margin-bottom:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-primary)}.command-results h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.125rem}.results-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.result-item{padding:.75rem;border-radius:.375rem;border:1px solid;transition:all .2s ease}.result-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.result-success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.result-error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.result-status{font-size:1.125rem}.result-time{font-size:.8125rem;opacity:.8;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace}.result-message{font-size:.875rem;line-height:1.4;word-break:break-word}.alert-optimal,.alert-status.alert-optimal{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.alert-dry,.alert-status.alert-dry{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border)}.alert-wet,.alert-status.alert-wet{background:var(--info-bg);color:var(--info-text);border:1px solid var(--info-border)}.alert-critical,.alert-dry-critical,.alert-wet-critical,.alert-status.alert-critical,.alert-status.alert-dry-critical,.alert-status.alert-wet-critical{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.alert-disabled,.alert-status.alert-disabled,.alert-unknown,.alert-status.alert-unknown{background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border-muted)}.form-control{display:block;width:100%;padding:.5rem .75rem;font-size:.875rem;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:.375rem;color:var(--text-primary);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{outline:0;border-color:var(--btn-primary-bg);box-shadow:0 0 0 2px #2563eb33}.form-control::placeholder{color:var(--text-muted)}.form-control:disabled{background:var(--bg-tertiary);opacity:.5}.form-errors{padding:1rem;background:var(--error-bg);border:1px solid var(--error-border);border-radius:.375rem;color:var(--error-text)}.card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;box-shadow:var(--shadow-sm)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);transition:all .2s ease}.card-header{padding:1rem 1rem .5rem;border-bottom:1px solid var(--border-primary)}.card-body{padding:1rem}.card-footer{padding:.5rem 1rem 1rem;border-top:1px solid var(--border-primary)}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-success{color:var(--success-text)!important}.text-error{color:var(--error-text)!important}.text-warning{color:var(--warning-text)!important}.text-info{color:var(--info-text)!important}.bg-primary{background-color:var(--bg-primary)!important}.bg-secondary{background-color:var(--bg-secondary)!important}.bg-tertiary{background-color:var(--bg-tertiary)!important}.border-primary{border-color:var(--border-primary)!important}.border-secondary{border-color:var(--border-secondary)!important}@media(max-width:768px){.status-section{flex-direction:column;align-items:stretch}.status-grid{grid-template-columns:1fr}.result-header{flex-direction:column;align-items:flex-start;gap:.25rem}.btn{width:100%;justify-content:center}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*:focus-visible{outline:2px solid var(--btn-primary-bg);outline-offset:2px}@media print{*{background:#fff!important;color:#000!important;box-shadow:none!important}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}html{scroll-behavior:smooth}*:focus{outline:2px solid var(--btn-primary-bg);outline-offset:2px}button{font-family:inherit}img{max-width:100%;height:auto}