*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--panel:#181b23;--border:#2a2d38;--border-soft:#1f2230;--text:#e4e4e7;--muted:#71717a;--blue:#3b82f6;--amber:#f59e0b;--green:#22c55e;--red:#ef4444;--orange:#f97316}body,html{background:var(--bg);color:var(--text)}body{font-family:Inter,-apple-system,system-ui,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.app{padding:24px}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.header h1{font-size:22px;font-weight:600;letter-spacing:-.02em}.header p{color:var(--muted);font-size:13px;margin-top:4px}.status{margin-left:8px;font-size:13px}.status.ok{color:var(--green)}.status.err{color:var(--red)}.status.loading{color:var(--amber)}.nav{display:flex;gap:6px;align-items:center}.nav a{padding:7px 14px;border-radius:8px;font-size:13px;font-weight:500;color:var(--muted);border:1px solid transparent}.nav a.active,.nav a:hover{color:var(--text);background:var(--panel)}.nav a.active{border-color:var(--border)}.user-chip{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px}.badge{font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:3px 7px;border-radius:5px;border:1px solid var(--border);color:var(--text)}.badge.admin{color:var(--amber);border-color:var(--amber)}.controls{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0;align-items:center}.btn,.controls button,.controls input,.controls select{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:13px;outline:none}.controls select{min-width:280px;cursor:pointer}.btn,.controls button{cursor:pointer;font-weight:500}.btn:hover,.controls button:hover{background:#22252f}.btn-back{background:#1e3a5f!important;color:var(--blue)!important;border:none!important}.btn-back:hover{background:#1e4a7f!important}.btn-primary{background:var(--blue)!important;color:#fff!important;border:none!important}.btn-primary:hover{background:#2563eb!important}.btn:disabled,button:disabled{opacity:.5;cursor:not-allowed}.weather-controls{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;align-items:center}.weather-label{margin-right:4px}.weather-btn,.weather-label{font-size:12px;color:var(--muted)}.weather-btn{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:6px 12px;cursor:pointer;transition:all .15s}.weather-btn:hover{border-color:var(--orange);color:var(--text)}.weather-btn.active{background:#3b2008;border-color:var(--orange);color:var(--orange)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));grid-gap:12px;gap:12px;margin-bottom:24px}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.stat-value{font-size:20px;font-weight:600;letter-spacing:-.02em}.chart-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}.chart-title{font-size:14px;font-weight:500;margin-bottom:4px}.chart-subtitle{font-size:12px;color:var(--muted);margin-bottom:16px}.chart-container{position:relative;height:400px}.error-box{background:#2d1215;border:1px solid var(--red);border-radius:8px;color:#fca5a5;word-break:break-word}.error-box,.info-box{padding:12px 16px;margin-bottom:20px;font-size:12px}.info-box{background:#10233a;border:1px solid #1e4a7f;border-radius:8px;color:#93c5fd}.meta{margin-top:16px;font-size:12px;color:var(--muted)}.legend-row,.meta{display:flex;gap:20px;flex-wrap:wrap}.legend-row{margin-bottom:16px;align-items:center}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#a1a1aa}.legend-swatch{width:20px;height:14px;border-radius:3px;border:1px solid #3a3d48}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:32px;width:100%;max-width:380px}.login-card h1{font-size:20px;font-weight:600;margin-bottom:4px}.login-card p.sub{font-size:13px;color:var(--muted);margin-bottom:24px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.field input{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:14px;outline:none}.field input:focus{border-color:var(--blue)}.login-btn{width:100%;margin-top:8px;padding:11px;font-size:14px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;color:var(--muted);font-weight:500;padding:10px 12px;border-bottom:1px solid var(--border);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:10px 12px;border-bottom:1px solid var(--border-soft)}.data-table tr.clickable{cursor:pointer}.data-table tr.clickable:hover td{background:#1e222c}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(1turn)}}