:root{--bg: #f1f5f9;--card: #ffffff;--text: #1e293b;--muted: #64748b;--border: #e2e8f0;--accent: #2563eb;--accent-soft: #dbeafe;--ok: #15803d;--error: #b91c1c;--radius: 8px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body,h1,h2,h3{margin:0}h2{font-size:1rem;margin-bottom:.75rem}p{margin:.25rem 0}.topbar{display:flex;align-items:baseline;gap:1rem;padding:.75rem max(1.25rem,calc((100% - var(--page-max)) / 2 + 1.25rem));background:var(--card);border-bottom:1px solid var(--border)}.topbar h1{font-size:1.25rem}.topbar-device{font-weight:600}.topbar-auth{margin-left:auto;display:flex;align-items:center;gap:.5rem}.admin-badge{color:var(--ok);font-weight:600;font-size:.9rem}:root{--page-max: 1760px}.layout{display:grid;grid-template-columns:360px 300px minmax(0,1fr);gap:1rem;padding:1rem;align-items:start;max-width:var(--page-max);margin:0 auto}.layout.layout-admin{grid-template-columns:360px minmax(300px,auto) minmax(0,1fr)}.sidebar,.main{display:flex;flex-direction:column;gap:1rem;min-width:0}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.empty{text-align:center;color:var(--muted);padding:3rem 1rem}.grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:1rem}.params-card,.full-width{grid-column:1 / -1}@media(max-width:1100px){.layout,.layout.layout-admin{grid-template-columns:1fr 1fr}.main{grid-column:1 / -1}}@media(max-width:700px){.layout,.layout.layout-admin,.grid{grid-template-columns:1fr}}.muted{color:var(--muted);font-weight:400}.hint{color:var(--muted);font-size:.8rem}.ok{color:var(--ok);font-size:.9rem}.error{color:var(--error);font-size:.9rem}button{font:inherit;padding:.4rem .8rem;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#fff;cursor:pointer}button:disabled{opacity:.6;cursor:default}button.secondary,button.small{background:var(--card);color:var(--accent)}button.small{padding:.2rem .5rem;font-size:.85rem}input[type=text],input[type=number],input[type=date],input[type=password]{font:inherit;padding:.4rem .5rem;border:1px solid var(--border);border-radius:6px;width:100%;min-width:0}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[readonly]{background:var(--bg)}textarea{font:inherit;padding:.4rem .5rem;border:1px solid var(--border);border-radius:6px;width:100%;resize:vertical}.inline-form{display:flex;gap:.5rem}.checkbox{display:flex;align-items:center;gap:.4rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox.disabled{cursor:default;color:var(--muted)}.field{display:flex;flex-direction:column;gap:.2rem;margin-top:.75rem;font-size:.85rem;color:var(--muted)}.field input,.field textarea{color:var(--text);font-size:1rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.list-item{width:100%;display:flex;justify-content:space-between;align-items:center;gap:.5rem;text-align:left;white-space:nowrap;padding:.45rem .6rem;background:transparent;color:var(--text);border:1px solid transparent;border-radius:6px}.list-item:hover{background:var(--bg)}.list-item.selected{background:var(--accent-soft);border-color:var(--accent)}.device-table-wrap{max-height:80vh;overflow:auto}.device-table{width:100%;border-collapse:separate;border-spacing:0 2px}.device-table th{position:sticky;top:0;background:var(--card);text-align:left;padding:0 .6rem .35rem;border-bottom:1px solid var(--border);white-space:nowrap}.device-table td{padding:.45rem .6rem;white-space:nowrap;border:1px solid transparent;border-width:1px 0}.device-table td:first-child{border-left-width:1px;border-radius:6px 0 0 6px}.device-table td:last-child{border-right-width:1px;border-radius:0 6px 6px 0}.device-row{cursor:pointer}.device-row:hover td{background:var(--bg)}.device-row.selected td{background:var(--accent-soft);border-color:var(--accent)}.device-row:focus-visible{outline:2px solid var(--accent)}.device-row.stale .device-name{color:var(--muted)}.device-name{font-weight:600}.device-seen{color:var(--muted);font-size:.8rem}.cell-clip{overflow:hidden;text-overflow:ellipsis;font-size:.85rem}.cell-clip.address{max-width:220px}.cell-number{font-variant-numeric:tabular-nums;font-size:.85rem}.icon-button{padding:.1rem .4rem;background:none;border:1px solid transparent;color:var(--accent)}.icon-button:hover{border-color:var(--accent)}.sort-button{padding:.1rem 0;background:none;border:none;color:var(--muted);font-size:.8rem;white-space:nowrap}.sort-button:hover,.sort-button.active{color:var(--accent)}.sort-arrow{font-size:.7rem;display:inline-block;width:1em;text-align:center}.measurement-list{max-height:60vh;overflow-y:auto}.badge{font-size:.7rem;padding:.05rem .4rem;border-radius:999px;background:var(--bg);color:var(--muted)}.date-range{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.date-range label{display:flex;flex-direction:column;gap:.2rem;font-size:.85rem;color:var(--muted)}.presets{display:flex;gap:.35rem;margin-top:.6rem;flex-wrap:wrap}.image-frame{overflow:auto;background:#fff;border:1px solid var(--border);border-radius:6px;padding:.75rem;text-align:center}.image-frame img{image-rendering:pixelated;display:inline-block;max-width:none}.image-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:.75rem}.zoom{display:flex;align-items:center;gap:.5rem}.zoom-value{font-variant-numeric:tabular-nums;min-width:3.5em}.results,.device-info{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;margin:0;align-items:baseline}.results dt,.device-info dt{color:var(--muted)}.results dd,.device-info dd{margin:0}.result-auto{font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums}.params{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.param label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.25rem}.param input[readonly]{background:var(--bg);color:var(--text)}.dialog{border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;width:min(360px,90vw)}.dialog-wide{width:min(480px,90vw)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:0 .75rem}.field-row .field{min-width:0}.info-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}.info-actions{display:flex;gap:.5rem}.info-body{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:.5rem}.info-facts{flex:1 1 360px;min-width:0}.info-photo{flex:0 0 auto;width:min(10cm,100%)}.facts{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0}.facts dt{color:var(--muted)}.facts dd{margin:0;overflow-wrap:anywhere}.strong{font-weight:600}.mono{font-variant-numeric:tabular-nums;letter-spacing:.02em}.note-text{white-space:pre-wrap}.nowrap{white-space:nowrap}.subhead{font-size:.9rem;margin:1.25rem 0 .5rem}.table-wrap{overflow-x:auto}.history{border-collapse:collapse;width:100%;font-size:.85rem}.history th{text-align:left;color:var(--muted);font-weight:600;padding:.3rem .5rem;border-bottom:1px solid var(--border)}.history td{padding:.35rem .5rem;border-bottom:1px solid var(--border);vertical-align:middle}.history td .small{margin-left:.25rem}.photo-frame{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;max-width:10cm;padding:0;background:var(--bg);border:1px solid var(--border);border-radius:6px;overflow:hidden;cursor:zoom-in}.photo-frame img{width:100%;height:100%;object-fit:contain}.photo-empty{color:var(--muted);cursor:default;border-style:dashed}.photo-actions{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;margin-top:.5rem}.photo-dialog{width:auto;max-width:95vw;padding:.75rem;cursor:zoom-out;text-align:center}.photo-dialog img{max-width:90vw;max-height:85vh;display:block}.notice{background:#fef3c7;border:1px solid #fcd34d;color:#78350f;border-radius:6px;padding:.5rem .75rem;margin-bottom:.75rem;font-size:.9rem}.reception-warn{color:#b45309}button.danger{background:var(--error);border-color:var(--error);color:#fff}.dialog::backdrop{background:#0f172a80}.dialog input[type=password]{margin:.75rem 0}.dialog-buttons{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.chart{width:100%;min-height:300px}