@font-face{font-family:Prompt;src:url(/assets/Prompt-Regular-Bm0ZpmnW.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Prompt;src:url(/assets/Prompt-Medium-We_3T6Q4.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Prompt;src:url(/assets/Prompt-SemiBold-DpNdRWHw.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Prompt;src:url(/assets/Prompt-Bold-CqIR99ht.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{font-family:Prompt,Arial,Helvetica,sans-serif;color-scheme:light;--color-text: #111827;--color-bg: #f3f4f6;--color-surface: #ffffff;--color-surface-alt: #f9fafb;--color-surface-muted: #f8fafc;--color-border: #d1d5db;--color-border-strong: #9ca3af;--color-muted: #6b7280;--color-muted-strong: #4b5563;--color-primary: #1d4ed8;--color-primary-hover: #1e40af;--color-primary-contrast: #ffffff;--color-brand: #2563eb;--color-success: #22c55e;--color-success-border: #16a34a;--color-warning: #facc15;--color-warning-border: #ca8a04;--color-status-down: #9ca3af;--color-status-down-border: #6b7280;--color-danger-bg: #fee2e2;--color-danger-text: #991b1b;--color-danger-border: #fca5a5;--color-offline-bg: #fff7ed;--color-offline-text: #9a3412;--color-offline-border: #fdba74;--color-input-bg: #ffffff;--color-disabled: #9ca3af;--color-meter-an: #0f766e;--color-meter-bn: #1d4ed8;--color-meter-cn: #b45309;--shadow-soft: 0 4px 10px rgba(17, 24, 39, .12);--shadow-primary: 0 6px 14px rgba(29, 78, 216, .25);--shadow-pressed: 0 2px 6px rgba(17, 24, 39, .16);--shadow-drag: 0 10px 24px rgba(17, 24, 39, .14);--focus-ring: 0 0 0 3px rgba(29, 78, 216, .18);color:var(--color-text);background:var(--color-bg)}[data-theme=dark]{color-scheme:dark;--color-text: #e5e7eb;--color-bg: #0f172a;--color-surface: #111827;--color-surface-alt: #1f2937;--color-surface-muted: #172033;--color-border: #334155;--color-border-strong: #475569;--color-muted: #94a3b8;--color-muted-strong: #cbd5e1;--color-primary: #60a5fa;--color-primary-hover: #3b82f6;--color-primary-contrast: #0f172a;--color-brand: #93c5fd;--color-success: #4ade80;--color-success-border: #22c55e;--color-warning: #facc15;--color-warning-border: #eab308;--color-status-down: #64748b;--color-status-down-border: #94a3b8;--color-danger-bg: rgba(127, 29, 29, .38);--color-danger-text: #fecaca;--color-danger-border: #ef4444;--color-offline-bg: rgba(124, 45, 18, .4);--color-offline-text: #fdba74;--color-offline-border: #c2410c;--color-input-bg: #0f172a;--color-disabled: #64748b;--color-meter-an: #2dd4bf;--color-meter-bn: #60a5fa;--color-meter-cn: #f59e0b;--shadow-soft: 0 8px 22px rgba(2, 6, 23, .35);--shadow-primary: 0 10px 24px rgba(59, 130, 246, .24);--shadow-pressed: 0 4px 12px rgba(2, 6, 23, .4);--shadow-drag: 0 14px 30px rgba(2, 6, 23, .45);--focus-ring: 0 0 0 3px rgba(96, 165, 250, .24)}*{box-sizing:border-box}body{margin:0;color:var(--color-text);background:var(--color-bg)}html,body,#root{font-family:Prompt,Arial,Helvetica,sans-serif}button,input,select,textarea{font-family:inherit;color:inherit}.page{max-width:96vw;margin:0 auto;padding:22px}.header{margin-bottom:18px}.header h1{margin:0;font-size:22px;line-height:1.2}.header p{margin:6px 0 0;color:var(--color-muted);font-size:13px}.modern-header{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:10px}.brand svg{color:var(--color-brand)}.nav-tabs{display:flex;flex-wrap:wrap;gap:8px}.tab{text-decoration:none;color:var(--color-muted-strong);border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;height:36px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;font-size:13px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background-color .15s ease,color .15s ease}.tab:hover{transform:translateY(-1px);border-color:var(--color-border-strong);background:var(--color-surface-alt);box-shadow:var(--shadow-soft)}.tab:active{transform:translateY(0);box-shadow:var(--shadow-pressed)}.tab.active{color:var(--color-primary-contrast);border-color:var(--color-primary);background:var(--color-primary)}.tab.active:hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover)}.theme-toggle{min-width:116px}.alert{background:var(--color-danger-bg);color:var(--color-danger-text);border:1px solid var(--color-danger-border);border-radius:8px;padding:10px 12px;margin-bottom:16px}.offline-alert{background:var(--color-offline-bg);color:var(--color-offline-text);border-color:var(--color-offline-border)}.offline-alert-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:16px;margin-bottom:16px}.login-page-wrap{min-height:100vh;display:grid;place-items:center}.login-panel{width:min(440px,100%);margin-bottom:0}.login-brand{display:flex;align-items:center;gap:8px;margin-bottom:8px}.login-brand svg{color:var(--color-brand)}.login-brand h1{margin:0;font-size:22px}.login-hint{margin-top:0;color:var(--color-muted)}.login-form{display:grid;gap:10px}.modern-panel{box-shadow:none}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.overview-header-group{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}.overview-header-group h2{margin:0}.status-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;color:var(--color-muted-strong);font-size:13px}.status-legend-item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.report-toolbar{margin-top:4px}.group-title{display:inline-flex;align-items:center;gap:6px;color:var(--color-muted-strong);font-size:14px}.group-title svg{color:var(--color-muted)}.panel h2{margin:0;font-size:18px;color:var(--color-text)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.modern-card strong{font-size:22px;line-height:1.2}.card-head{display:flex;align-items:center;gap:6px}.card-head svg{color:var(--color-muted)}.label{font-size:12px;color:var(--color-muted)}.btn{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-primary-contrast);border-radius:8px;height:36px;padding:0 12px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease}.btn-light{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.icon-btn{display:inline-flex;align-items:center;gap:6px}.btn:disabled{background:var(--color-disabled);border-color:var(--color-disabled);cursor:not-allowed}.btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:var(--shadow-primary)}.btn-light:not(:disabled):hover{border-color:var(--color-border-strong);background:var(--color-surface-alt);box-shadow:var(--shadow-soft)}.btn:not(:disabled):active{transform:translateY(0);box-shadow:var(--shadow-pressed)}.spin-icon{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.filters{display:flex;gap:8px;flex-wrap:wrap}.input-with-icon{border:1px solid var(--color-border-strong);border-radius:8px;height:36px;background:var(--color-input-bg);display:inline-flex;align-items:center;gap:6px;padding:0 8px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.input-with-icon:hover{border-color:var(--color-muted);background:var(--color-surface-alt)}.input-with-icon:focus-within{border-color:var(--color-primary);box-shadow:var(--focus-ring);background:var(--color-input-bg)}.input-with-icon svg{color:var(--color-muted)}.input-with-icon span{color:var(--color-muted);font-weight:600}.filters input{height:30px;border:none;outline:none;background:transparent}.date-short{width:110px;min-width:110px}.select-control{height:36px;border:1px solid var(--color-border-strong);border-radius:8px;background:var(--color-input-bg);color:var(--color-text);padding:0 10px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.select-control:hover{border-color:var(--color-muted);background:var(--color-surface-alt)}.select-control:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring);background:var(--color-input-bg)}.compact-select{height:30px;border:none;background:transparent;padding:0 2px;min-width:56px}.chart-wrap{width:100%;height:320px}.stats-grid,.meter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.meter-card{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,opacity .15s ease}.meter-selected{border-color:var(--color-primary)}.meter-card-dragging{opacity:.6;transform:scale(.99);box-shadow:var(--shadow-drag)}.meter-title-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.meter-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.meter-mini-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}.meter-mini-grid .meter-value-box{grid-column:span 3}.meter-mini-grid .meter-value-box:nth-child(-n+3){grid-column:span 4}.meter-mini-grid .meter-value-box{min-width:0;padding:7px;gap:2px}.meter-mini-grid .label{font-size:11px}.meter-mini-grid .meter-value-box strong{font-size:18px;line-height:1.1;color:var(--color-text);white-space:nowrap}.meter-card-actions{display:flex;flex-wrap:wrap;gap:8px}.meter-card .label{overflow-wrap:anywhere}.meter-value-box{border:1px solid var(--color-border);border-radius:8px;padding:8px;background:var(--color-surface);display:flex;flex-direction:column;gap:4px}.meter-value-an{color:var(--color-meter-an)}.meter-value-bn{color:var(--color-meter-bn)}.meter-value-cn{color:var(--color-meter-cn)}.status-dot{width:12px;height:12px;border-radius:50%;display:inline-block;border:1px solid transparent}.status-dot-up{background:var(--color-success);border-color:var(--color-success-border)}.status-dot-warning{background:var(--color-warning);border-color:var(--color-warning-border)}.status-dot-down{background:var(--color-status-down);border-color:var(--color-status-down-border)}.edit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.edit-grid input{border:1px solid var(--color-border-strong);border-radius:8px;height:36px;padding:0 10px;background:var(--color-input-bg)}.edit-actions{display:flex;gap:8px}.table-wrap{overflow-x:auto}.history-table-wrap{border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.history-filters{justify-content:flex-end;align-items:center}.meter-pick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.meter-pick-item{display:flex;align-items:center;gap:8px;border:1px solid var(--color-border);border-radius:8px;padding:8px 10px;font-size:13px}.meter-pick-item-stacked{align-items:stretch;flex-direction:column;gap:6px}.meter-pick-row{display:flex;align-items:center;gap:8px}.meter-pick-secondary{color:var(--color-muted-strong);font-size:12px}.meter-pick-secondary input:disabled+span{opacity:.6}.meter-pick-item input{margin:0}.register-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.register-hint{margin-top:0;margin-bottom:12px;color:var(--color-muted-strong);font-size:14px}.field-wrap{display:flex;flex-direction:column;gap:6px}.field-wrap span{font-size:12px;color:var(--color-muted-strong)}.field-full{grid-column:span 2}.register-form input{border:1px solid var(--color-border-strong);border-radius:8px;height:36px;padding:0 10px;background:var(--color-input-bg)}.register-form .btn{width:fit-content}.register-result{margin-top:14px;border:1px solid var(--color-border);border-radius:10px;padding:12px;background:var(--color-surface)}.register-result h3{margin-top:0;margin-bottom:8px}.credential-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.credential-with-action{justify-content:space-between;flex-wrap:wrap}.btn-small{height:30px;padding:0 10px;font-size:12px}.back-label{font-size:14px}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{border-bottom:1px solid var(--color-border);text-align:left;padding:10px 8px;white-space:nowrap}.data-table th{color:var(--color-muted-strong);background:var(--color-surface-alt);font-weight:600;text-align:center}.data-table .group-start{border-left:2px solid var(--color-border-strong)}.data-table .group-end{border-right:2px solid var(--color-border-strong)}.history-table .group-start{border-left:1px solid var(--color-border)}.history-table .group-end{border-right:1px solid var(--color-border)}.history-table th,.history-table td{border:1px solid var(--color-border)}.history-table thead th{background:var(--color-surface-muted)}.history-table tbody td{text-align:center}.history-table tbody td:first-child{text-align:left}@media(max-width:900px){.page{padding:18px}.card-grid,.stats-grid,.meter-grid,.edit-grid,.meter-values-grid{grid-template-columns:1fr}.meter-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meter-mini-grid .meter-value-box,.meter-mini-grid .meter-value-box:nth-child(-n+3){grid-column:span 1}.register-form,.meter-pick-grid{grid-template-columns:1fr}.field-full{grid-column:span 1}.modern-header{flex-direction:column;align-items:flex-start}.nav-tabs{width:100%}.panel-header{flex-direction:column;align-items:flex-start}.status-legend{gap:8px 12px}.status-legend-item{white-space:normal}}@media(max-width:640px){.page{max-width:100%;padding:12px}.header{margin-bottom:14px}.modern-header,.panel,.card{padding:12px}.brand{align-items:flex-start}.header h1{font-size:20px}.nav-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tab{width:100%;justify-content:center;padding:0 8px}.overview-header-group{width:100%;gap:8px}.status-legend{width:100%;flex-direction:column;align-items:flex-start;gap:6px;font-size:12px}.meter-title-row{align-items:flex-start}.modern-card strong{font-size:18px}.meter-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.meter-mini-grid .meter-value-box,.meter-mini-grid .meter-value-box:nth-child(-n+3){grid-column:span 1}.meter-mini-grid .meter-value-box strong{font-size:16px}.meter-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.meter-card-actions .btn:last-child:nth-child(odd){grid-column:1 / -1}.chart-wrap{height:260px}}@media(max-width:420px){.nav-tabs{grid-template-columns:1fr}.tab{justify-content:flex-start}.meter-mini-grid,.meter-card-actions{grid-template-columns:1fr}.chart-wrap{height:220px}}