:root{--bg:#0b1120;--panel:#151e32;--panel2:#1b2943;--text:#f5f7fb;--muted:#a9b4c7;--accent:#42d392;--blue:#6ca7ff;--red:#ff7c8b;--line:#2b3b59}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#0a1020,#111c33);color:var(--text);font:15px system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:10px;padding:10px 14px;color:#07111e;background:var(--accent);font-weight:700}button.secondary{background:var(--panel2);color:var(--text)}button.danger{background:transparent;color:var(--red);padding:6px}.shell{max-width:1180px;margin:auto;padding:22px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-weight:800;font-size:22px}.brand span{color:var(--accent)}.nav{display:flex;gap:6px;margin:24px 0}.nav button{background:transparent;color:var(--muted)}.nav button.active{background:var(--panel2);color:white}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{background:rgba(21,30,50,.94);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 14px 34px #0002}.wide{grid-column:span 8}.side{grid-column:span 4}.full{grid-column:1/-1}h1{margin:0 0 6px;font-size:26px}h2{font-size:17px;margin:0 0 15px}p,.muted{color:var(--muted)}.stats{display:flex;gap:12px;flex-wrap:wrap}.stat{padding:12px;background:var(--panel2);border-radius:12px;min-width:110px}.stat b{display:block;font-size:22px}.device{padding:13px 0;border-top:1px solid var(--line)}.device:first-child{border:0;padding-top:0}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.tag{font-size:12px;padding:4px 8px;border-radius:12px;background:#263650;color:var(--muted)}.tag.online{background:#104d3a;color:#a1f2cd}.outputs,.sensor-grid,.scene-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));margin-top:12px}.tile{padding:12px;background:var(--panel2);border-radius:12px}.tile b{display:block}.value{font-size:22px;margin-top:6px}.switch{width:44px;height:25px;border-radius:20px;background:#41516a;padding:3px;transition:.2s}.switch:after{content:"";display:block;width:19px;height:19px;background:white;border-radius:50%;transition:.2s}.switch.on{background:var(--accent)}.switch.on:after{transform:translateX(19px)}.scene{min-height:100px;text-align:left;background:var(--panel2);color:white}.scene .emoji{font-size:26px;display:block;margin-bottom:8px}.event{font-size:13px;padding:8px 0;border-top:1px solid var(--line)}.modal-wrap{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:18px}.modal{width:min(760px,100%);max-height:90vh;overflow:auto;background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}label{display:grid;gap:6px;color:var(--muted);font-size:13px}input,select{background:#0e1728;border:1px solid var(--line);color:white;border-radius:9px;padding:10px}.list-row{display:grid;grid-template-columns:1.2fr .7fr .6fr auto;gap:7px;margin:8px 0}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.login{max-width:390px;margin:12vh auto;padding:26px}.login input{width:100%;margin:12px 0}.empty{color:var(--muted);padding:12px 0}@media(max-width:760px){.wide,.side{grid-column:1/-1}.shell{padding:14px}.form-grid{grid-template-columns:1fr}.list-row{grid-template-columns:1fr 1fr auto}.top{align-items:flex-start}.nav{overflow:auto}.hide-mobile{display:none}}