*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0d14;--surface: #111827;--surface2: #1f2937;--border: #1e2d3d;--text: #e2e8f0;--muted: #64748b;--green: #22c55e;--blue: #3b82f6;--purple: #a78bfa;--orange: #f59e0b;--red: #ef4444;--font: "SF Mono", "Consolas", "Menlo", monospace}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5}.app{display:flex;flex-direction:column;min-height:100vh;max-width:1600px;margin:0 auto;padding:0 16px}.header{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border);gap:16px;flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:12px}.logo{font-size:32px}.header-left h1{font-size:18px;font-weight:700;color:var(--text)}.subtitle{font-size:11px;color:var(--muted)}.header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.last-refresh{font-size:12px;color:var(--muted)}button{cursor:pointer;border:none;border-radius:6px;font-size:13px;padding:6px 12px}.btn-toggle{background:var(--surface2);color:var(--muted);border:1px solid var(--border);transition:all .2s}.btn-toggle.active{background:#052e16;color:var(--green);border-color:#166534}.btn-refresh{background:var(--blue);color:#fff}.btn-logout{background:#2d1a1a;color:#f87171;border:1px solid #7f1d1d}.btn-back{background:var(--surface2);color:var(--muted);border:1px solid var(--border)}.btn-chart{background:transparent;color:var(--muted);font-size:16px;padding:2px 6px}.btn-chart:hover{color:var(--text)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 0}@media (max-width: 768px){.stats-row{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.stat-blue:before{background:var(--blue)}.stat-green:before{background:var(--green)}.stat-purple:before{background:var(--purple)}.stat-orange:before{background:var(--orange)}.stat-gray:before{background:var(--muted)}.stat-value{font-size:28px;font-weight:700;font-family:var(--font)}.stat-unit{font-size:12px;color:var(--muted);margin-top:2px}.stat-label{font-size:13px;color:var(--muted);margin-top:8px}.main-content{flex:1;padding:8px 0 32px}.loading{text-align:center;padding:60px;color:var(--muted)}.no-data{text-align:center;padding:40px;color:var(--muted)}.error{text-align:center;padding:40px;color:var(--red)}.table-wrapper{display:flex;flex-direction:column;gap:12px}.table-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.city-select{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:7px 10px;color:var(--text);font-size:13px;min-width:180px;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.city-select:focus{outline:none;border-color:var(--blue)}.city-select option{background:#1f2937}.search-input{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:7px 12px;color:var(--text);font-size:13px;width:180px}.search-input:focus{outline:none;border-color:var(--blue)}.filter-check{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;cursor:pointer}.count-badge{margin-left:auto;font-size:12px;color:var(--muted)}.table-scroll{overflow-x:auto;border-radius:10px;border:1px solid var(--border)}.sensor-table{width:100%;border-collapse:collapse;white-space:nowrap}.sensor-table thead tr{background:var(--surface2);border-bottom:1px solid var(--border)}.sensor-table th{padding:10px 14px;text-align:left;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.sensor-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sensor-table th.sortable:hover{color:var(--text)}.sensor-table th.sort-active{color:var(--blue)}.sensor-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.sensor-table tbody tr:last-child{border-bottom:none}.sensor-table tbody tr:hover{background:var(--surface)}.sensor-table tbody tr.row-reset{background:#1c1200}.sensor-table tbody tr.row-reset:hover{background:#271a00}.sensor-table td{padding:9px 14px;font-size:13px}.mono{font-family:var(--font)}.text-muted{color:var(--muted)}.text-green{color:var(--green)}.text-warn{color:var(--orange)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%}.dot-green{background:var(--green);box-shadow:0 0 6px var(--green)}.dot-gray{background:#374151}.badge-reset{display:inline-block;background:#451a03;color:var(--orange);border:1px solid #92400e;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600}.badge-crc{display:inline-block;background:#450a0a;color:var(--red);border:1px solid #991b1b;border-radius:4px;padding:1px 6px;font-size:11px}.pagination{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:4px 0}.page-btn{background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:5px 10px;font-size:13px;min-width:32px;transition:all .12s}.page-btn:hover:not(:disabled){color:var(--text);border-color:#334155}.page-btn.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.page-btn:disabled{opacity:.3;cursor:default}.page-gap{color:var(--muted);padding:0 4px;font-size:13px}.page-info{margin-left:8px;font-size:12px;color:var(--muted)}.page-size-select{display:flex;gap:4px;margin-left:auto}.page-size-btn{background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:4px 10px;font-size:12px;transition:all .12s}.page-size-btn:hover{color:var(--text)}.page-size-btn.active{background:#1e3a5f;color:var(--blue);border-color:var(--blue)}.detail-wrapper{display:flex;flex-direction:column;gap:16px}.detail-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.detail-title h2{font-size:20px;font-weight:700}.detail-meta{font-size:13px;color:var(--muted)}.detail-badges{display:flex;gap:8px;align-items:center}.detail-info-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 600px){.detail-info-row{grid-template-columns:repeat(2,1fr)}}.info-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 14px}.info-label{font-size:11px;color:var(--muted);display:block;margin-bottom:4px}.info-value{font-size:14px;font-weight:600;font-family:var(--font)}.range-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.range-tab{background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:5px 14px;font-size:13px;transition:all .15s}.range-tab:hover{color:var(--text);border-color:#334155}.range-tab.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.data-count{margin-left:auto;font-size:12px;color:var(--muted)}.charts-col{display:flex;flex-direction:column;gap:12px}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.chart-toolbar-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:4px}.chart-hint{font-size:11px;color:var(--muted);-webkit-user-select:none;user-select:none}.btn-reset-zoom{background:var(--surface2);color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:2px 8px;font-size:11px;cursor:pointer}.btn-reset-zoom:hover{color:var(--text)}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:40px 36px;width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:6px}.login-logo{font-size:48px;margin-bottom:4px}.login-title{font-size:20px;font-weight:700;text-align:center}.login-sub{font-size:13px;color:var(--muted);margin-bottom:16px}.login-form{width:100%;display:flex;flex-direction:column;gap:14px}.login-field{display:flex;flex-direction:column;gap:5px}.login-field label{font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.04em}.login-field input{background:#0f172a;border:1px solid var(--border);border-radius:7px;padding:10px 14px;color:var(--text);font-size:14px;transition:border-color .15s}.login-field input:focus{outline:none;border-color:var(--blue)}.login-field input:disabled{opacity:.5}.login-error{background:#450a0a;border:1px solid #991b1b;border-radius:7px;padding:10px 14px;font-size:13px;color:#fca5a5}.login-lockout{background:#451a03;border-color:#92400e;color:#fcd34d}.login-btn{background:var(--blue);color:#fff;border:none;border-radius:7px;padding:11px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s;margin-top:4px}.login-btn:disabled{opacity:.45;cursor:default}.login-btn:not(:disabled):hover{opacity:.88}.echarts-for-react{display:block}