@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg-main: #0b1017;--bg-panel: rgba(16, 24, 36, .78);--bg-panel-soft: rgba(20, 30, 44, .58);--bg-input: rgba(11, 18, 28, .82);--text: #e9f0f8;--text-dim: #8ea4bd;--line: rgba(120, 147, 178, .24);--line-strong: rgba(158, 188, 220, .35);--text-main: #e9f0f8;--text-soft: #8ea4bd;--accent: #6be2cf;--accent-2: #39b7ff;--danger: #ff6f6f;--ok: #63da96;--radius-lg: 20px;--radius-md: 14px;--shadow-xl: 0 24px 60px rgba(3, 8, 15, .6);--shadow-md: 0 12px 30px rgba(6, 12, 22, .45)}[data-theme=light]{--bg-main: #f0f4f8;--bg-panel: rgba(255, 255, 255, .88);--bg-panel-soft: rgba(240, 245, 252, .8);--bg-input: rgba(255, 255, 255, .95);--text: #1a2535;--text-dim: #4a6080;--line: rgba(100, 130, 170, .22);--line-strong: rgba(80, 110, 160, .35);--text-main: #1a2535;--text-soft: #4a6080;--accent: #0d9e8a;--accent-2: #1a7fd4;--danger: #d93030;--ok: #2aab6a;--shadow-xl: 0 24px 60px rgba(40, 80, 140, .12);--shadow-md: 0 12px 30px rgba(40, 80, 140, .09)}[data-theme=light] body{background:radial-gradient(1100px 700px at -10% -15%,rgba(66,126,255,.07),transparent 58%),radial-gradient(900px 600px at 105% 15%,rgba(84,237,200,.07),transparent 62%),linear-gradient(180deg,#e8eef6,#f0f5fc,#e4ecf6)}[data-theme=light] body:before{background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);opacity:.4}[data-theme=light] input,[data-theme=light] select{border-color:#5078b44d;color:var(--text-main)}[data-theme=light] button{background:linear-gradient(180deg,#1a7fd424,#0d64aa1a);color:var(--text-main);border-color:#1a7fd433}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%;max-width:100%;overflow-x:hidden}body{font-family:Manrope,Segoe UI,sans-serif;color:var(--text-main);background:radial-gradient(1100px 700px at -10% -15%,rgba(66,126,255,.16),transparent 58%),radial-gradient(900px 600px at 105% 15%,rgba(84,237,200,.15),transparent 62%),linear-gradient(180deg,#0b1017,#0f1622,#0a111b);background-attachment:fixed;letter-spacing:.01em}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at center,black 45%,transparent 95%);mask-image:radial-gradient(circle at center,black 45%,transparent 95%);opacity:.5}button,input,select{font-family:inherit}input,select{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--bg-input);color:var(--text-main);padding:11px 12px;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}input:focus,select:focus{border-color:#5bc0ffcc;box-shadow:0 0 0 3px #39b7ff26}button{border:1px solid transparent;border-radius:12px;padding:10px 14px;color:var(--text-main);background:linear-gradient(180deg,#47c7ff38,#237ab733);cursor:pointer;transition:transform .16s ease,border-color .2s ease,filter .2s ease,background .2s ease}button:hover{filter:brightness(1.08);border-color:#72c1ff73}button:active{transform:translateY(1px) scale(.99)}button:disabled{opacity:.5;cursor:not-allowed}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:min(430px,100%);display:grid;gap:16px;padding:30px;border-radius:var(--radius-lg);background:linear-gradient(170deg,#192537e0,#0d1521d6);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-xl);animation:reveal-up .45s ease}.login-title{font-family:Sora,sans-serif;font-size:26px;font-weight:700;text-align:center;letter-spacing:.02em}.login-subtitle{margin-top:6px;text-align:center;color:var(--text-soft);font-size:13px}.login-select-row label{display:grid;gap:6px;color:var(--text-soft);font-size:13px}.login-input{border-radius:14px}.login-btn{background:linear-gradient(180deg,#6febd652,#2994b547);border:1px solid rgba(138,231,255,.52);font-weight:700;padding:12px 14px}.login-error{color:#ff8f8f;font-size:13px;text-align:center}.topbar{position:sticky;top:0;z-index:40;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:12px;background:#0a101acc;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Sora,sans-serif;font-size:17px;font-weight:600;letter-spacing:.02em}.topbar-brand-icon{font-size:20px}.topbar-right{display:flex;align-items:center;gap:10px;flex:0 0 auto;max-width:100%;flex-wrap:wrap;justify-content:flex-end}.topbar-viewing-client{display:inline-block;max-width:min(42vw,360px);overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.topbar-right select{width:auto;min-width:74px;padding:8px 10px}.logout-btn{background:#1b283ae6;border:1px solid var(--line);color:#c8d8ea}.theme-toggle-btn{background:transparent;border:1px solid var(--line);border-radius:10px;padding:6px 10px;font-size:16px;cursor:pointer;line-height:1}.menu-toggle-btn{background:transparent;border:1px solid var(--line);border-radius:10px;padding:6px 10px;font-size:16px;cursor:pointer;line-height:1;color:var(--text-main)}.menu-toggle-btn.active{border-color:#63c7ff8c;background:#63c7ff2e}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04080e66;z-index:20}.side-menu{position:fixed;top:0;left:0;bottom:0;width:min(360px,86vw);transform:translate(-102%);transition:transform .2s ease;z-index:21;background:linear-gradient(180deg,#0a101afa,#0c131ff5);border-right:1px solid var(--line);padding:18px 14px;display:grid;grid-auto-rows:min-content;gap:10px}.side-menu.open{transform:translate(0)}.side-menu-header{font-family:Sora,sans-serif;font-size:15px;font-weight:600;color:var(--text-main);margin-bottom:4px}.side-menu-active-object{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#14223399;margin-bottom:8px;font-size:12px}.menu-object-name{font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-object-status{font-size:11px;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:4px;white-space:nowrap}.menu-object-status.online{color:#89e7b4}.menu-object-status.offline{color:#ffb1b1}.side-menu-item,.side-menu-object,.side-menu-add{width:100%;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#141f2ed6;color:var(--text-main);cursor:pointer}.side-menu-item.active,.side-menu-object.active{border-color:#6fe2cfa6;background:linear-gradient(170deg,#5ad4bb40,#23766f38)}.side-menu-section{display:grid;gap:8px;margin-top:6px;max-height:calc(100vh - 220px);overflow:auto;padding-right:2px}.side-menu-add{border-color:#63c7ff80;background:#2b598659}.rooms-section{margin-bottom:24px}.rooms-title{font-size:16px;font-weight:600;color:var(--accent);margin-bottom:10px;display:flex;align-items:center;gap:8px}.room-title-actions{display:flex;gap:4px;margin-left:auto}.btn-icon{background:transparent;border:none;cursor:pointer;font-size:14px;padding:2px 4px;border-radius:4px;opacity:.7}.btn-icon:hover{opacity:1}.btn-icon.danger:hover{color:var(--error, #e55)}.room-empty{font-size:13px;color:var(--text-muted);padding:4px 0}.btn-fav{background:transparent;border:1px solid var(--line);padding:4px 8px;border-radius:6px;cursor:pointer;opacity:.5}.btn-fav.active{opacity:1}.btn-fav:hover{opacity:.85}[data-theme=light] .logout-btn{background:#dce6f5e6;color:var(--text-main)}[data-theme=light] .house-tab,[data-theme=light] .house-actions button,[data-theme=light] .client-tabs button,[data-theme=light] .toolbar-row button,[data-theme=light] .block-filter-row button{background:#e8f0faf2;color:var(--text-main);border-color:#6a85aa59}[data-theme=light] .create-client-form,[data-theme=light] .client-card,[data-theme=light] .house-info-panel,[data-theme=light] .assign-owner-form,[data-theme=light] .assigned-client-item,[data-theme=light] .client-overview,[data-theme=light] .overview-card,[data-theme=light] .block-card,[data-theme=light] .device-card{background:linear-gradient(160deg,#fffffffa,#edf4fcfa);color:var(--text-main);border-color:#6a85aa47;box-shadow:0 8px 22px #2a568e14}[data-theme=light] .block-card strong,[data-theme=light] .device-name,[data-theme=light] .client-card-info strong,[data-theme=light] .house-info-close strong,[data-theme=light] .client-overview h3{color:var(--text-main)}[data-theme=light] .block-card span,[data-theme=light] .device-type,[data-theme=light] .room-count,[data-theme=light] .preview-map,[data-theme=light] .overview-card span,[data-theme=light] .client-card-info span,[data-theme=light] .house-info-label,[data-theme=light] .no-clients,[data-theme=light] .assigned-empty{color:#415c7b}[data-theme=light] .device-meta-row span{color:#35516f;background:#e6effaf2;border-color:#6a85aa47}[data-theme=light] .btn-edit{color:#174a78;border-color:#4e81b873;background:#b5d7f5a6}[data-theme=light] .btn-delete{color:#5a3941;border-color:#aa7f8a66;background:#f2d6ddb3}[data-theme=light] .btn-on,[data-theme=light] .device-toggle.off{color:#15553c;background:#b0eccfb3}[data-theme=light] .btn-off,[data-theme=light] .device-toggle.on{color:#7a2e2e;background:#f9ccccb8}.dashboard{width:min(1280px,100%);margin:0 auto;padding:26px 18px 60px;animation:fade-in .35s ease}.dashboard-empty{margin-top:90px;text-align:center;color:var(--text-soft)}.dashboard-message{margin-top:14px;border:1px solid rgba(104,188,255,.38);background:#132c4280;color:#cce8ff;border-radius:14px;padding:10px 12px}.installer-card,.create-house-card,.house-toolbar,.block-section,.devices-list,.preview-card{background:linear-gradient(160deg,var(--bg-panel),var(--bg-panel-soft));border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.installer-card,.create-house-card,.preview-card,.block-section,.devices-list{padding:18px}.installer-card{width:min(500px,100%);display:grid;gap:12px;margin-bottom:20px}.installer-card h2,.create-house-card h3,.block-section h3,.devices-list h3,.preview-title{font-family:Sora,sans-serif;letter-spacing:.02em}.create-house-card{margin:14px 0 22px}.create-house-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px}.create-house-grid label{display:grid;gap:6px;font-size:12px;color:var(--text-soft)}.checkbox-row{display:flex!important;align-items:center;gap:10px}.checkbox-row input[type=checkbox]{width:16px;height:16px}.create-house-actions{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}.create-house-actions .secondary{background:#141f2ebf;border-color:var(--line);color:#b5c8dd}.house-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.house-tab{border-radius:14px;padding:10px 14px;border:1px solid var(--line);background:#131e2db8;color:#c7d9ef}.house-tab.active{border-color:#7cdbffbf;background:linear-gradient(175deg,#4698d970,#3376ad4d);color:#f1f7ff}.house-tab.add-tab{border-style:dashed}.house-dashboard{display:grid;gap:18px;min-width:0}.house-dashboard>*{min-width:0}.active-object-title{position:sticky;top:72px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:#101b29eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.active-object-main{display:flex;align-items:baseline;gap:8px}.active-object-main span{font-size:12px;color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em}.active-object-main strong{font-family:Sora,sans-serif;font-size:16px;color:var(--text-main)}.active-object-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border:1px solid var(--line);border-radius:999px}.active-object-status.online{color:#89e7b4;border-color:#65eaa573;background:#27915838}.active-object-status.offline{color:#ffb1b1;border-color:#ff8a8a73;background:#982a2a38}.status-dot-icon{line-height:1}.active-object-compact{position:sticky;top:72px;z-index:8;padding:6px 12px;border:1px solid var(--line);border-radius:12px;background:#101b29eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:44px;display:flex;align-items:center}.active-object-compact-main{display:flex;align-items:center;gap:8px;font-size:13px;width:100%;overflow:hidden}.active-object-compact-main span:first-child{font-weight:600;color:var(--text-main);white-space:nowrap;flex-shrink:0}.dot-separator{color:var(--text-soft);flex-shrink:0}.status-compact{display:inline-flex;align-items:center;gap:4px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;white-space:nowrap}.status-compact.online{color:#89e7b4}.status-compact.offline{color:#ffb1b1}.client-object-info{padding:8px 0;display:flex;gap:8px;justify-content:flex-start}.client-object-info button{padding:8px 12px;font-size:12px;background:#141f2ed6;border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;color:var(--text-main);transition:all .18s}.client-object-info button:hover{border-color:#6fe2cfa6;background:#32647866}.house-toolbar{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.house-toolbar>div:first-child{display:grid;gap:3px}.house-toolbar strong{font-family:Sora,sans-serif;font-size:17px}.house-toolbar span{color:var(--text-soft);font-size:13px}.house-actions{display:flex;flex-wrap:wrap;gap:8px}.house-actions button{background:#141f2ed6;border-color:var(--line);padding:8px 10px}.room-blocks-layout{display:grid;gap:12px}.room-blocks-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#121e2dad;padding:12px}.room-blocks-title{font-size:13px;font-weight:600;color:var(--text-soft);margin-bottom:10px;letter-spacing:.02em}.client-view,.operator-view{display:grid;gap:16px;min-width:0}.client-tabs,.toolbar-row{display:flex;gap:10px;flex-wrap:wrap}.client-tabs button,.toolbar-row button{background:#121d2cdb;border-color:var(--line)}.client-tabs button.active{border-color:#6fe2cfbf;background:linear-gradient(170deg,#5ad4bb59,#23766f4d)}.clients-nav-btn{padding:6px 14px;border:1px solid var(--line);border-radius:var(--radius);background:transparent;color:var(--text);cursor:pointer;font-size:.88rem;transition:background .18s,border-color .18s}.clients-nav-btn:hover,.clients-nav-btn.active{background:#63c7ff2e;border-color:#63c7ff80}[data-theme=light] .menu-toggle-btn,[data-theme=light] .side-menu-item,[data-theme=light] .side-menu-object,[data-theme=light] .side-menu-add{background:#e8f0faf2;color:var(--text-main);border-color:#6a85aa59}[data-theme=light] .side-menu{background:linear-gradient(180deg,#f7fbfffa,#edf4fcf5)}[data-theme=light] .active-object-title{background:#f5fafff5;border-color:#6a85aa59}[data-theme=light] .room-blocks-card{background:#f5faffcc;border-color:#6a85aa47}.clients-list-view{padding:20px}.clients-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.clients-list-actions{display:flex;align-items:center;gap:10px}.clients-list-header h2{margin:0}.create-client-form{display:flex;flex-direction:column;gap:8px;max-width:380px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#121e2ddb;margin-bottom:20px}.create-client-form h3{margin:0 0 6px;font-size:1rem}.create-client-form label{font-size:.8rem;color:var(--text-dim);margin-bottom:-4px}.create-client-form input,.create-client-form select{width:100%;box-sizing:border-box}.create-client-actions{display:flex;gap:8px;margin-top:4px}.clients-list-view h2{margin:0 0 16px;font-size:1.3rem}.no-clients{color:var(--text-dim);font-size:.95rem}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.client-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(160deg,#121e2ddb,#0d1622cc)}.client-card-icon{font-size:1.8rem;flex-shrink:0}.client-card-info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.client-card-info strong{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-card-info span{font-size:.8rem;color:var(--text-dim)}.status-dot.online{color:#5ae8b0}.status-dot.offline{color:#f87171}.topbar-viewing-client{font-size:.85rem;opacity:.75}.admin-client-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:var(--radius);background:#63c7ff14;border:1px solid rgba(99,199,255,.25);margin-bottom:12px;font-size:.9rem}.assign-owner-form{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 14px;border-radius:var(--radius);background:#121e2de0;border:1px solid var(--line);margin-bottom:12px}.assign-owner-form strong{font-size:.9rem;white-space:nowrap}.assign-owner-form select{flex:1;min-width:180px}.assign-owner-actions{display:flex;gap:8px}.assigned-clients-list{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:8px}.assigned-empty{color:var(--text-dim);font-size:.86rem}.assigned-client-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#1422339e}.logs-view{display:grid;gap:16px;padding:20px}.logs-object-picker{display:flex;gap:10px;flex-wrap:wrap}.logs-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#121e2ddb}.logs-filters label{display:grid;gap:6px;color:var(--text-dim);font-size:.82rem}.logs-search-field{grid-column:span 2}.logs-table{display:grid;gap:8px}.logs-table-head,.logs-row{display:grid;grid-template-columns:minmax(170px,210px) 110px 120px 1fr;gap:12px;align-items:start}.logs-table-head{padding:0 12px;color:var(--text-dim);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.logs-row{padding:14px 12px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(160deg,#121e2ddb,#0d1622cc)}.logs-row-warning{border-color:#ffcc6659}.logs-row-error{border-color:#ff6f6f66}.log-level-pill{display:inline-flex;align-items:center;justify-content:center;min-width:74px;padding:4px 8px;border-radius:999px;font-size:.75rem;text-transform:uppercase;border:1px solid var(--line);background:#182537cc}.log-level-info{color:var(--accent)}.log-level-warning{color:#ffcf66}.log-level-error{color:var(--danger)}.house-info-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(160deg,#121e2de6,#0d1622d9);padding:16px;margin-bottom:14px}.house-info-close{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.house-info-close strong{font-size:1rem}.house-info-grid{display:flex;flex-direction:column;gap:7px}.house-info-row{display:flex;gap:12px;align-items:baseline;font-size:.9rem}.house-info-label{color:var(--text-dim);min-width:150px;font-size:.82rem}.house-info-row code{font-family:monospace;background:#63c7ff1a;padding:2px 8px;border-radius:4px;letter-spacing:2px;font-size:1rem}.status-online{color:#5ae8b0}.status-offline{color:#f87171}.client-overview{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(160deg,#121e2ddb,#0d1622cc);padding:14px;display:grid;gap:12px}.client-overview-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.client-overview-head h3{font-family:Sora,sans-serif;font-size:15px}.client-overview-head span{color:var(--text-soft);font-size:12px}.client-overview-cards{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}@media (max-width: 480px){.client-overview-cards{grid-template-columns:repeat(3,1fr);gap:6px}}.overview-card{border:1px solid var(--line);border-radius:12px;background:#142233c7;padding:8px;display:grid;gap:3px}.overview-card strong{font-size:20px;line-height:1.1}.overview-card span{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#9eb7d1;line-height:1.2}@media (max-width: 480px){.overview-card{padding:6px}.overview-card strong{font-size:18px}}.overview-card.on{border-color:#65eaa573}.overview-card.off{border-color:#ff979761}.block-filter-row{display:flex;flex-wrap:wrap;gap:8px}.block-filter-row button{background:#121d2cd1;border:1px solid var(--line);border-radius:999px;font-size:12px;padding:7px 11px}.block-filter-row button.active{border-color:#6ee0cdb8;background:linear-gradient(165deg,#46b5a557,#1d575f47)}.preview-map{margin-top:10px;border:1px dashed var(--line-strong);border-radius:var(--radius-md);min-height:120px;padding:14px;color:#b8cae0;display:grid;place-items:start;gap:6px}.preview-card-energy{padding:0;overflow:hidden}.preview-card-energy .preview-title{padding:14px 18px 0;margin:0}.preview-card-energy .ef-container{margin-top:6px;margin-bottom:0;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.preview-card-energy .ef-diagram{padding-left:0;padding-right:0}.block-section,.devices-list,.room-section{animation:reveal-up .38s ease}.block-grid,.device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}@media (min-width: 768px){.device-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (min-width: 1024px){.device-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 480px){.device-grid{grid-template-columns:1fr}}.block-card{border:1px solid var(--line);border-left:3px solid rgba(72,178,255,.95);border-radius:var(--radius-md);background:#0d1622cc;padding:13px;display:grid;gap:7px}.block-card strong{font-size:14px;color:#eef5ff}.block-card span{font-size:11px;color:#91b6da;letter-spacing:.08em;text-transform:uppercase}.block-actions{display:flex;gap:8px;flex-wrap:wrap}.block-actions button{padding:7px 10px;font-size:12px;background:#172538e0;border-color:var(--line)}.devices-list{margin-top:2px}.device-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(170deg,#172334e6,#0c1420cc);box-shadow:0 10px 28px #050b146b;padding:16px;display:grid;gap:12px}.device-card.on{border-color:#65eaa5a6;box-shadow:0 0 0 1px #65eaa538,0 14px 34px #1c654140}.device-card.off{border-color:#8199b457}.device-card.unknown{border-color:#cdb6706b;box-shadow:0 0 0 1px #bd984024,0 14px 34px #503f1433}.device-card-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.device-icon{font-size:26px}.device-status-badge{border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex;gap:6px;align-items:center}.device-status-badge.on{color:#95efbe;background:#2da16638}.device-status-badge.off{color:#ff9b9b;background:#b0373738}.device-status-badge.unknown{color:#e5c880;background:#91732338}.device-status-badge.pending{color:#9bc9ff;background:#2b5ca547}.device-status-badge.failed{color:#ffb0b0;background:#a634344d}.device-status-badge.success{color:#9df0be;background:#308c563d}.status-dot{width:6px;height:6px;border-radius:999px}.status-dot.on{background:var(--ok);box-shadow:0 0 8px #63da96e6}.status-dot.off{background:var(--danger)}.status-dot.unknown{background:#d9b25c}.status-dot.pending{background:#67a9ff}.status-dot.failed{background:#ff6f6f}.status-dot.success{background:#6fe5a2}.device-offline-warning{margin:8px 0 12px;border:1px solid rgba(191,146,69,.45);border-radius:12px;background:#6c4d1933;color:#f2d18e;padding:10px 12px;font-size:13px}.device-name{font-weight:700;font-size:14px}.device-type{margin-top:2px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8ba9c8}.device-meta-row{display:flex;gap:8px;flex-wrap:wrap}.device-meta-row span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#9fc2e5;border:1px solid var(--line);border-radius:999px;padding:3px 8px;background:#1a283ca6}.device-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.device-actions .btn,.device-toggle{border-radius:10px;padding:9px 10px}.scenarios-view{padding:18px}.scenarios-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:18px}.create-scenario-card{background:var(--bg-panel-soft);border:1px solid var(--line);border-radius:var(--radius-md);padding:14px;margin-bottom:18px}.create-scenario-card h4{margin:0 0 12px;color:var(--accent)}.create-scenario-card label{display:grid;gap:6px;font-size:13px;color:var(--text-soft);margin-bottom:12px}.create-scenario-card input{background:var(--bg-input);border:1px solid var(--line);border-radius:8px;padding:10px 12px;color:var(--text-main);font-size:14px}.scenario-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.scenario-actions button,.scenarios-header button{background:var(--accent);color:#000;border:none;border-radius:8px;padding:9px 16px;cursor:pointer;font-weight:600;font-size:13px}.scenario-actions button.secondary,.scenario-actions button.danger{background:var(--bg-input);color:var(--text-main);border:1px solid var(--line)}.scenario-actions button.danger{color:var(--danger)}.scenarios-list{display:grid;gap:12px}.scenario-card{background:var(--bg-panel-soft);border:1px solid var(--line);border-radius:var(--radius-md);padding:14px}.scenario-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.scenario-header h4{margin:0;color:var(--accent);font-size:16px}.status{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.status.active{background:var(--ok);color:#000}.status.inactive{background:var(--danger);color:#fff}.scenario-info{display:flex;gap:16px;font-size:12px;color:var(--text-soft);margin-bottom:10px}.scenario-card .scenario-actions{display:flex;gap:8px}.btn-small{background:var(--bg-input);color:var(--text-main);border:1px solid var(--line);border-radius:6px;padding:6px 12px;font-size:12px;cursor:pointer;flex:1}.btn-small:hover{border-color:var(--line-strong)}.btn-small.danger{color:var(--danger)}.empty-message{text-align:center;color:var(--text-soft);padding:24px;font-size:14px}.btn-on,.device-toggle.off{border-color:#65eaa585;background:#27915840;color:#93e7b9}.btn-off,.device-toggle.on{border-color:#ff8a8a85;background:#982a2a40;color:#ffacac}.btn-edit{border-color:#71c3ff8c;background:#2b6b9947;color:#b8e2ff}.btn-delete{border-color:#b2c2d46b;background:#37455652;color:#d8e6f7}.device-empty{color:#9ab0c6;padding:8px 0}.room-section{margin-top:8px}.room-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.room-title{font-family:Sora,sans-serif;font-size:16px}.room-count{font-size:11px;color:#95acc5;padding:2px 8px;border-radius:999px;border:1px solid var(--line);background:#15202fd1}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.skeleton-card{height:150px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(110deg,#30405659 35%,#596e8b80,#30405659 65%);background-size:220% 100%;animation:shimmer 1.6s linear infinite}@keyframes shimmer{to{background-position:-120% 0}}@keyframes reveal-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width: 900px){.house-toolbar{flex-direction:column;align-items:flex-start}.house-actions{width:100%}.house-actions button{flex:1 1 calc(50% - 8px)}.logs-search-field{grid-column:span 1}.logs-table-head{display:none}.logs-row{grid-template-columns:1fr}}@media (max-width: 700px){.dashboard{padding:18px 12px 38px}.topbar{height:auto;padding:10px 12px;gap:10px;flex-direction:column;align-items:flex-start}.topbar-right{width:100%;justify-content:space-between}.device-actions{grid-template-columns:1fr}.preview-card-energy{margin-left:-12px;margin-right:-12px;border-radius:0}.preview-card-energy .preview-title{padding:12px 12px 0}.preview-card-energy .ef-container{border-radius:0}}@keyframes ef-line-flow{to{stroke-dashoffset:-30}}.ef-container{width:100%;overflow:hidden;background:#0d0d22;border-radius:10px;margin-top:8px;margin-bottom:12px;display:flex;flex-direction:column}.ef-topbar{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;border-bottom:1px solid #181830}.ef-topbar-title{font-size:13px;font-weight:600;color:#9090cc;letter-spacing:.04em}.ef-topbar-right{display:flex;align-items:center;gap:10px}.ef-badge-upd{font-size:10px;color:#3a3a66}.ef-badge-err{font-size:10px;color:#f44336;background:#2a0808;padding:2px 7px;border-radius:4px}.ef-cfg-btn{background:#181838;color:#7070aa;border:1px solid #2a2a5a;border-radius:5px;padding:4px 10px;font-size:11px;cursor:pointer;transition:background .15s}.ef-cfg-btn:hover{background:#252560;color:#aaa}.ef-diagram{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:6px 0 8px;box-sizing:border-box;touch-action:pan-x pan-y}.ef-svg{display:block;width:100%;max-width:100%;height:100%;max-height:350px}.ef-line-active{animation:ef-line-flow .7s linear infinite}.ef-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;gap:12px;background:#0d0d22;border-radius:10px;margin-top:8px;margin-bottom:12px;max-height:350px;box-sizing:border-box}.ef-es-icon{font-size:36px;opacity:.3}.ef-es-title{font-size:14px;font-weight:600;color:#4a4a7a}.ef-es-desc{font-size:12px;color:#2a2a50;text-align:center;max-width:320px}.ef-es-btn{background:#1e1e50;color:#8080cc;border:1px solid #2a2a6a;border-radius:6px;padding:8px 18px;font-size:12px;cursor:pointer;transition:background .15s}.ef-es-btn:hover{background:#2a2a6a;color:#aae}.ef-set-panel{background:#0f0f28;border:1px solid #1e1e48;border-radius:10px;margin:10px 0;display:flex;flex-direction:column;overflow:hidden;max-height:520px}.ef-set-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#161638;color:#9898cc;font-size:13px;border-bottom:1px solid #1e1e48}.ef-set-head button{background:none;border:none;color:#5a5a8a;font-size:14px;cursor:pointer;padding:2px 6px}.ef-set-head button:hover{color:#f44336}.ef-set-body{display:grid;grid-template-columns:1fr 1fr;gap:0;overflow-y:auto;max-height:540px}@media (max-width: 640px){.ef-set-body{grid-template-columns:1fr}}.ef-set-col{padding:14px;display:flex;flex-direction:column;gap:12px;border-right:1px solid #1a1a3a}.ef-set-col:last-child{border-right:none}.ef-set-group{display:flex;flex-direction:column;gap:6px}.ef-set-grouptitle{font-size:11px;font-weight:600;color:#5a5a88;text-transform:uppercase;letter-spacing:.06em;padding-bottom:4px;border-bottom:1px solid #181838;margin-bottom:2px}.ef-set-field{display:flex;flex-direction:column;font-size:11px;color:#6a6a99;gap:3px}.ef-set-field input,.ef-set-field select{background:#0d0d22;border:1px solid #2a2a5a;border-radius:4px;color:#b0b0dd;padding:4px 8px;font-size:12px;outline:none}.ef-set-field input:focus,.ef-set-field select:focus{border-color:#4a4aaa}.ef-set-row{flex-direction:row!important;align-items:center;gap:8px!important;cursor:pointer}.ef-set-circuit{background:#0d0d28;border:1px solid #1e1e48;border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.ef-set-chead{display:flex;gap:6px;align-items:center}.ef-set-cinput{flex:1;background:#111128;border:1px solid #2a2a5a;border-radius:4px;color:#b0b0dd;padding:4px 8px;font-size:12px}.ef-set-cdel{background:none;border:1px solid #3a1a1a;color:#8a4a4a;border-radius:4px;padding:2px 7px;font-size:11px;cursor:pointer}.ef-set-cdel:hover{background:#2a1010;color:#f44336}.ef-set-cdevs{display:flex;flex-direction:column;gap:4px;max-height:130px;overflow-y:auto;padding-left:2px}.ef-set-hint{font-size:10px;color:#3a3a5a}.ef-set-devlabel{display:flex;align-items:center;gap:6px;font-size:11px;color:#88b;cursor:pointer;flex-direction:row!important}.ef-set-devlabel input{width:auto;margin:0;accent-color:#6060cc}.ef-set-devtype{color:#3a3a5a;font-size:10px}.ef-set-addcir{background:#141428;border:1px dashed #2a2a5a;color:#5a5a88;border-radius:5px;padding:6px;font-size:11px;cursor:pointer;text-align:center;transition:border-color .15s}.ef-set-addcir:hover{border-color:#5a5acc;color:#9090cc}.ef-set-foot{display:flex;gap:10px;padding:10px 14px;background:#161638;border-top:1px solid #1e1e48}.ef-btn-primary{background:#2a4a2a;color:#7ccc7c;border:1px solid #3a6a3a;border-radius:5px;padding:6px 18px;font-size:12px;cursor:pointer}.ef-btn-primary:hover{background:#3a6a3a}.ef-btn-secondary{background:#1a1a38;color:#7070aa;border:1px solid #2a2a5a;border-radius:5px;padding:6px 18px;font-size:12px;cursor:pointer}.ef-btn-secondary:hover{background:#2a2a5a}@media (max-width: 480px){.ef-diagram{padding:4px 4px 6px}.ef-set-panel{max-height:480px}.ef-set-body{max-height:360px}.ef-topbar{padding:7px 10px}}