:root{--bg-color: #121212;--card-bg: #1e1e1e;--input-bg: #2c2c2c;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent-blue: #36a2eb;--accent-red: #ff6384;--warning-bg: rgba(255, 68, 68, .2);--warning-text: #ff4444;--safe-bg: rgba(75, 192, 192, .2);--safe-text: #4bc0c0;--border-color: #333}body{margin:0;padding:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-primary)}.container{max-width:1200px;margin:0 auto;padding:20px}header{margin-bottom:30px;border-bottom:1px solid var(--border-color);padding-bottom:20px}h1{margin:0;font-size:1.8rem;font-weight:700}.subtitle{font-weight:300;font-size:1.2rem;color:var(--text-secondary);margin-left:10px}.description{color:var(--text-secondary);margin-top:10px}.settings-panel{margin-top:20px;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);padding:10px}.settings-panel summary{cursor:pointer;font-weight:700;padding:5px;color:var(--accent-blue);margin-bottom:10px}.tabs-header{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:15px}.tab-btn{background:none;border:none;color:var(--text-secondary);padding:10px 20px;cursor:pointer;font-size:.95rem;position:relative;transition:color .2s}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent-blue);font-weight:700}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--accent-blue)}.tab-content{display:none;padding:10px 0}.tab-content.active{display:block}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:start;margin-bottom:20px}.common-settings{border-top:1px solid var(--border-color);padding-top:15px;margin-top:10px}.setting-group{display:flex;flex-direction:column}.setting-group.full-width{grid-column:1 / -1;margin-bottom:15px}.setting-group label{font-size:.9rem;margin-bottom:5px;font-weight:600}.setting-group small{color:var(--text-secondary);font-size:.75rem;margin-top:5px}input[type=number],input[type=text],input[type=password]{background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-primary);padding:8px;border-radius:4px;font-size:.9rem}.api-inputs{display:flex;gap:10px}.api-inputs input{width:100%}.btn-primary{background-color:var(--accent-blue);color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:700;height:40px}.btn-primary:hover{opacity:.9}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.card{background-color:var(--card-bg);border-radius:12px;padding:20px;box-shadow:0 4px 6px #0000004d;transition:transform .2s}.card:hover{transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.card-header h2{margin:0;font-size:1.2rem}.status-badge{font-size:.8rem;padding:4px 8px;border-radius:4px;background-color:#333;color:#888}.status-badge.warning{background-color:var(--warning-bg);color:var(--warning-text);font-weight:700;border:1px solid var(--warning-text)}.status-badge.normal{background-color:var(--safe-bg);color:var(--safe-text)}.analysis-text{font-size:.9rem;margin-bottom:20px;line-height:1.5;color:var(--text-secondary);min-height:60px}.chart-container{position:relative;height:300px;width:100%}footer{margin-top:40px;text-align:center;font-size:.8rem;color:#555}@media(max-width:600px){.dashboard-grid,.settings-content{grid-template-columns:1fr}.api-inputs{flex-direction:column}h1{font-size:1.5rem}.subtitle{display:block;margin-left:0;margin-top:5px}}