:root{color:#17221d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--brand:#0f7a62;--brand-dark:#0a5d4b;--brand-soft:#e7f5ef;--text:#17221d;--muted:#64736d;--line:#dfe8e4;--surface:#fff;--warning:#b54708;--danger:#c13f3f;--blue:#2563eb;background:#fbfcfb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;font-size:13px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:12px 42px 36px}.top-actions{justify-content:space-between;align-items:center;gap:10px;min-height:34px;display:flex}.top-actions-right{justify-content:flex-end;align-items:center;gap:8px;display:flex}.brand-logo{background:0 0;border-radius:0;justify-content:center;align-items:center;width:92px;height:86px;padding:0;display:flex;overflow:hidden}.brand-logo img{object-fit:contain;width:100%;height:100%;display:block}.language-switch,.ghost-button,.icon-button,.secondary-button,.primary-button{border:1px solid var(--line);color:#24352e;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:34px;display:inline-flex}.language-switch{padding:0 8px}.language-switch select{color:inherit;background:0 0;border:0;outline:0}.ghost-button{padding:0 10px}.primary-button,.secondary-button{border-color:var(--brand);background:var(--brand);color:#fff;padding:0 12px;font-weight:750}.icon-button{width:34px;padding:0}.brand{color:var(--brand);justify-items:center;display:grid}.brand strong{letter-spacing:0;font-size:30px;line-height:1}.brand span{color:#31695d;letter-spacing:0;margin-top:4px;font-size:18px;font-weight:750}.brand.large strong{font-size:clamp(32px,4vw,46px)}.brand.large span{font-size:22px}.search-hero{gap:9px;width:min(840px,100%);margin:0 auto;padding-top:0;display:grid}.search-hero.compact-hero{gap:8px;padding-top:0}.search-hero>p{text-align:center;color:var(--muted);margin:0}.search-box{border:2px solid var(--brand);background:var(--surface);border-radius:7px;align-items:center;gap:9px;height:40px;padding:0 14px;display:flex;box-shadow:0 16px 60px #12493a17}.search-box input{width:100%;min-width:0;color:var(--text);border:0;outline:0;font-size:13px}.match-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden;box-shadow:0 18px 70px #14241e14}.table-head,.match-row{grid-template-columns:1.4fr .7fr .8fr 1.3fr 24px;align-items:center;gap:10px;display:grid}.table-head{color:#7a8983;border-bottom:1px solid var(--line);padding:6px 14px;font-size:11px;font-weight:700}.match-row{width:100%;min-height:31px;color:var(--text);text-align:left;background:0 0;border:0;border-bottom:1px solid #edf2ef;padding:0 14px;font-size:12px}.match-row:hover{background:#f6fbf8}.match-row small{color:var(--muted);margin-left:8px}.temp,.metric strong.normal{color:var(--brand)}.temp.warning,.metric strong.warning{color:var(--warning)}.text-button{min-height:32px;color:var(--brand);background:#fbfdfc;border:0;align-items:center;gap:8px;padding:0 14px;font-weight:750;display:inline-flex}.section-title{color:#2e3d36;margin-bottom:10px;font-weight:800}.status-dot{background:var(--brand);border-radius:50%;width:9px;height:9px}.status-dot.warning{background:var(--warning)}.status-dot.offline{background:#89948f}.detail-surface{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:min(1320px,100%);margin:16px auto 0;overflow:hidden}.detail-header{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:10px 16px 8px;display:flex}.tag-title{align-items:center;gap:8px;display:flex}.tag-title strong{font-size:16px}.tag-title input{width:min(440px,46vw);min-width:180px;height:30px;color:var(--text);border:1px solid #0000;border-radius:7px;outline:0;padding:0 8px;font-weight:650}.tag-title input:focus{border-color:var(--line);background:#fbfdfc}.detail-header p{color:var(--muted);margin:4px 0 0;font-size:12px}.toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.range-control{border:1px solid var(--line);border-radius:7px;display:inline-flex;overflow:hidden}.range-control button{border:0;border-right:1px solid var(--line);color:#52615b;background:#fff;min-width:46px;height:32px}.range-control button:last-child{border-right:0}.range-control button.active{background:var(--brand-soft);color:var(--brand-dark);font-weight:800}.mobile-tabs{display:none}.metric-row{background:var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.metric{background:#fbfdfc;align-content:center;gap:4px;min-height:50px;padding:7px 16px;display:grid}.metric span{color:var(--muted);font-size:11px;font-weight:700}.metric strong{color:#25372f;font-size:18px}.detail-grid{grid-template-columns:minmax(430px,.94fr) minmax(480px,1.06fr);display:grid}.records-pane,.chart-pane,.report-pane,.config-pane{min-width:0;padding:14px 16px}.full-pane{border-top:0}.records-pane{border-right:1px solid var(--line)}.chart-pane h2,.report-pane h2,.config-pane h2{margin:0 0 10px;font-size:14px}.temperature-chart{width:100%;height:auto;min-height:210px;display:block}.records-table{border:1px solid var(--line);border-radius:7px;overflow:hidden}.record-row{color:#2a3832;border-bottom:1px solid #edf2ef;grid-template-columns:minmax(164px,1.5fr) .8fr .8fr .7fr;align-items:center;gap:8px;min-height:25px;padding:0 10px;font-size:11px;display:grid}.record-row.head{color:#667670;background:#f6f9f7;font-weight:800}.record-row:last-child{border-bottom:0}.pagination{min-height:28px;color:var(--muted);justify-content:center;align-items:center;font-size:11px;display:flex}.empty-state{color:var(--muted);padding:12px;font-size:12px;line-height:1.6}.chart-empty{place-items:center;min-height:190px;display:grid}.desktop-hidden{display:none}.report-pane,.config-pane{align-content:start;gap:8px;display:grid}.report-pane p,.config-pane p{color:var(--muted);margin:0;line-height:1.7}.allow-row{border-top:1px solid var(--line);color:#2a3832;grid-template-columns:auto minmax(0,1fr) auto minmax(100px,.8fr);align-items:center;gap:8px;min-height:34px;display:grid}.allow-row svg{color:var(--brand)}.allow-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.login-shell{background:#f6faf8;place-items:center;min-height:100vh;padding:24px;display:grid}.login-shell .language-switch{position:fixed;top:20px;right:20px}.login-panel{border:1px solid var(--line);background:#fff;border-radius:8px;width:min(470px,100%);padding:34px;box-shadow:0 22px 80px #1c39301a}.login-panel h1{margin:26px 0 12px;font-size:32px;line-height:1.08}.login-panel p{color:var(--muted);margin:0;line-height:1.7}.field{color:#2d3b35;gap:8px;margin:26px 0 12px;font-weight:750;display:grid}.field input{border:1px solid var(--line);border-radius:7px;outline:0;height:46px;padding:0 12px}.field input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0f7a621f}.login-panel .primary-button{width:100%}.notice{font-weight:750;color:var(--brand-dark)!important;margin-top:14px!important}@media (width<=920px){.app-shell{padding:10px 12px 28px}.top-actions{justify-content:space-between;gap:8px}.top-actions-right{gap:8px}.brand-logo{width:72px;height:68px;padding:0}.ghost-button{width:40px;padding:0;font-size:0}.search-hero{gap:10px;padding-top:4px}.brand.large strong{font-size:28px}.brand.large span{font-size:16px}.search-box{height:40px;padding:0 12px}.table-head{display:none}.match-row{grid-template-columns:1fr auto;gap:8px;min-height:46px}.match-row span:nth-child(3),.match-row span:nth-child(4){color:var(--muted);grid-column:1/-1;font-size:12px}.detail-header{padding:12px 12px 10px;display:grid}.tag-title{grid-template-columns:auto auto 1fr auto;display:grid}.tag-title input{width:100%;min-width:0}.toolbar{justify-content:stretch}.range-control{width:100%}.range-control button{flex:1;min-width:0}.toolbar .secondary-button{flex:1}.mobile-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.mobile-tabs button{color:#52615b;background:#fff;border:0;border-bottom:2px solid #0000;height:38px;font-weight:750}.mobile-tabs button.active{border-bottom-color:var(--brand);color:var(--brand)}.metric-row{grid-template-columns:repeat(2,1fr)}.metric{min-height:54px;padding:8px 12px}.metric strong{font-size:17px}.detail-grid{display:block}.records-pane,.chart-pane,.report-pane,.config-pane{border-right:0;padding:10px 12px}.mobile-hidden{display:none}.desktop-hidden{display:grid}.record-row{grid-template-columns:minmax(128px,1.4fr) .8fr .7fr .6fr;gap:8px;padding:0 10px;font-size:11px}.allow-row{grid-template-columns:auto 1fr auto}.allow-row small{grid-column:2/-1}}