*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0d14;--surface: #111827;--surface2: #1f2937;--border: #334155;--text: #f1f5f9;--muted: #94a3b8;--text-secondary: #cbd5e1;--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:15px;line-height:1.55;-webkit-font-smoothing:antialiased}.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:19px;font-weight:700;color:var(--text)}.subtitle{font-size:12px;color:var(--text-secondary)}.header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.last-refresh{font-size:13px;color:var(--text-secondary)}button{cursor:pointer;border:none;border-radius:6px;font-size:14px;padding:7px 13px}.btn-toggle{background:var(--surface2);color:var(--text-secondary);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(--text-secondary);border:1px solid var(--border);font-weight:500}.btn-back:hover{color:var(--text);border-color:#475569}.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:30px;font-weight:700;font-family:var(--font);color:var(--text)}.stat-unit{font-size:13px;color:var(--text-secondary);margin-top:2px}.stat-label{font-size:14px;color:var(--text-secondary);margin-top:8px;font-weight:500}.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(--text-secondary);font-size:14px;cursor:pointer}.count-badge{margin-left:auto;font-size:13px;color:var(--text-secondary);font-weight:500}.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(--text-secondary);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:10px 14px;font-size:14px;color:var(--text)}.mono{font-family:var(--font)}.text-muted{color:var(--text-secondary)}.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-preview{display:inline-block;background:#1e3a5f;color:#93c5fd;border:1px solid #3b82f6;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}.cow-status-badge{display:inline-block;padding:5px 14px;border-radius:999px;font-size:16px;font-weight:700;white-space:nowrap}.cow-status-estrus{background:#3b1730;color:#f9a8d4;border:1px solid #831843}.cow-status-check{background:#2e1f5e;color:#c4b5fd;border:1px solid #5b21b6}.cow-status-pregnant{background:#172554;color:#93c5fd;border:1px solid #1d4ed8}.cow-status-nursing{background:#052e16;color:#86efac;border:1px solid #166534}.cow-status-fatten{background:#1c1917;color:#d6d3d1;border:1px solid #44403c}.cow-status-setup{background:#422006;color:#fdba74;border:1px solid #9a3412}.cow-status-cull{background:#1f2937;color:#9ca3af;border:1px solid #374151}.cow-status-default{background:#1e293b;color:#cbd5e1;border:1px solid #475569}.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-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:22px;font-weight:700;color:var(--text)}.detail-meta{font-size:14px;color:var(--text-secondary);font-weight:500}.meta-sub{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:12px;color:var(--text-secondary);display:block;margin-bottom:6px;font-weight:600;letter-spacing:.02em}.info-value{font-size:15px;font-weight:600;font-family:var(--font);color:var(--text)}.info-relative{font-size:13px;font-weight:500;font-family:-apple-system,Segoe UI,sans-serif;color:var(--text-secondary)}.range-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.range-tab{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;padding:6px 15px;font-size:14px;font-weight:500;transition:all .15s}.range-tab:hover{color:var(--text);border-color:#475569;background:var(--surface2)}.range-tab.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.data-count{margin-left:auto;font-size:13px;color:var(--text-secondary)}.charts-col{display:flex;flex-direction:column;gap:12px}.chart-section{display:flex;flex-direction:column;gap:12px;margin-top:8px;padding-top:16px;border-top:1px solid var(--border)}.chart-section-header{padding:0 4px}.chart-section-title{color:var(--text-secondary);font-size:14px;font-weight:600}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.chart-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px;padding:0 4px;flex-wrap:wrap}.chart-card-header-compact{margin-bottom:0;min-height:0;padding:0 4px 2px}.chart-card-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.chart-hint{font-size:11px;color:#475569;white-space:nowrap}.chart-card-title{color:#94a3b8;font-size:13px;font-weight:600}.series-toggles{display:flex;gap:6px;flex-wrap:wrap}.series-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;border:1px solid #334155;border-radius:6px;background:#0f172a;color:#64748b;cursor:pointer}.series-toggle:hover{color:#e2e8f0;border-color:#475569}.series-toggle.active{background:#1e293b;color:#e2e8f0;border-color:#475569}.series-dot{font-size:10px;line-height:1}.chart-empty-hint{min-height:120px;display:flex;align-items:center;justify-content:center}.chart-card .highcharts-container,.chart-card .highcharts-root{overflow:visible}.highcharts-tooltip-box{fill:#0f172af5!important;stroke:#475569!important}.highcharts-tooltip text,.highcharts-label.highcharts-tooltip-box text{fill:#e2e8f0!important}.highcharts-legend-item text,.highcharts-legend-item tspan{fill:#cbd5e1!important;cursor:pointer}.highcharts-legend-item-hidden text,.highcharts-legend-item-hidden tspan{fill:#475569!important}.highcharts-title,.highcharts-subtitle{fill:#cbd5e1!important}.highcharts-xaxis-labels text,.highcharts-yaxis-labels text{fill:#64748b!important}.highcharts-navigator-mask-inside{fill:#60a5fa26!important}.highcharts-grid-line{stroke:#1e293b!important}.highcharts-plot-border,.highcharts-plot-background{fill:transparent!important;stroke:none!important}.highcharts-crosshair{stroke:#64748b!important}.highcharts-button-box{fill:#1e293b!important;stroke:#475569!important}.highcharts-button text{fill:#e2e8f0!important}.highcharts-reset-zoom text{fill:#e2e8f0!important}.highcharts-navigator-handle{fill:#475569!important;stroke:#64748b!important}.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}.alerts-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 24px;margin-bottom:20px}.alerts-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.alerts-title{font-size:15px;font-weight:700;color:var(--text)}.alerts-count{font-size:13px;color:var(--text-secondary);background:#1e293b;border-radius:20px;padding:3px 11px}.alerts-table-wrap{overflow-x:auto}.alerts-table{width:100%;border-collapse:collapse;font-size:15px}.alerts-table th{text-align:left;color:var(--text-secondary);font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase;padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.alerts-table td{padding:12px;border-bottom:1px solid #1e293b;vertical-align:middle;color:var(--text);font-size:15px}.alerts-table tr:last-child td{border-bottom:none}.row-unconfirmed td{color:var(--text)}.row-confirmed td{color:var(--text-secondary)}.col-time{white-space:nowrap;font-size:14px;color:var(--text-secondary)}.col-title{min-width:160px}.col-confirm{text-align:center;color:var(--muted)}.type-badge{font-size:13px;background:#1e293b;border:1px solid var(--border);border-radius:4px;padding:3px 9px;white-space:nowrap;color:var(--text)}.sev-badge{font-size:13px;border-radius:4px;padding:3px 10px;font-weight:600;white-space:nowrap}.sev-info{background:#0c4a6e;color:#7dd3fc}.sev-warn{background:#451a03;color:#fcd34d}.sev-danger{background:#450a0a;color:#fca5a5}.alerts-pagination{display:flex;align-items:center;gap:4px;margin-top:14px;flex-wrap:wrap}.page-btn{background:#1e293b;border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;padding:4px 10px;cursor:pointer;transition:background .12s;min-width:32px}.page-btn:disabled{opacity:.3;cursor:default}.page-btn:not(:disabled):hover{background:#334155}.page-btn.active{background:var(--blue);border-color:var(--blue);font-weight:700}.page-ellipsis{color:var(--muted);padding:0 4px}.page-info{font-size:12px;color:var(--muted);margin-left:6px}.col-no{width:56px;text-align:center}.alert-no-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 7px;border-radius:14px;background:#334155;color:#f8fafc;font-size:13px;font-weight:700;font-family:var(--font)}.alerts-hint{font-size:13px;color:var(--text-secondary);margin-left:auto}.alerts-table tbody tr{cursor:default;transition:background .12s}.alerts-table tbody tr:hover,.alerts-table tbody tr.alert-row-highlight{background:#fbbf241f}.alerts-table tbody tr.alert-row-highlight .alert-no-badge{background:#fbbf24;color:#1e293b;box-shadow:0 0 0 2px #fbbf2473}.chart-alert-badge{box-sizing:border-box;width:32px;height:32px;border-radius:50%;background:var(--badge-color, #f87171);color:#fff;font-size:17px;font-weight:900;font-family:-apple-system,Segoe UI,sans-serif;line-height:32px;text-align:center;border:2px solid #ffffff;box-shadow:0 2px 8px #000000a6;cursor:default;-webkit-user-select:none;user-select:none}.chart-alert-badge.is-active{background:#fff;color:var(--badge-color, #f87171);border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf24,0 2px 10px #000000b3;transform:scale(1.12)}