body{margin:0;background:#07090d;color:#f5f7fb;font-family:Arial,sans-serif}.app-shell{width:min(1440px,calc(100% - 32px));margin:auto;padding:24px 0 64px}.topbar,.hero-panel,.control-panel,.section-heading,.device-card-header,.device-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{display:grid;place-items:center;width:54px;height:54px;border:1px solid #ffffff24;border-radius:16px;background:#141823;font-weight:800}.brand h1,.brand p,.hero-panel h2,.hero-panel p,.device-card h3,.device-card p{margin:0}.brand p,.device-card p,.hero-panel p,.section-heading>span{color:#8f96a6}.server-status{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px}.online{color:#77efbd;background:#2396691f}.offline{color:#ff8d97;background:#be37461f}.hero-panel{margin-top:26px;padding:30px;border-radius:28px;background:linear-gradient(145deg,#1c212ef2,#0c0f16f2);border:1px solid #ffffff14}.hero-panel h2{margin-top:7px;font-size:clamp(27px,4vw,46px)}.eyebrow{color:#8aa5ff;font-size:13px;font-weight:700}.refresh-button,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:11px 15px}.refresh-button,.secondary-button{color:#eef1f7;background:#ffffff12;border:1px solid #ffffff14}.primary-button{color:#07100e;background:#7cecc2;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stat-card{display:flex;align-items:center;gap:14px;padding:18px;border-radius:18px;background:#12151dd9;border:1px solid #ffffff12}.stat-card strong,.stat-card span{display:block}.stat-card strong{font-size:24px}.stat-card span{color:#8f96a6}.control-panel{margin:18px 0 28px;padding:18px;border:1px solid #ffffff12;border-radius:18px;background:#0f1219bf}.home-selector,.create-home-form{display:flex;align-items:center;gap:10px}select,input{min-height:44px;color:#f5f7fb;border:1px solid #ffffff1a;border-radius:12px;background:#0f1219;padding:0 13px}.devices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.device-card{padding:19px;border-radius:20px;background:linear-gradient(160deg,#191d28f0,#0c0f15f0);border:1px solid #ffffff13}.device-meta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 12px}.device-meta span{padding:6px 9px;border-radius:8px;color:#b4bbc9;background:#ffffff0b;font-size:12px}.device-state{min-height:52px;padding:12px;border-radius:12px;color:#9da7b9;background:#0a0c11;font-family:monospace;font-size:12px}.status-badge{padding:7px 9px;border-radius:999px;font-size:11px}.status-visible{color:#7cecc2}.status-pending{color:#f5c86f}.status-hidden{color:#a7afbd}.status-duplicate{color:#9fb3ff}.status-unsupported{color:#ff929c}.duplicate-note{display:flex;align-items:center;gap:7px;margin-top:12px;color:#9fb3ff}.device-actions{margin-top:18px}.device-actions button{flex:1}.empty-state,.error-message{padding:24px;border-radius:16px;text-align:center}.empty-state{color:#8f96a6;background:#ffffff09;border:1px dashed #ffffff1a}.error-message{margin-top:16px;color:#ff9ba4;background:#b4374121}@media(max-width:980px){.stats-grid,.devices-grid{grid-template-columns:repeat(2,1fr)}.control-panel{align-items:stretch;flex-direction:column}}@media(max-width:620px){.app-shell{width:calc(100% - 20px)}.topbar,.hero-panel,.create-home-form,.device-actions{align-items:stretch;flex-direction:column}.stats-grid,.devices-grid{grid-template-columns:1fr}}