:root{--bg:#f3f6fa;--surface:#fff;--surface-2:#f8fafc;--text:#10233f;--muted:#6e7c91;--border:#dfe6ef;--navy:#08284d;--navy-2:#123d6c;--blue:#1972e8;--green:#2f9e55;--orange:#ef8b19;--red:#e5484d;--shadow:0 10px 34px #12315314}:root[data-theme=dark]{--bg:#06182b;--surface:#0d2741;--surface-2:#102e4d;--text:#edf5ff;--muted:#9fb0c5;--border:#1d4368;--navy:#041426;--navy-2:#0b2d50;--blue:#3290ff;--green:#48c875;--orange:#ff9d2e;--red:#ff5d64;--shadow:0 12px 40px #0000003d}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button,select{cursor:pointer}.app-shell{grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg,var(--navy),#071f3b);color:#fff;flex-direction:column;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:4px 8px 25px;display:flex}.brand-mark{background:#0e3f73;border:2px solid #64a6f5;border-radius:13px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.brand strong{font-size:22px;display:block}.brand small{color:#aac5df;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav button{color:#cfe0f0;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:25px 1fr auto;align-items:center;padding:11px 12px;display:grid}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#154b80}.sidebar nav button span{font-size:18px}.sidebar nav button b{font-size:14px}.sidebar nav button em{background:var(--red);border-radius:999px;padding:2px 7px;font-size:11px;font-style:normal}.sidebar-foot{color:#c8daeb;border-top:1px solid #ffffff1f;margin-top:auto;padding:18px 10px 0;font-size:12px}.sidebar-foot small{color:#7292b0;margin-top:6px;display:block}.online-dot{background:#41c86b;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}main{min-width:0}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;align-items:center;gap:16px;height:70px;padding:0 22px;display:flex;position:sticky;top:0}.selectors{gap:8px;display:flex}.selectors select{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:9px;min-width:160px;padding:10px 32px 10px 12px}.search{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;flex:1;align-items:center;gap:8px;max-width:380px;margin-left:auto;padding:9px 12px;display:flex}.search input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.top-actions{align-items:center;gap:10px;display:flex}.icon-button,.theme-button{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:9px;padding:9px 12px}.icon-button{width:41px;position:relative}.icon-button i{background:var(--red);color:#fff;border-radius:999px;padding:2px 6px;font-size:10px;font-style:normal;position:absolute;top:-7px;right:-5px}.user{align-items:center;gap:9px;margin-left:5px;display:flex}.user>span{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.user b{font-size:13px;display:block}.user small{color:var(--muted);font-size:11px}.content{max-width:1760px;margin:0 auto;padding:22px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.page-heading p{color:var(--blue);letter-spacing:.13em;margin:0 0 5px;font-size:11px;font-weight:800}.page-heading h1{margin:0;font-size:29px}.page-heading span{color:var(--muted);margin-top:5px;font-size:13px;display:block}.heading-actions{gap:8px;display:flex}.heading-actions button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:9px;padding:10px 14px}.heading-actions .primary{color:#fff;background:#174d2c;border-color:#174d2c}.kpi-grid{grid-template-columns:repeat(6,minmax(150px,1fr));gap:10px;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:12px;padding:16px;display:flex}.kpi-icon{color:#fff;border-radius:50%;flex:none;place-items:center;width:45px;height:45px;font-size:21px;font-weight:900;display:grid}.kpi-icon.blue{background:var(--blue)}.kpi-icon.orange{background:var(--orange)}.kpi-icon.red{background:var(--red)}.kpi-icon.green{background:var(--green)}.kpi small{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800;display:block}.kpi strong{margin:1px 0;font-size:23px;display:block}.kpi p{color:var(--muted);margin:0;font-size:11px}.sector-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.sector-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px 16px;display:grid}.sector-icon{color:#fff;border-radius:14px;place-items:center;width:47px;height:47px;display:grid}.sector-icon.pink{background:#db7093}.sector-icon.amber{background:#eaa72b}.sector-icon.sky{background:#5799e8}.sector-main small{text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800;display:block}.sector-main strong{font-size:19px}.sector-stats{gap:3px;font-size:11px;display:grid}.sector-stats span{grid-template-columns:10px 1fr 18px;align-items:center;gap:5px;display:grid}.sector-stats i,.status-list i{border-radius:50%;width:7px;height:7px;display:inline-block}.ok{background:var(--green)}.warning{background:var(--orange)}.critical{background:var(--red)}.offline{background:#8392a5}.alert-strip{background:color-mix(in srgb,var(--red) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--red) 35%,var(--border));border-radius:12px;align-items:center;gap:13px;margin-top:10px;padding:13px 16px;display:flex}.alert-icon{background:var(--red);color:#fff;border-radius:10px;place-items:center;width:37px;height:37px;font-weight:900;display:grid}.alert-strip div:nth-child(2){flex-direction:column;display:flex}.alert-strip span{color:var(--muted);margin-top:2px;font-size:12px}.alert-strip button{color:var(--blue);background:0 0;border:0;margin-left:auto;font-weight:800}.dashboard-grid{grid-template-columns:2fr 1fr;gap:10px;margin-top:10px;display:grid}.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;min-width:0;padding:16px}.panel-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel-title h2{margin:0;font-size:15px}.panel-title button{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;padding:6px 10px;font-size:11px}.wide{grid-column:1}.chart-panel svg{width:100%;height:190px;overflow:visible}.grid-lines line{stroke:var(--border);stroke-width:1px}.consumption,.production{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.consumption{stroke:var(--blue)}.production{stroke:var(--green)}.legend{color:var(--muted);gap:15px;margin-bottom:5px;font-size:11px;display:flex}.legend span:before{content:"";vertical-align:middle;width:16px;height:3px;margin-right:6px;display:inline-block}.blue-line:before{background:var(--blue)}.green-line:before{background:var(--green)}.axis{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.status-panel{grid-template-columns:1fr 1fr;align-items:center;display:grid}.status-panel .panel-title{grid-column:1/-1}.donut{background:conic-gradient(var(--green) 0 var(--ok),var(--orange) var(--ok) 93%,var(--red) 93% 97%,#8392a5 97%);border-radius:50%;place-items:center;width:150px;height:150px;margin:auto;display:grid}.donut:before{content:"";position:absolute}.donut>div{background:var(--surface);border-radius:50%;align-content:center;place-items:center;width:94px;height:94px;display:grid}.donut strong{font-size:28px}.donut span{color:var(--muted);font-size:11px}.status-list{gap:10px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.status-list li{grid-template-columns:10px 1fr auto;align-items:center;gap:7px;display:grid}.site-table-panel{grid-column:1}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:880px;font-size:11px}th{text-align:left;color:var(--muted);text-transform:uppercase;border-bottom:1px solid var(--border);padding:9px;font-size:9px}td{border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 9px}.status{border-radius:7px;padding:4px 8px;font-weight:700;display:inline-block}.status.rendben{background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green)}.status.figyelmeztetés{background:color-mix(in srgb,var(--orange) 18%,transparent);color:var(--orange)}.status.kritikus{background:color-mix(in srgb,var(--red) 15%,transparent);color:var(--red)}.status.offline{color:#8392a5;background:#8392a52e}.operations-panel{grid-column:2}.operation-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.operation{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;gap:9px;padding:12px;display:flex}.operation>span{background:color-mix(in srgb,var(--blue) 13%,transparent);width:32px;height:32px;color:var(--blue);border-radius:8px;place-items:center;display:grid}.operation b{font-size:12px}.operation p{color:var(--muted);margin:3px 0 0;font-size:10px;line-height:1.4}@media (max-width:1250px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.sector-grid,.dashboard-grid{grid-template-columns:1fr}.wide,.site-table-panel,.operations-panel{grid-column:1}.status-panel{min-height:240px}}@media (max-width:850px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding:14px 8px}.brand div,.sidebar nav button b,.sidebar-foot{display:none}.brand{padding:3px 6px 22px}.sidebar nav button{grid-template-columns:1fr;place-items:center;padding:12px}.sidebar nav button em{margin-top:-20px;margin-left:27px;position:absolute}.topbar{flex-wrap:wrap;height:auto;min-height:65px;padding:10px}.selectors{order:2;width:100%}.selectors select{flex:1;min-width:0}.search{margin-left:0}.user div,.theme-button{display:none}.content{padding:14px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.page-heading{align-items:flex-start}.heading-actions button:first-child{display:none}.sector-card{grid-template-columns:auto 1fr}.sector-stats{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.status-panel{grid-template-columns:1fr}.donut{margin-bottom:15px}.operation-grid{grid-template-columns:1fr}}@media (max-width:540px){.kpi-grid{grid-template-columns:1fr}.page-heading span,.search,.alert-strip button{display:none}}