*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 80% 0%,#19334a 0,#0b111b 35%,#070b11 100%);color:#eef4fb;min-height:100vh}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:255px;flex:0 0 255px;padding:22px 16px;border-right:1px solid #ffffff14;background:#08101ae8;backdrop-filter:blur(20px);display:flex;flex-direction:column}.brand img{width:185px;max-width:100%;display:block;margin:0 auto 30px}.nav{display:flex;gap:12px;align-items:center;padding:13px 14px;margin:4px 0;border-radius:12px;color:#9eacbd;font-size:14px;transition:.2s}.nav:hover,.nav.active{background:#ffffff0d;color:#fff;transform:translateX(2px)}.nav em{margin-left:auto;font-size:10px;color:#6f7c8d}.side-bottom{margin-top:auto}.system-card,.user-card{display:flex;gap:11px;align-items:center;padding:12px;border:1px solid #ffffff10;background:#ffffff06;border-radius:14px;margin-top:10px}.system-card b,.user-card b{display:block;font-size:12px}.system-card small,.user-card small{display:block;color:#8190a3;font-size:11px;margin-top:2px}.pulse{width:9px;height:9px;border-radius:50%;background:#35d5bb;box-shadow:0 0 0 6px #35d5bb16;animation:pulse 1.8s infinite}@keyframes pulse{50%{box-shadow:0 0 0 10px #35d5bb00}}.avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#22c7b6,#2367d8);display:grid;place-items:center;font-size:11px;font-weight:800}.user-card span{margin-left:auto}.main{width:100%;max-width:1500px;margin:auto;padding:28px 34px 50px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.eyebrow,.device-kicker{font-size:10px;letter-spacing:.18em;color:#6fdfd1;font-weight:800}.topbar h1{font-size:34px;margin:6px 0 2px}.topbar p{margin:0;color:#8290a2}.clock{font-variant-numeric:tabular-nums;color:#9eabbc;font-size:13px;padding:10px 12px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff06}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat-card,.glass{background:linear-gradient(145deg,#ffffff0c,#ffffff04);border:1px solid #ffffff12;box-shadow:0 20px 60px #0003;backdrop-filter:blur(16px)}.stat-card{position:relative;min-height:128px;padding:18px;border-radius:18px;overflow:hidden}.stat-card span{color:#9ba8b9;font-size:12px}.stat-card strong{display:block;font-size:27px;margin-top:8px}.stat-card small{color:#748397}.stat-icon{position:absolute;right:17px;top:17px;font-size:25px;color:#54d6c5}.device-section{padding:20px;border-radius:22px;margin-bottom:18px;animation:rise .45s ease both}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:18px}.section-head h2{margin:4px 0 7px;font-size:21px}.device-id{display:block;color:#748397;font-size:11px;margin-top:8px}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.05em;background:#ffffff0a;color:#aab6c6}.status i{width:7px;height:7px;border-radius:50%;background:#778}.status.internet{color:#70e0cb}.status.internet i{background:#3ed8bd;box-shadow:0 0 12px #3ed8bd}.status.offline{color:#9ca7b4}.status.offline i{background:#6c7684}.status.local{color:#7dc9ff}.status.local i{background:#5bb8ff}.section-actions{display:flex;align-items:center;gap:8px}.access-pill{font-size:10px;border:1px solid #ffffff12;padding:8px 10px;border-radius:999px;color:#a7b3c4}.ghost,.primary{border:0;border-radius:11px;padding:10px 13px;font-weight:750;font-size:12px;cursor:pointer;display:inline-block}.ghost{background:#ffffff0a;color:#dce5ef;border:1px solid #ffffff10}.ghost:hover{background:#ffffff12}.primary{background:linear-gradient(135deg,#30d2bf,#249ed8);color:#04100f;box-shadow:0 8px 22px #1ebba844}.full{width:100%;margin-top:8px}.inline{width:auto}.component-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.component-card{min-height:205px;border:1px solid #ffffff10;border-radius:18px;padding:16px;background:linear-gradient(160deg,#ffffff0b,#ffffff03);transition:.25s}.component-card:hover{transform:translateY(-3px);border-color:#ffffff20}.component-top{display:flex;justify-content:space-between;color:#718096;font-size:10px}.component-type{color:#8c9aae}.component-icon{width:48px;height:48px;border-radius:14px;background:#ffffff0b;display:grid;place-items:center;font-size:24px;margin:18px 0 12px;color:#69d9ca}.component-card h3{margin:0 0 4px;font-size:16px}.component-card small{color:#758296;font-size:11px}.sensor-big{font-size:34px;font-weight:800;margin-top:22px}.sensor-big small{font-size:13px;font-weight:600}.range-note{font-size:10px;color:#667487;margin-top:5px}.switch-row{display:flex;align-items:center;gap:10px;margin-top:24px}.power{border:0;border-radius:999px;padding:8px 15px 8px 9px;display:flex;align-items:center;gap:8px;background:#242d39;color:#aeb9c7;font-weight:800;cursor:pointer;min-width:84px;justify-content:center}.power span{width:12px;height:12px;border-radius:50%;background:#657283}.power.on{background:#123e3a;color:#69e0cd}.power.on span{background:#45d6bd;box-shadow:0 0 12px #45d6bd}.live-note{font-size:10px;color:#68778a}.empty-dashboard{padding:55px 20px;text-align:center;border-radius:22px}.empty-art{font-size:50px;color:#54d6c5}.empty-dashboard p{max-width:620px;margin:8px auto 22px;color:#8795a7}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.page-card{padding:22px;border-radius:20px}.page-card h2{margin-top:0}.page-card p{color:#8492a5;font-size:13px;line-height:1.6}.page-card form{display:grid;gap:5px}.page-card label,.auth-card label{font-size:12px;color:#b8c3d1;font-weight:700;margin-top:9px}.page-card input,.page-card select,.auth-card input{width:100%;margin-top:7px;padding:12px 13px;border-radius:11px;border:1px solid #ffffff15;background:#0b131e;color:#eef4fb;outline:none}.page-card input:focus,.page-card select:focus,.auth-card input:focus{border-color:#32c8b7}.success,.error{padding:12px 14px;border-radius:12px;margin-bottom:14px;font-size:12px}.success{background:#0c3c35;color:#75dfcf;border:1px solid #36cdb533}.error{background:#442326;color:#ffb3b3;border:1px solid #ff747433}.setup-banner{display:flex;gap:15px;align-items:flex-start;padding:18px;border-radius:18px;margin-bottom:16px}.setup-icon{width:42px;height:42px;border-radius:13px;background:#123a39;color:#5ee1ce;display:grid;place-items:center;font-size:25px}.setup-banner h2{margin:0 0 5px}.setup-banner p{margin:0;color:#8997a8;font-size:12px;line-height:1.65}.device-list{padding:20px;border-radius:20px}.device-list-row,.manage-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-top:1px solid #ffffff0b}.mini-device{display:flex;gap:12px;align-items:center}.mini-icon{width:40px;height:40px;border-radius:12px;background:#ffffff09;display:grid;place-items:center}.mini-device b,.manage-row b{display:block;font-size:13px}.mini-device small,.manage-row small{display:block;color:#778599;font-size:10px;margin-top:3px}.row-actions{display:flex;gap:7px}.empty-info{color:#748295;padding:22px 0;font-size:12px}.auth{display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 0,#173649,#080d14 55%)}.auth-card{width:min(460px,100%);padding:28px;border-radius:24px}.auth-logo{width:190px;max-width:75%;display:block;margin:0 auto 18px}.auth-card h1{font-size:28px;margin:7px 0}.auth-card>p{color:#8492a4;font-size:13px}.auth-card form{display:grid;gap:4px}.switch-auth{text-align:center}.switch-auth a{color:#5dd8c7;font-weight:800}@media(max-width:1000px){.sidebar{width:76px;flex-basis:76px;padding:15px 10px}.brand img{width:50px;object-fit:cover;object-position:left}.nav span,.nav em,.system-card div,.user-card div:not(.avatar){display:none}.nav{justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{display:none}.main{padding:20px 14px 35px}.topbar h1{font-size:28px}.stats-grid,.two-col{grid-template-columns:1fr}.section-head{flex-direction:column}.section-actions{width:100%}.component-grid{grid-template-columns:1fr}.setup-banner{flex-direction:column}.device-list-row{align-items:flex-start;flex-direction:column}.row-actions{width:100%}}
.error-panel{border:1px solid rgba(255,90,90,.35);margin-bottom:20px}.error-panel code{display:block;white-space:pre-wrap;word-break:break-word;padding:12px;border-radius:12px;background:rgba(0,0,0,.25);font-size:12px}.error-panel a{color:#8fd3ff}.help-text{opacity:.9}