.uplot,.uplot *,.uplot *:before,.uplot *:after{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:#00000012;position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607D8B}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607D8B}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue: #2563eb;--blue-lt: #dbeafe;--gray: #6b7280;--gray-lt: #f3f4f6;--red: #dc2626;--green: #16a34a;--border: #e5e7eb;--radius: 8px;font-family:system-ui,-apple-system,sans-serif;font-size:15px;color:#111827;background:#f9fafb}.page{max-width:1100px;margin:0 auto;padding:24px 16px 48px}.page-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.page-header h2{flex:1;font-size:1.4rem;font-weight:600}.center-msg{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.1rem;color:var(--gray)}button{cursor:pointer;border:none;border-radius:var(--radius);font-size:.9rem;padding:8px 16px}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:var(--gray-lt);color:#111827;border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}button:disabled{opacity:.5;cursor:not-allowed}.login-wrap{min-height:100vh;display:flex;justify-content:center;align-items:center}.login-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:40px 32px;width:100%;max-width:380px;box-shadow:0 1px 3px #00000014}.login-card h1{font-size:1.4rem;margin-bottom:24px;text-align:center}.login-card form{display:flex;flex-direction:column;gap:14px}.login-card label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:var(--gray)}.login-card input{padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;color:#111827}.login-card input:focus{outline:2px solid var(--blue);border-color:transparent}.login-card button{margin-top:8px;padding:11px;font-size:1rem;background:var(--blue);color:#fff}.login-card button:hover{background:#1d4ed8}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.device-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-align:left;transition:box-shadow .15s;cursor:pointer}.device-card:hover{box-shadow:0 2px 8px #0000001a}.device-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.device-id{font-weight:600;font-size:1rem}.device-name{color:var(--gray);font-size:.9rem}.device-last-seen{margin-top:8px;font-size:.8rem;color:var(--gray)}.badge{font-size:.75rem;font-weight:600;padding:2px 10px;border-radius:999px}.badge.online{background:#dcfce7;color:var(--green)}.badge.offline{background:#fee2e2;color:var(--red)}.card-row{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px 24px;min-width:160px}.stat-label{font-size:.8rem;color:var(--gray);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:1.8rem;font-weight:700;color:var(--blue)}.range-bar{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.range-btn{padding:6px 14px;background:var(--gray-lt);border:1px solid var(--border);color:var(--gray)}.range-btn.active{background:var(--blue);color:#fff;border-color:var(--blue)}.custom-range{display:flex;gap:16px;align-items:flex-end;margin-bottom:16px;flex-wrap:wrap}.custom-range label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--gray)}.custom-range input{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius)}.chart-section{margin-bottom:24px}.chart-title{font-size:.85rem;font-weight:600;color:var(--gray);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.chart-wrap{position:relative;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:8px;overflow:hidden}.chart-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffffb3;font-size:1rem;color:var(--gray)}.no-data{text-align:center;padding:60px 0;color:var(--gray)}.data-note{font-size:.8rem;color:var(--gray);margin-bottom:16px}.error{color:var(--red);font-size:.9rem}.device-id-small{font-size:.9rem;font-weight:400;color:var(--gray)}code{background:var(--gray-lt);padding:2px 6px;border-radius:4px;font-size:.85em}@media (max-width: 600px){.card-row{flex-direction:column}.stat-card{min-width:unset}.page-header h2{font-size:1.1rem}}