:root{--bg:#071018;--panel:#0c1822;--panel2:#102330;--line:#1e3e4c;--cyan:#34e6da;--blue:#5aa7ff;--text:#edf8fb;--muted:#86a4ad;--ok:#62e68a;--warn:#ffd166;--bad:#ff6b75;--shadow:0 18px 60px rgba(0,0,0,.3)}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--cyan);text-decoration:none}button,input,select{font:inherit}.auth-body{min-height:100dvh;background:radial-gradient(circle at 50% -20%,#183b45 0,#08131b 36%,#050b10 100%)}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom))}.auth-card{width:min(100%,430px);background:linear-gradient(180deg,rgba(16,35,48,.97),rgba(8,20,28,.98));border:1px solid #1c4654;border-radius:28px;padding:26px;box-shadow:var(--shadow)}.auth-card.wide{width:min(100%,520px)}.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--cyan);color:#041115;font-weight:900;margin-bottom:18px}.eyebrow{font-size:11px;letter-spacing:.14em;color:var(--cyan);font-weight:800}.auth-card h1,.topbar h1,.admin-top h1{margin:6px 0 8px;font-size:28px;line-height:1}.sub,.hint,.muted{color:var(--muted)}.form-stack{display:grid;gap:14px;margin:22px 0}.form-stack label,.field-grid label,.settings-scroll label{display:grid;gap:7px;color:#bcd2d8;font-size:13px}.form-stack input,.field-grid input,.settings-scroll input,.device-switch select{width:100%;border:1px solid #244552;background:#07131b;color:var(--text);border-radius:13px;padding:13px 14px;outline:0}.form-stack input:focus,.field-grid input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(52,230,218,.1)}.password-wrap{display:grid;grid-template-columns:1fr auto;gap:8px}.primary,.secondary,.danger,.ghost-mini{border:0;border-radius:13px;min-height:44px;padding:0 16px;cursor:pointer}.primary{background:linear-gradient(135deg,var(--cyan),#76f0c0);color:#04201e;font-weight:900}.secondary{background:#132934;color:#dff6fa;border:1px solid #28505e}.danger{background:#3a171d;color:#ffd7db;border:1px solid #74333c}.ghost-mini{background:#11242e;color:#bfe8ee}.buttonlike{display:flex;align-items:center;justify-content:center;margin-top:10px}.compact{min-height:36px;padding:0 11px;font-size:12px}.auth-links{display:flex;justify-content:space-between;font-size:13px;margin:10px 0 18px}.wa-link{display:block;text-align:center;border-top:1px solid #173642;padding-top:16px}.auth-footer{display:flex;justify-content:space-between;color:#52727d;font-size:11px;margin-top:24px}.auth-footer strong{color:#67cfc9}.notice{border-radius:13px;padding:12px 14px;margin:14px 0;font-size:13px}.notice.error{background:#32171c;border:1px solid #69313a;color:#ffd6da}.notice.success{background:#0e2c24;border:1px solid #2b6f58;color:#c9ffe9}.app-body{height:100dvh;overflow:hidden;background:#061018}.app-shell{height:100dvh;max-width:680px;margin:auto;display:grid;grid-template-rows:auto auto auto minmax(88px,1fr) minmax(100px,1.05fr) auto auto;gap:8px;padding:max(10px,env(safe-area-inset-top)) 10px max(7px,env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:54px}.topbar h1{font-size:20px;margin-top:5px}.top-actions{display:flex;gap:8px;align-items:center}.icon-btn{min-width:44px;height:44px;border-radius:14px;border:1px solid #244654;background:#0d202a;color:#d9f9fa;display:grid;place-items:center;cursor:pointer}.status-pill{font-size:11px;font-weight:900;padding:7px 10px;border-radius:999px;background:#2a1820;color:#ff9aa3}.status-pill.online{background:#123022;color:#80efac}.device-switch select{padding:8px 10px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric{background:linear-gradient(180deg,#0f2530,#0b1a22);border:1px solid #1f4b58;border-radius:18px;padding:12px;min-height:92px;box-shadow:inset 0 0 22px rgba(52,230,218,.025)}.metric.temp{grid-column:1/-1;text-align:center;min-height:102px}.metric-label{font-size:11px;letter-spacing:.12em;color:#8fbac2;font-weight:900}.metric-value{font-size:32px;line-height:1.1;font-weight:900;margin-top:7px}.metric.temp .metric-value{font-size:42px}.metric-value small{font-size:13px;color:#8fbac2;margin-left:4px}.metric-state{font-size:10px;color:var(--muted);margin-top:5px;font-weight:800}.metric-state.good{color:var(--ok)}.metric-state.bad{color:var(--bad)}.signal-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#0a1820;border:1px solid #173844;border-radius:13px;padding:8px;font-size:9px;color:#7698a1}.signal-strip span{text-align:center}.signal-strip b{display:block;color:#d7fbfa;font-size:11px;margin-top:2px}.trend-card,.recorder,.info-card{background:#0a1820;border:1px solid #173844;border-radius:16px;padding:10px;min-height:0}.section-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#91b5bd;font-weight:900;letter-spacing:.07em}.trend-card canvas{display:block;width:100%;height:calc(100% - 20px);min-height:55px}.record-rows{margin-top:7px;display:grid;gap:4px}.record-row,.muted-row{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:6px;padding:5px 7px;border-radius:8px;background:#0d2029;font-size:10px}.muted-row{display:block;color:var(--muted)}.control-row{display:grid;grid-template-columns:1fr auto auto;gap:7px}.switchline{display:flex;align-items:center;gap:8px;background:#0d2029;border:1px solid #1d4250;border-radius:13px;padding:0 12px;font-size:12px}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);background:#091820;border:1px solid #153944;border-radius:15px;padding:4px;min-height:48px}.bottom-nav a{display:grid;place-items:center;color:#7599a1;font-size:11px;border-radius:11px}.bottom-nav a.active{background:#10313a;color:var(--cyan);font-weight:900}.settings-dialog{width:min(100% - 14px,540px);height:min(92dvh,760px);padding:0;background:#08151d;color:var(--text);border:1px solid #27515d;border-radius:24px;box-shadow:var(--shadow)}.settings-dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.settings-head{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid #173845}.settings-head h2{margin:4px 0 0;font-size:18px}.settings-scroll{height:calc(100% - 80px);overflow:auto;padding:15px}.settings-scroll section{padding:13px 0;border-bottom:1px solid #15323c}.settings-scroll h3{margin:0 0 12px;font-size:14px}.settings-actions,.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.settings-scroll .primary,.settings-scroll .secondary{margin-top:10px;width:100%}.page-scroll{overflow:auto;display:block;padding-bottom:76px}.page-scroll .bottom-nav{position:fixed;bottom:max(7px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 20px),660px);z-index:5}.history-table{background:#0a1820;border:1px solid #173844;border-radius:16px;overflow:hidden}.history-head,.history-row{display:grid;grid-template-columns:1.8fr repeat(4,1fr);gap:6px;padding:10px;font-size:11px}.history-head{background:#102733;color:#8db2ba;font-weight:900}.history-row{border-top:1px solid #132f39;color:#d8ebef}.info-card{margin:12px 0;padding:16px}.info-card dl{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;margin:0}.info-card dt{color:#7ea0a8}.info-card dd{margin:0;text-align:right;overflow-wrap:anywhere}.admin-body{min-height:100dvh;background:#061018}.admin-shell{width:min(1200px,calc(100% - 24px));margin:auto;padding:20px 0}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-grid>article{background:#0a1820;border:1px solid #173844;border-radius:18px;padding:14px}.admin-item{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #17323c;padding:12px 0}.admin-item:first-of-type{border-top:0}.admin-item div:first-child{display:grid;gap:3px}.admin-item span,.admin-item small{color:#7f9da5;font-size:11px}.item-actions{display:flex;align-items:center;gap:5px}@media(max-width:720px){.admin-grid{grid-template-columns:1fr}.admin-item{display:grid}.item-actions{justify-content:flex-start}.auth-card{border-radius:22px}.app-shell{grid-template-rows:auto auto auto minmax(72px,.8fr) minmax(88px,.9fr) auto auto}.metric{min-height:80px}.metric.temp{min-height:88px}.metric-value{font-size:27px}.metric.temp .metric-value{font-size:36px}}@media(max-height:700px){.app-shell{gap:5px;padding-top:6px}.topbar{min-height:44px}.metric{padding:8px;min-height:68px}.metric.temp{min-height:72px}.metric-value{font-size:24px;margin-top:3px}.metric.temp .metric-value{font-size:31px}.signal-strip{padding:5px}.bottom-nav{min-height:42px}.control-row .secondary{min-height:38px}.trend-card,.recorder{padding:7px}}
.wrap-code{display:block;margin-top:7px;white-space:normal;overflow-wrap:anywhere;color:#bffcf5;font-size:11px}.admin-grid>article:nth-child(3){grid-column:1/-1}