.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px;padding:0 1rem;border:1px solid transparent;border-radius:var(--radius-control);font-size:.875rem;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn .material-symbols-outlined{font-size:1.125rem}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--action);color:var(--surface)}.btn-primary:hover:not(:disabled){background:var(--action-hover)}.btn-secondary{background:var(--surface);border-color:var(--line);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--surface-sunken);border-color:var(--line-control)}.btn-danger{background:var(--danger);color:var(--surface)}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-sm{min-height:32px;padding:0 .75rem;font-size:.8125rem}.btn-lg{min-height:48px;padding:0 1.5rem;font-size:1rem}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--radius-control);background:transparent;color:var(--muted);cursor:pointer;transition:background-color .15s ease,color .15s ease}.action-btn .material-symbols-outlined{font-size:1.25rem}.action-btn:hover:not(:disabled){background:var(--action-soft);color:var(--action)}.action-btn.danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.action-btn.success:hover:not(:disabled){background:var(--success-soft);color:var(--success)}.action-btn:disabled{opacity:.45;cursor:not-allowed}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.375rem;font-size:.875rem;font-weight:500;color:var(--text)}.form-group input:not([type=checkbox]):not([type=radio]),.form-group select,.form-group textarea{width:100%;min-height:40px;padding:.5rem .75rem;border:1px solid var(--line-control);border-radius:var(--radius-control);background:var(--surface);color:var(--text);font-size:.9rem;transition:border-color .15s ease,box-shadow .15s ease}.form-group input:not([type=checkbox]):not([type=radio])::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--subtle)}.form-group input:not([type=checkbox]):not([type=radio]):focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--action);box-shadow:0 0 0 3px #0b7a8033}.form-group input:not([type=checkbox]):not([type=radio]):disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--surface-sunken);color:var(--subtle);cursor:not-allowed}.form-group select{appearance:none;padding-right:2.5rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%234A5B6C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;cursor:pointer}.form-group textarea{min-height:96px;resize:vertical}.form-hint{margin-top:.375rem;font-size:.8125rem;color:var(--subtle)}.form-error{margin:0 0 1rem;font-size:.875rem;color:var(--danger)}@media(pointer:coarse){.btn{min-height:44px}.btn-sm{min-height:40px}.action-btn{width:44px;height:44px}.form-group input:not([type=checkbox]):not([type=radio]),.form-group select{min-height:44px}}.page-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem}.page-title{margin:0;font-family:var(--font-display);font-size:1.75rem;font-weight:600;line-height:1.2;color:var(--ink)}.page-subtitle{margin:.25rem 0 0;font-size:.9375rem;color:var(--muted)}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;margin-bottom:1.5rem;overflow:hidden;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-panel)}.stat-card{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.25rem;background:var(--surface)}.stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-value{margin:0;font-family:var(--font-display);font-size:1.75rem;font-weight:600;line-height:1.1;color:var(--ink)}.stat-label{margin:0;font-size:.8125rem;color:var(--muted)}.stat-trend{display:inline-flex;align-items:center;gap:.25rem;margin-top:.25rem;font-size:.8125rem;color:var(--muted)}.stat-trend .material-symbols-outlined{font-size:1rem}.stat-trend.positive{color:var(--success)}.stat-trend.negative{color:var(--warning)}.page{max-width:1400px;margin:0 auto}.page-narrow{max-width:960px}@media(max-width:639px){.page-title{font-size:1.5rem}.stats-row{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.5rem}}.skeleton{display:inline-block;vertical-align:middle;border-radius:4px;background:linear-gradient(90deg,var(--surface-muted) 25%,var(--surface-sunken) 50%,var(--surface-muted) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton-value{width:4.5rem;height:1em}.skeleton-line{display:block;width:60%;height:.875rem}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.table-container{position:relative;overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel)}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{padding:.75rem 1rem;border-bottom:1px solid var(--line);background:var(--surface-sunken);color:var(--muted);font-size:.8125rem;font-weight:600;text-align:left}.data-table td{padding:.75rem 1rem;border-bottom:1px solid var(--line);color:var(--text);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--surface-sunken)}.data-table.has-row-actions th:last-child,.data-table.has-row-actions td:last-child{position:sticky;right:0;z-index:1;background:var(--surface);box-shadow:inset 1px 0 0 var(--line)}.data-table.has-row-actions th:last-child{background:var(--surface-sunken)}.data-table.has-row-actions tbody tr:hover td:last-child{background:var(--surface-sunken)}:root{--ink: #142220;--ink-soft: #233541;--action: #0B7A80;--action-hover: #096369;--action-soft: #E3F4F4;--accent: #23B9C0;--brand-orange: #FD995B;--brand-blue: #3B8AE0;--brand-red: #FF383C;--canvas: #EEEEEE;--surface: #FFFFFF;--surface-sunken: #F7F9F9;--surface-muted: #EDF1F1;--line: #DCE3E3;--line-control: #849494;--neutral-soft: #CED0CF;--text: var(--ink);--muted: #4A5B6C;--subtle: #5E6E6E;--on-ink: #B7C4C4;--on-ink-subtle: #8FA3A3;--danger: #C4262A;--danger-hover: #A31F22;--danger-soft: #FDECEC;--warning: #8A4212;--warning-soft: #FFF1E7;--success: #1B7F5A;--success-soft: #E6F4EE;--info: #1A5495;--info-soft: #EAF2FC;--indicator-alert: var(--brand-orange);--indicator-fault: var(--brand-red);--indicator-info: var(--brand-blue);--indicator-offline: var(--line-control);--series-temperature: var(--brand-orange);--series-humidity: var(--accent);--series-light: var(--ink);--series-battery: var(--success);--series-voltage: var(--info);--radius-control: 6px;--radius-panel: 10px;--radius-pill: 999px;--shadow-overlay: 0 12px 32px rgba(20, 34, 32, .18);--font-display: "Outfit", "Inter", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--background-color: var(--canvas);--dark-color: var(--ink);--green-color: var(--accent);--green-dark-color: var(--action);--grey-color: var(--ink-soft);--grey2-color: var(--muted);--grey3-color: #9AABAB;--orange-color: var(--brand-orange);--red-color: var(--danger);--white-color: var(--surface)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font-body);font-size:16px;line-height:1.5;background-color:var(--canvas);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em}a{color:inherit;text-decoration:none}table,.stat-value{font-variant-numeric:tabular-nums}code,.mono{font-family:var(--font-mono)}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background-color);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--grey3-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--grey2-color)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 1px 3px #0000001a}.shadow-md{box-shadow:0 4px 6px #0000001a}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.w-full{width:100%}.h-full{height:100%}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-gray-500{color:var(--grey3-color)}.text-gray-600{color:var(--grey2-color)}.text-gray-700{color:var(--grey-color)}.bg-white{background-color:var(--white-color)}.bg-gray-50,.bg-gray-100{background-color:var(--background-color)}.transition{transition:all .2s ease}.transition-fast{transition:all .15s ease}:focus-visible{outline:2px solid var(--action);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.no-print{display:none!important}}