:root{font-family:Inter,"Segoe UI",system-ui,sans-serif;color:#eaf5f2;background:#07100f;color-scheme:dark;--bg:#07100f;--panel:#0e1a18;--panel2:#111f1c;--line:#20312e;--muted:#92aaa4;--mint:#9fffcf;--cyan:#70e4dc;--amber:#ffd27a;--danger:#ff8c8c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,rgba(112,228,220,.08),transparent 30rem),var(--bg);min-height:100vh}a{color:inherit}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:30px;background:rgba(7,16,15,.94);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:760}.brand-mark{width:33px;height:33px;border-radius:10px;background:var(--mint);color:#06100f;display:grid;place-items:center}.property-picker{display:flex;align-items:center;gap:10px;margin-left:28px}.property-picker label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.property-picker select{border:1px solid var(--line);background:var(--panel);color:#fff;border-radius:10px;padding:9px 34px 9px 12px;min-width:170px}.top-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.connection{display:flex;align-items:center;gap:7px;color:var(--mint);font-size:.76rem}.connection i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint)}.locale-switcher{display:flex;border:1px solid var(--line);padding:3px;border-radius:999px}.locale-switcher button{border:0;background:transparent;color:var(--muted);padding:6px 8px;border-radius:999px;font-size:.7rem;cursor:pointer}.locale-switcher button[aria-pressed=true]{background:#1b2b27;color:#fff}.button{background:var(--mint);color:#06100f;text-decoration:none;padding:9px 13px;border-radius:10px;font-weight:760;font-size:.8rem}.app-shell{display:grid;grid-template-columns:210px 1fr}.sidebar{border-right:1px solid var(--line);min-height:calc(100vh - 76px);padding:28px 16px;display:flex;flex-direction:column;position:sticky;top:76px;height:calc(100vh - 76px)}.sidebar nav{display:grid;gap:6px}.sidebar a{display:flex;gap:12px;align-items:center;padding:11px 13px;border-radius:10px;text-decoration:none;color:var(--muted);font-size:.86rem}.sidebar a span{width:20px;color:#66827c}.sidebar a.active{background:#14231f;color:#fff}.sidebar a.active span{color:var(--mint)}.sidebar-foot{margin-top:auto;border:1px solid var(--line);border-radius:12px;padding:13px;display:grid;gap:5px;font-size:.7rem;color:var(--muted)}.sidebar-foot strong{color:var(--mint);font-size:.76rem}main{padding:30px clamp(22px,4vw,62px) 80px;max-width:1500px;width:100%;margin:auto}.preview-banner{display:flex;gap:12px;align-items:center;border:1px solid rgba(255,210,122,.25);background:rgba(255,210,122,.06);color:#dec89d;padding:11px 14px;border-radius:11px;font-size:.75rem}.preview-banner strong{color:var(--amber);text-transform:uppercase;letter-spacing:.08em}.welcome{display:flex;align-items:end;justify-content:space-between;padding:50px 0 28px}.eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:var(--cyan);font-weight:760}.welcome h1{font-size:clamp(2.8rem,5vw,5.2rem);letter-spacing:-.06em;line-height:1;margin:14px 0}.welcome p{color:var(--muted)}.weather{display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:16px 20px}.weather>span{font-size:2rem}.weather div{display:grid}.weather small{color:var(--muted);margin-top:3px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-row article{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:20px}.metric-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#162723}.metric-icon.mint{color:var(--mint)}.metric-icon.cyan{color:var(--cyan)}.metric-icon.amber{color:var(--amber)}.metric-row article div{display:grid}.metric-row b{font-size:1.35rem}.metric-row small{color:var(--muted);margin-top:3px}.section-head{display:flex;align-items:end;justify-content:space-between;margin:50px 0 18px}.section-head h2{font-size:2rem;letter-spacing:-.04em;margin:8px 0 0}.freshness{color:var(--muted);font-size:.74rem}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.module-grid article{background:linear-gradient(150deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:16px;padding:20px;min-height:220px;display:flex;flex-direction:column}.module-top{display:flex;justify-content:space-between;align-items:center}.module-top>span{font-size:1.35rem;color:var(--cyan)}.module-top b{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.module-grid [data-module-state=available] .module-top b{color:var(--mint)}.module-grid [data-module-state=building] .module-top b{color:var(--cyan)}.module-grid [data-module-state=certification-pending] .module-top b{color:var(--amber)}.module-grid h3{font-size:1.3rem;margin:34px 0 8px}.module-grid p{color:var(--muted);font-size:.84rem;line-height:1.55;margin:0}.module-grid footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;border-top:1px solid var(--line);padding-top:13px;color:var(--muted);font-size:.7rem}.module-grid footer i{width:6px;height:6px;border-radius:50%;background:currentColor}.activity{margin-top:60px}.timeline{border-top:1px solid var(--line)}.timeline>div{display:flex;align-items:center;gap:15px;padding:17px 3px;border-bottom:1px solid var(--line)}.timeline>div>i{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 15px rgba(159,255,207,.4)}.timeline span{display:grid}.timeline small{color:var(--muted);margin-top:4px}@media(max-width:1050px){.module-grid{grid-template-columns:repeat(2,1fr)}.property-picker label,.connection{display:none}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 14px}.property-picker{margin-left:0}.property-picker select{min-width:120px}.locale-switcher{display:none}.welcome{align-items:flex-start;flex-direction:column}.weather{margin-top:20px}.metric-row{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr 1fr}}@media(max-width:500px){.brand span:last-child{display:none}.top-actions{gap:7px}.module-grid{grid-template-columns:1fr}.property-picker select{max-width:125px}.preview-banner{align-items:flex-start;flex-direction:column}}
 .device-control-card{margin-top:26px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.device-control-card .section-head{margin:0 0 16px}.device-control-card .section-head span{color:var(--mint);font-size:.76rem}.device-control-card ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.device-control-card li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.device-control-card li>span{display:grid;gap:4px}.device-control-card small,.device-control-unavailable{color:var(--muted)}.device-control-actions{display:flex;gap:8px}.device-control-card button{border:1px solid var(--line);background:var(--mint);color:#06100f;border-radius:9px;padding:8px 12px;font-weight:700;cursor:pointer}.device-control-card button[data-action=turn_off],.device-control-card button[data-action=cancel]{background:transparent;color:#fff}.device-control-card p[role=status]{color:var(--cyan)}
.automation-workflow { margin-top: 1rem; padding: 1.25rem; border: 1px solid var(--line, #d8e2ea); border-radius: 1rem; background: var(--surface, #fff); }
.automation-workflow form { display: grid; gap: .65rem; }
.automation-workflow textarea { min-height: 7rem; resize: vertical; padding: .8rem; border: 1px solid var(--line, #aebec9); border-radius: .7rem; font: inherit; }
.automation-workflow button { min-height: 2.75rem; padding: .65rem 1rem; border: 0; border-radius: .7rem; background: #126b5f; color: #fff; font-weight: 700; cursor: pointer; }
.automation-workflow button:disabled { cursor: not-allowed; opacity: .55; }
.automation-receipt { margin-top: 1rem; padding: 1rem; border-radius: .8rem; background: #f2f8f7; }
.automation-actions { display: flex; flex-wrap: wrap; gap: .65rem; }
.automation-workflow[data-capability-state="checking"] #automation-status,
.automation-workflow[data-capability-state="unavailable"] #automation-status { color: #7b4d00; font-weight: 650; }
.session-state { display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: .78rem; font-weight: 700; }
.session-state[data-state="signed-in"] { border-color: rgba(44, 199, 159, .38); color: #9ee8d3; background: rgba(44, 199, 159, .08); }
.session-state[data-state="busy"] { border-color: rgba(75, 184, 255, .4); color: #b9e4ff; background: rgba(75, 184, 255, .08); }
.connection[data-state="live"] { color: #9ee8d3; }
.connection[data-state="reconnecting"] { color: #b9e4ff; }
.connection[data-state="offline"],
.connection[data-state="stale"] { color: #f2c48d; }
.client-entry { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin: 8px 0 24px; padding: clamp(24px, 5vw, 48px); border: 1px solid rgba(75, 184, 255, .24); border-radius: 24px; background: linear-gradient(135deg, rgba(75, 184, 255, .13), rgba(44, 199, 159, .07)); box-shadow: 0 24px 70px rgba(0, 0, 0, .2); }
.client-entry h1 { max-width: 760px; margin: 8px 0 10px; font-size: clamp(2rem, 5vw, 4.25rem); line-height: .98; letter-spacing: -.055em; }
.client-entry p { max-width: 720px; margin: 0; color: var(--muted); font-size: 1.05rem; line-height: 1.6; }
.client-entry-action { flex: 0 0 auto; min-width: 132px; text-align: center; }
@media (max-width: 760px) {
  .client-entry { align-items: flex-start; flex-direction: column; }
  .client-entry-action { width: 100%; }
  .session-state { display: none; }
  .locale-switcher { display: flex; }
}
@media (max-width: 1050px) {
  .connection { display: flex; }
}