*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#172235;font-family:Inter,sans-serif}.admin-shell{min-height:100vh;display:flex}aside{width:245px;background:#101a29;color:#aebacc;padding:24px 16px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:5px 9px 35px}.brand-icon{width:38px;height:38px;border-radius:11px;background:#304b6c;display:grid;place-items:center;color:#8fc1f5;font-size:20px}.brand strong{display:block;color:#fff;font-size:13px;letter-spacing:1px}.brand span{display:block;color:#687991;font-size:7px;letter-spacing:1.5px;margin-top:3px}nav a{display:block;padding:12px 13px;margin:4px 0;border-radius:9px;font-size:11px;color:#8593a6;text-decoration:none}nav a.active,nav a:hover{background:#1d2d44;color:#fff}.side-bottom{margin-top:auto;font-size:9px;border:1px solid #26364c;padding:11px;border-radius:9px}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#3bd594;margin-right:7px}.admin-shell main{margin-left:245px;width:calc(100% - 245px);padding:30px 38px}.admin-shell header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.kicker{font-size:8px;color:#6c8db4;letter-spacing:1.5px}.admin-shell h1{font-size:28px;margin:5px 0;font-weight:600}.admin-shell header a{color:#5188c8;text-decoration:none;font-size:10px}.notice{padding:14px 17px;background:#edf5ff;border:1px solid #d8e8fa;color:#53708e;border-radius:10px;font-size:10px;margin-bottom:18px}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:17px}.panel{background:#fff;border:1px solid #e6ebf2;border-radius:14px;padding:21px;box-shadow:0 7px 22px #233a5a09}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.panel h2{font-size:15px;margin:0 0 5px}.panel p{font-size:9px;color:#8c98a8;margin:0}.saved{font-size:8px;background:#eaf8f2;color:#299b72;padding:6px 8px;border-radius:6px}.weather-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.weather-option{border:1px solid #e4e9f0;background:#f8fafc;border-radius:10px;padding:13px 5px;cursor:pointer;color:#55657a}.weather-option.active{border-color:#5b94d4;background:#edf5ff;box-shadow:0 0 0 2px #5b94d415}.weather-option .big-icon{font-size:25px;display:block;margin-bottom:7px}.weather-option b{display:block;font-size:10px}.weather-option small{display:block;font-size:7px;color:#929ead;margin-top:4px}.field{display:block;margin-top:14px}.field span{display:block;font-size:8px;font-weight:700;color:#748196;margin-bottom:6px}.field input{width:100%;height:38px;border:1px solid #e1e6ed;border-radius:8px;padding:0 10px;outline:none;color:#28364b;font-size:10px;background:#fbfcfe}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sensor-form{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 10px}.save-btn,.open-btn{margin-top:17px;border:0;background:#477fbe;color:#fff;padding:10px 15px;border-radius:8px;font-size:9px;font-weight:700;cursor:pointer}.preview-card{height:178px;border-radius:12px;background:linear-gradient(135deg,#10283e,#233e55);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}.preview-card span{font-size:46px}.preview-card strong{font-size:19px;margin-top:7px}.preview-card small{font-size:8px;color:#a9b9c8;margin-top:7px}.open-btn{width:100%;background:#18273a}.preview-panel{min-height:300px}@media(max-width:900px){aside{display:none}.admin-shell main{margin-left:0;width:100%;padding:20px}.grid{grid-template-columns:1fr}.weather-options{grid-template-columns:repeat(3,1fr)}}@media(max-width:550px){.sensor-form{grid-template-columns:1fr 1fr}.weather-options{grid-template-columns:repeat(2,1fr)}}