html,body,#root{background:var(--bg-primary,#fff);min-height:100vh;margin:0;padding:0}[data-theme=dark] html,[data-theme=dark] body,[data-theme=dark] #root{background:#000}.mesh-background{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.mesh-canvas{width:100%;height:100%;display:block}.mesh-overlay{background:var(--mesh-overlay);transition:background .4s;position:absolute;inset:0}[data-theme=light]{--mesh-overlay:linear-gradient(180deg, #ffffff59 0%, #ffffff1a 40%, #fff6 100%)}[data-theme=dark]{--mesh-overlay:linear-gradient(180deg, #0a0e1a40 0%, #0a0e1a0d 45%, #0a0e1a59 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--bg-primary:#fff;--bg-glass:#ffffff73;--border:#1a73e81f;--border-hover:#1a73e838;--text-primary:#1e293b;--text-secondary:#1e293b9e;--text-muted:#1e293b66;--accent:#2563eb;--accent-glow:#2563eb26;--header-bg:#ffffffb8;--surface-input:#ffffff8c;--surface-info:#1a73e814;--surface-success:#1a73e814;--surface-success-border:#1a73e833;--surface-error:#ef444414;--surface-error-border:#ef444440;--surface-warning:#f59e0b14;--surface-offline:#64748b14;--theme-toggle-bg:#ffffff80;--theme-toggle-border:#1a73e826;--pulse-shadow:#1a73e833;--pulse-shadow-soft:#1a73e80f;--status-online-border:#1a73e833;--status-warning-border:#f59e0b40;--status-offline-indicator:#94a3b8;--error-text:#dc2626;--title-sub-color:#475569}[data-theme=dark]{--bg-primary:#000;--bg-glass:#ffffff0a;--border:#64aaff1f;--border-hover:#64aaff47;--text-primary:#fff;--text-secondary:#ffffff8c;--text-muted:#ffffff4d;--accent:#4285f4;--accent-glow:#4285f44d;--header-bg:#0006;--surface-input:#ffffff0f;--surface-info:#4285f41f;--surface-success:#4285f41f;--surface-success-border:#64aaff40;--surface-error:#ef44441f;--surface-error-border:#ef44444d;--surface-warning:#f59e0b1f;--surface-offline:#ffffff0f;--theme-toggle-bg:#ffffff0f;--theme-toggle-border:#ffffff1f;--pulse-shadow:#4285f44d;--pulse-shadow-soft:#4285f414;--status-online-border:#64aaff33;--status-warning-border:#f59e0b40;--status-offline-indicator:#ffffff40;--error-text:#f87171;--title-sub-color:#bfdbfebf}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.app,.login-page{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(10px)}.app.visible,.login-page.visible{opacity:1;transform:none}.theme-toggle{background:var(--theme-toggle-bg);border:1px solid var(--theme-toggle-border);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex}.theme-toggle:hover{transform:scale(1.06)}.login-theme-toggle{z-index:200;position:fixed;top:24px;right:24px}.header{z-index:100;background:var(--header-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 48px;display:flex;position:sticky;top:0}.header-left,.header-right,.header-top{align-items:center;gap:14px;display:flex}.logo-text{color:var(--text-primary);font-size:17px;font-weight:500}.header-sub{color:var(--text-secondary);font-size:14px}.header-user{color:var(--text-secondary);border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-size:13px}.btn-primary{color:#fff;cursor:pointer;background:#4285f4;border:none;border-radius:999px;padding:14px 32px;font-size:15px;font-weight:500;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #4285f459}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #4285f473}.btn-ghost{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:8px 18px;font-size:13px}.btn-ghost:hover{border-color:var(--border-hover);color:var(--text-primary)}.main{z-index:1;flex-direction:column;gap:56px;max-width:900px;margin:0 auto;padding:72px 32px 88px;display:flex;position:relative}.hero{text-align:center}.hero-eyebrow{letter-spacing:.28em;color:var(--accent);opacity:.85;margin-bottom:14px;font-size:11px;font-weight:600}.hero-title{letter-spacing:-.5px;color:var(--text-primary);margin-bottom:12px;font-size:clamp(26px,4.5vw,40px);font-weight:700;line-height:1.35}.hero-subline{letter-spacing:.06em;color:var(--title-sub-color);font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(13px,2vw,16px);font-weight:400}.hero-accent{color:var(--text-secondary);font-weight:300}.hero-desc{color:var(--text-secondary);font-size:15px}.backend-status{border-radius:999px;margin-top:20px;padding:10px 20px;font-size:14px;display:inline-block}.backend-status.success{color:var(--accent);background:var(--surface-success);border:1px solid var(--surface-success-border)}.backend-status.error{color:var(--error-text);background:var(--surface-error);border:1px solid var(--surface-error-border)}.glass-card{background:var(--bg-glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;transition:border-color .2s}.glass-card:hover{border-color:var(--border-hover)}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.metric-card{opacity:0;animation:.5s forwards fadeUp;animation-delay:var(--delay,0s);padding:22px;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.metric-label{color:var(--text-secondary);margin-bottom:8px;font-size:12px}.metric-value{align-items:baseline;gap:6px;font-size:30px;font-weight:300;display:flex}.metric-unit{color:var(--text-secondary);font-size:13px}.trend-badge{border-radius:999px;padding:2px 8px;font-size:10px;position:absolute;top:14px;right:14px}.trend-badge.up{color:var(--accent);background:var(--surface-info)}.trend-badge.down{color:var(--error-text);background:var(--surface-error)}.trend-badge.stable{color:var(--text-secondary);background:var(--surface-offline)}.section-title{color:var(--text-secondary);margin-bottom:14px;font-size:14px;font-weight:400}.status-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.status-item{align-items:center;gap:12px;padding:16px 18px;display:flex}.status-indicator{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-item.online .status-indicator{background:var(--accent);box-shadow:0 0 8px var(--accent-glow);animation:2s infinite pulse}.status-item.warning .status-indicator{background:#f59e0b}.status-item.offline .status-indicator{background:var(--status-offline-indicator)}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--pulse-shadow)}50%{box-shadow:0 0 0 4px var(--pulse-shadow-soft)}}.status-label{color:var(--text-secondary);font-size:12px;display:block}.status-count{font-size:22px;font-weight:300;display:block}.status-badge{border-radius:999px;padding:2px 8px;font-size:10px}.status-badge.online{color:var(--accent);background:var(--surface-info)}.status-badge.warning{color:#f59e0b;background:var(--surface-warning)}.status-badge.offline{color:var(--text-secondary);background:var(--surface-offline)}.cta-section{justify-content:center;gap:12px;display:flex}.footer-logo{z-index:50;pointer-events:none;justify-content:center;align-items:center;padding:20px 24px 28px;display:flex;position:fixed;bottom:0;left:0;right:0}.footer-logo img{object-fit:contain;width:auto;height:26px;transition:opacity .3s,filter .3s}[data-theme=dark] .footer-logo img{opacity:.75;filter:brightness(1.1)}[data-theme=light] .footer-logo img{opacity:.45;filter:brightness(0)saturate()invert(28%)sepia(60%)saturate(1200%)hue-rotate(196deg)brightness(.85)}@media (width<=640px){.header{padding:16px 20px}.main{padding:48px 20px 80px}.cta-section{flex-direction:column}.btn-primary,.btn-ghost{text-align:center;width:100%}}.header-top{justify-content:space-between;align-items:center;gap:14px;width:100%;display:flex}.header{flex-direction:column;align-items:stretch;gap:12px;padding-bottom:14px}.app-nav{border-top:1px solid var(--border);align-items:center;gap:8px;width:100%;padding:4px 0 0;display:flex}.app-nav-btn{border:1px solid var(--border);background:var(--surface-input);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:8px 18px;font-family:inherit;font-size:14px;transition:color .2s,background .2s,border-color .2s}.app-nav-btn:hover{color:var(--text-primary);border-color:var(--border-hover)}.app-nav-btn.active{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 4px 14px var(--accent-glow);font-weight:600}@media (width<=640px){.app-nav{flex-wrap:wrap}.app-nav-btn{text-align:center;flex:1;min-width:calc(50% - 4px)}}.login-page{--text-primary:#fff;--text-secondary:#ffffff8c;--text-muted:#ffffff4d;--title-sub-color:#bfdbfebf;--surface-input:#ffffff0f;--border:#64aaff1f;--accent:#4285f4;--accent-glow:#4285f44d;--error-text:#f87171;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.login-page .footer-logo img{opacity:.75;filter:brightness(1.1)}.login-hero{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:44px;width:100%;max-width:640px;display:flex;position:relative}.login-copy{flex-direction:column;align-items:center;gap:14px;display:flex}.login-eyebrow{letter-spacing:.28em;color:var(--accent);opacity:.85;margin:0;font-size:11px;font-weight:600}.login-headline{letter-spacing:-.5px;color:var(--text-primary);margin:0;font-size:clamp(26px,4.8vw,42px);font-weight:700;line-height:1.35}.login-subline{letter-spacing:.06em;color:var(--title-sub-color);margin:0;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(13px,2vw,16px);font-weight:400}.login-form{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:360px;display:flex}.login-style-pick{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-bottom:4px;display:grid}.login-style-opt{border:1px solid var(--border);cursor:pointer;text-align:left;color:#fff;background:#ffffff0d;border-radius:14px;flex-direction:column;align-items:flex-start;gap:5px;padding:10px;font-family:inherit;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.login-style-opt:hover{border-color:#4285f473}.login-style-opt.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#4285f41f}.login-style-preview{border-radius:7px;grid-template-columns:1fr 1fr;gap:3px;width:100%;height:36px;padding:5px;display:grid}.login-style-preview i{background:#fff3;border-radius:3px;display:block}.login-style-preview-modern{background:linear-gradient(135deg,#2f4358,#4a6278)}.login-style-preview-modern i:first-child{background:#ffffff59;grid-column:1/-1;height:6px}.login-style-preview-modern i:nth-child(2),.login-style-preview-modern i:nth-child(3){background:#fffc;height:14px}.login-style-preview-classic{background:#dbe4ef}.login-style-preview-classic i:first-child,.login-style-preview-classic i:nth-child(2){background:linear-gradient(#94a3b8 0%,#ef4444 55%,#0000 55%);border-radius:50% 50% 3px 3px;height:24px}.login-style-preview-classic i:nth-child(3){background:#38bdf8;grid-column:1/-1;height:5px}.login-style-opt strong{font-size:12px;font-weight:700}.login-style-opt em{color:#ffffff8c;font-size:10px;font-style:normal}.login-input{background:var(--surface-input);border:1px solid var(--border);color:#fff;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);caret-color:#fff;border-radius:999px;outline:none;width:100%;padding:12px 18px;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-input::placeholder{color:#ffffff8c}.login-input:-webkit-autofill{-webkit-text-fill-color:#fff;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #ffffff0f}.login-input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #ffffff0f}.login-input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #ffffff0f}.login-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.login-auto{cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;margin-top:2px;font-size:13px;display:flex}.login-auto input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;margin:0}.login-auto span{line-height:1.3}.login-error{color:var(--error-text);margin:0;font-size:13px}.login-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#4285f4;border:none;border-radius:999px;margin-top:8px;padding:14px 36px;font-size:15px;font-weight:500;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 4px 24px #4285f466}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #4285f480}.login-btn:disabled{opacity:.6;cursor:not-allowed}.opendata-panel{margin-bottom:8px}.opendata-loading,.opendata-rec-error,.opendata-error p{color:var(--text-secondary);padding:20px 24px;font-size:14px;line-height:1.6}.opendata-error{border-color:var(--surface-error-border)}.opendata-rec-error{color:var(--error-text);padding:16px 20px 20px;font-size:13px}.opendata-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.opendata-single{flex-direction:column;gap:12px;padding-top:4px;display:flex}.opendata-stat{background:var(--surface-input);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 14px;display:flex}.opendata-stat-label{color:var(--text-secondary);font-size:13px}.opendata-stat strong{color:var(--text-primary);font-size:15px;font-weight:600}.opendata-card{flex-direction:column;min-height:180px;padding:20px 22px;display:flex}.opendata-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.opendata-card-head h2{color:var(--text-primary);font-size:1rem;font-weight:600}.opendata-badge{color:var(--accent);border:1px solid var(--border);background:var(--surface-info);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11px}.opendata-table-wrap{flex:1;overflow:auto}.opendata-table{border-collapse:collapse;width:100%;font-size:13px}.opendata-table th,.opendata-table td{text-align:left;border-bottom:1px solid var(--border);padding:8px 10px}.opendata-table th{color:var(--text-muted);font-size:12px;font-weight:500}.opendata-table td{color:var(--text-primary)}.opendata-table tbody tr:last-child td{border-bottom:none}.opendata-smp-wide{grid-column:1/-1}.opendata-smp-scroll{max-height:320px;overflow-y:auto}.opendata-weather{grid-column:1/-1}.weather-current{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.weather-temp{color:var(--accent);min-width:100px;font-size:2.5rem;font-weight:600;line-height:1}.weather-details{flex:1;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px 20px;list-style:none;display:grid}.weather-details li{flex-direction:column;gap:4px;display:flex}.weather-details span{color:var(--text-muted);font-size:12px}.weather-details strong{color:var(--text-primary);font-size:14px;font-weight:500}.weather-meta{width:100%;color:var(--text-secondary);margin-top:4px;font-size:12px}@media (width<=900px){.opendata-grid{grid-template-columns:1fr}.opendata-weather{grid-column:auto}}.monitoring-main{opacity:0;flex-direction:column;gap:24px;max-width:960px;margin:0 auto;padding:32px 24px 80px;transition:opacity .45s,transform .45s;display:flex;transform:translateY(8px)}.monitoring-main.visible{opacity:1;transform:none}.monitoring-summary{padding:28px 32px}.summary-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.summary-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:12px}.summary-title{color:var(--text-primary);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600}.summary-meta{color:var(--text-secondary);margin-top:8px;font-size:14px}.summary-stats{gap:20px;display:flex}.summary-stat{background:var(--surface-info);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;min-width:72px;padding:12px 16px;display:flex}.stat-value{color:var(--accent);font-size:1.5rem;font-weight:600;line-height:1.2}.stat-label{color:var(--text-secondary);margin-top:4px;font-size:12px}.monitoring-empty{text-align:center;color:var(--text-secondary);padding:48px 24px}.plant-list{flex-direction:column;gap:16px;display:flex}.plant-card{animation:.45s both fadeUp;animation-delay:var(--delay,0s);padding:24px 28px}.plant-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.plant-name{color:var(--text-primary);font-size:1.125rem;font-weight:600}.plant-location,.plant-install{color:var(--text-secondary);margin-top:6px;font-size:13px;line-height:1.5}.plant-device-count{color:var(--accent);background:var(--surface-info);border:1px solid var(--border);border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:500}.plant-no-devices{color:var(--text-muted);font-size:13px}.device-list{flex-direction:column;gap:8px;list-style:none;display:flex}.plant-uid{color:var(--text-muted);word-break:break-all;margin:4px 0 0;font-size:11px}.device-item{background:var(--surface-input);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.device-item-block{flex-direction:column;align-items:stretch;gap:8px;display:flex}.device-item-row{grid-template-columns:minmax(96px,140px) 1fr auto;align-items:center;gap:12px 16px;width:100%;display:grid}.device-rt-raw{background:color-mix(in srgb, var(--text-primary) 4%, transparent);border:1px dashed var(--border);color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;border-radius:8px;margin:0;padding:10px 12px;font-size:11px;line-height:1.45;overflow-x:auto}.device-rt-miss{border:1px dashed color-mix(in srgb, #c45c26 45%, var(--border));color:var(--text-muted);background:#c45c2614;border-radius:8px;margin:0;padding:8px 12px;font-size:11px}.device-name{color:var(--text-primary);min-width:0;font-size:14px}.device-ids{min-width:0;color:var(--text-muted);flex-direction:column;gap:2px;font-size:11px;line-height:1.4;display:flex}.device-id-line{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.device-ids strong{color:var(--text-primary);font-weight:600}.device-kind{color:var(--text-secondary);border:1px solid var(--border);border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:12px}@media (width<=640px){.monitoring-main{padding:20px 16px 72px}.monitoring-summary{padding:20px}.plant-card{padding:18px 16px}.device-item-row{grid-template-columns:1fr auto}.device-ids{order:3;grid-column:1/-1}.device-id-line{white-space:normal;word-break:break-all}}.pmc-card{background:#fffffff0;border:1px solid #fff9;border-radius:12px;flex-direction:column;width:100%;min-width:168px;max-width:220px;min-height:380px;display:flex;overflow:hidden;box-shadow:0 8px 28px #0f172a2e}[data-theme=dark] .pmc-card{background:#161c26eb;border-color:#ffffff1a}.pmc-head{background:linear-gradient(#2563eb14,#0000);border-bottom:1px solid #64748b33;padding:14px 14px 10px}.pmc-head h4{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:14px;font-weight:700}.pmc-head p{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:10px;overflow:hidden}.pmc-body{flex-direction:column;flex:1;gap:0;padding:6px 0 10px;display:flex}.pmc-row{border-bottom:1px solid #64748b1f;flex-direction:column;gap:3px;padding:9px 14px;display:flex}.pmc-row-highlight{background:#2563eb0f}.pmc-row-highlight:last-child{background:#0596690f}.pmc-label{color:var(--text-muted);letter-spacing:.04em;font-size:10px;font-weight:600}.pmc-value-wrap{flex-direction:column;gap:2px;display:flex}.pmc-value{color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:15px;font-weight:700}.pmc-sub{color:var(--text-secondary);font-size:10px}.pmc-phase-block{border-bottom:1px solid #64748b1f;padding:9px 14px}.pmc-phase-grid{flex-direction:column;gap:4px;margin-top:4px;display:flex}.pmc-phase-item{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;font-size:13px;display:flex}.pmc-phase-key{color:var(--accent);width:14px;font-size:10px;font-weight:700}.pmc-phase-item strong{color:var(--text-primary);font-weight:600}.pmc-empty,.pmc-status{color:var(--text-muted);text-align:center;padding:8px 14px 12px;font-size:11px}.pmc-loading .pmc-status{flex:1;justify-content:center;align-items:center;display:flex}.power-flow-diagram{flex-direction:column;gap:12px;display:flex}.power-flow-header h3{color:var(--text-primary);font-size:1.05rem;font-weight:600}.power-flow-header p{color:var(--text-muted);font-size:12px}.sld-board{background:radial-gradient(90% 70% at 8% 0,#60a5fa38 0%,#0000 55%),radial-gradient(70% 55% at 95% 100%,#2563eb29 0%,#0000 50%),linear-gradient(168deg,#4a6278 0%,#3a5068 38%,#2f4358 72%,#263a4e 100%);border:1px solid #ffffff1f;border-radius:16px;padding:18px 16px 20px;position:relative;overflow-x:auto;box-shadow:inset 0 1px #ffffff14,0 16px 48px #0f172a1f}[data-theme=dark] .sld-board{background:radial-gradient(85% 65% at 10% 0,#4285f42e 0%,#0000 52%),radial-gradient(65% 50% at 92% 100%,#2563eb1f 0%,#0000 48%),linear-gradient(168deg,#1a2838 0%,#152030 45%,#0f1824 100%);border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0d,0 20px 56px #00000073}.sld-main-row{flex-direction:row;justify-content:center;align-items:flex-start;gap:8px;min-width:min(100%,720px);max-width:960px;margin:0 auto;display:flex}.sld-end-node{color:#ffffffeb;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:96px;padding-top:4px;display:flex}.sld-end-icon-wrap{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:12px;justify-content:center;align-items:center;width:72px;height:56px;display:flex;box-shadow:0 4px 16px #0000001f}.sld-end-icon{opacity:.95;width:50px;height:auto}.sld-end-pv{fill:#1e4976;stroke:#ffffff59;stroke-width:1px}[data-theme=dark] .sld-end-pv{fill:#2563eb;stroke:#93c5fd66}.sld-end-label{text-align:center}.sld-end-label strong{letter-spacing:-.01em;font-size:12px;font-weight:700;line-height:1.3;display:block}.sld-end-label span{letter-spacing:.12em;opacity:.65;margin-top:2px;font-size:7px;display:block}.sld-main-row .pmc-card{flex-shrink:0}.sld-arrow-col{color:#ffffff8c;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;gap:4px;min-width:52px;padding-top:18px;display:flex}.sld-arrow-dc{color:#fcd34d}.sld-arrow-ac{color:#7dd3fc}.sld-arrow-grid{color:#6ee7b7}.sld-arrow-svg{width:52px;height:auto;overflow:visible}.sld-arrow-track{fill:none;stroke:#ffffff2e;stroke-width:2px;stroke-linecap:round}.sld-arrow-flow{fill:none;stroke:url(#sld-glow-dc);stroke-width:2.5px;stroke-linecap:round;opacity:0}.sld-arrow-dc .sld-arrow-flow{stroke:url(#sld-glow-dc)}.sld-arrow-ac .sld-arrow-flow{stroke:url(#sld-glow-ac)}.sld-arrow-grid .sld-arrow-flow{stroke:url(#sld-glow-grid)}.sld-arrow-active .sld-arrow-flow{opacity:1;stroke-dasharray:6 10;filter:drop-shadow(0 0 3px);animation:1.1s linear infinite sld-dash-flow}.sld-arrow-active.sld-arrow-dc .sld-arrow-flow{filter:drop-shadow(0 0 5px #fcd34dd9)}.sld-arrow-active.sld-arrow-ac .sld-arrow-flow{filter:drop-shadow(0 0 5px #7dd3fcd9)}.sld-arrow-active.sld-arrow-grid .sld-arrow-flow{filter:drop-shadow(0 0 5px #6ee7b7d9)}.sld-arrow-pulse{fill:currentColor;opacity:0}.sld-arrow-active .sld-arrow-pulse{animation:1.8s linear infinite sld-pulse-move}.sld-arrow-active .sld-arrow-pulse-2{animation-delay:.55s}.sld-arrow-active .sld-arrow-pulse-3{animation-delay:1.1s}.sld-arrow-head{fill:none;stroke:#ffffff73;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}.sld-arrow-active .sld-arrow-head{stroke:currentColor;filter:drop-shadow(0 0 4px);animation:1.1s ease-in-out infinite sld-head-pulse}.sld-arrow-label{letter-spacing:.12em;color:#ffffff80;font-size:9px;font-weight:700;transition:color .3s,text-shadow .3s}.sld-arrow-active .sld-arrow-label{color:currentColor;text-shadow:0 0 8px}@keyframes sld-dash-flow{to{stroke-dashoffset:-32px}}@keyframes sld-pulse-move{0%{opacity:0;transform:translate(0)}8%{opacity:.95}85%{opacity:.95}to{opacity:0;transform:translate(46px)}}@keyframes sld-head-pulse{0%,to{opacity:.75}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.sld-arrow-active .sld-arrow-flow,.sld-arrow-active .sld-arrow-pulse,.sld-arrow-active .sld-arrow-head{animation:none}.sld-arrow-active .sld-arrow-flow{stroke-dasharray:none;opacity:1}.sld-arrow-active .sld-arrow-pulse{opacity:.6;transform:translate(23px)}}@media (width<=720px){.sld-main-row{min-width:720px}}@media (width<=480px){.sld-board{padding:14px 10px 16px}.pmc-card{min-width:150px;max-width:180px;min-height:340px}}.diagram-main{opacity:0;gap:16px;max-width:1100px;padding-top:20px;transition:opacity .45s,transform .45s;transform:translateY(8px)}.diagram-main.visible{opacity:1;transform:none}.diagram-hero{padding:28px 32px}.diagram-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:11px;font-weight:600}.diagram-title{color:var(--text-primary);margin-bottom:10px;font-size:clamp(1.35rem,3vw,1.85rem);font-weight:700}.diagram-desc{color:var(--text-secondary);max-width:640px;font-size:14px;line-height:1.65}.diagram-meta{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.diagram-meta span{color:var(--text-secondary);border:1px solid var(--border);background:var(--surface-input);border-radius:999px;padding:5px 12px;font-size:12px}.diagram-empty{text-align:center;color:var(--text-secondary);padding:48px 24px}.diagram-plant-tabs{flex-wrap:wrap;gap:8px;display:flex}.diagram-tab{border:1px solid var(--border);background:var(--surface-input);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:8px 16px;font-family:inherit;font-size:13px;transition:border-color .2s,color .2s,background .2s}.diagram-tab:hover{border-color:var(--border-hover);color:var(--text-primary)}.diagram-tab.active{color:var(--accent);background:var(--surface-info);border-color:var(--border);font-weight:500}.diagram-card{animation:.45s both fadeUp;animation-delay:var(--delay,0s);padding:16px 20px 20px;overflow:hidden}.diagram-hero-compact{padding:20px 28px}.diagram-notes{padding:22px 28px}.diagram-notes h2{color:var(--text-primary);margin-bottom:12px;font-size:14px;font-weight:600}.diagram-notes ul{flex-direction:column;gap:10px;list-style:none;display:flex}.diagram-notes li{color:var(--text-secondary);border-left:2px solid var(--border);padding-left:14px;font-size:13px;line-height:1.55}.diagram-notes strong{color:var(--text-primary);font-weight:600}@media (width<=640px){.diagram-hero,.diagram-card,.diagram-notes{padding:18px 16px}}.cg-card{color:#2c3340;background:#fff;border-radius:.4rem;flex-direction:column;flex:1 1 0;width:auto;min-width:0;height:auto;min-height:0;font-family:Noto Sans KR,sans-serif;display:flex;overflow:hidden;box-shadow:1px 1px 2px #b9b9b9;container:gauge/inline-size}.cg-card.cg-dark{box-shadow:none;color:#e2e8f0;background:#2b3038}.cg-head{box-sizing:border-box;border-bottom:1px solid #e8ecee;justify-content:space-between;align-items:center;gap:8px;height:60px;min-height:60px;max-height:60px;padding:0 12px;display:flex}.cg-dark .cg-head{border-bottom-color:#3d4450}.cg-head-left{align-items:center;gap:8px;min-width:0;display:flex}.cg-head-ico{background:#9aa3ad;border:2px solid #9aa3ad;border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:inset 0 0 0 3px #fff}.cg-dark .cg-head-ico{box-shadow:inset 0 0 0 3px #2b3038}.cg-head h3{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:600;line-height:1;overflow:hidden}.cg-sub{color:#9aa3ad;margin-left:6px;font-size:13px;font-weight:400}.cg-more{color:#9aa3ad;letter-spacing:1px;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1}.cg-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;padding:8px 12px 12px;display:flex}.cg-gauge{flex-direction:column;align-items:center;width:calc(100% + 40px);min-width:0;max-width:none;margin-left:-20px;margin-right:-20px;display:flex;position:relative}.cg-gauge-stage{width:100%;position:relative}.cg-canvas{width:100%;max-width:100%;height:auto;display:block}.cg-pivot-hole{box-sizing:border-box;pointer-events:none;z-index:2;background:#fff;border:2.5px solid #515357;border-radius:50%;width:clamp(8px,2.2vw,11px);height:clamp(8px,2.2vw,11px);margin:0;position:absolute;top:90%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffffe6}.cg-dark .cg-pivot-hole{background:#2b3038;box-shadow:0 0 0 1px #2b3038e6}.cg-minmax{color:#b0b8bf;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:1.5em;margin-top:2px;font-size:clamp(12px,1.8vw,14px);position:relative}.cg-minmax span{white-space:nowrap;text-align:center;line-height:1.3;position:absolute;top:0;transform:translate(-50%)}.cg-minmax span:first-child{left:20.8%}.cg-minmax span:last-child{left:79.2%}.cg-metrics{align-items:center;width:calc(82% - 24px);min-width:0;max-width:calc(100% - 24px);min-height:40px;margin-top:8px;display:flex}.cg-metrics-box{box-sizing:border-box;background:#f3f5f7;border-radius:8px;align-items:center;width:calc(82% - 24px);min-width:0;max-width:calc(100% - 24px);min-height:40px;margin-top:10px;padding:clamp(8px,3cqw,12px) clamp(10px,3.5cqw,14px);display:flex}.cg-dark .cg-metrics-box{background:#1f2430}.cg-row{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:clamp(6px,2.5cqw,12px);width:100%;min-width:0;min-height:34px;display:flex}.cg-row-divided{border-bottom:1px solid #dfe4e6;margin-bottom:8px;padding-bottom:8px}.cg-dark .cg-row-divided{border-bottom-color:#3d4450}.cg-label{color:#2c3340;white-space:nowrap;flex-shrink:1;align-items:center;min-width:0;font-size:clamp(.78rem,5.2cqw,1.25rem);font-weight:400;line-height:1;display:inline-flex}.cg-label-strong{font-weight:700}.cg-dark .cg-label{color:#cbd5e1}.cg-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;flex-flow:row;flex-shrink:0;align-items:flex-end;gap:clamp(2px,1cqw,4px);font-weight:700;line-height:1;display:inline-flex}.cg-value-lg{font-size:clamp(1.05rem,8.5cqw,2.1rem)}.cg-value-md{font-size:clamp(.95rem,7cqw,1.6rem)}.cg-value em{white-space:nowrap;align-self:flex-end;margin-left:0;padding-bottom:.12em;font-size:.55em;font-style:normal;font-weight:600;line-height:1}.cg-red{color:#fd5858}.cg-green{color:#47e0ad}.cg-pair-row{flex-wrap:wrap;gap:12px;width:100%;display:flex}.gs-panel{color:#2c3340;background:#fff;border:none;border-radius:.4rem;font-family:Noto Sans KR,sans-serif;overflow:hidden;box-shadow:1px 1px 2px #b9b9b9;container:genstatus/inline-size}.gs-panel.gs-dark{box-shadow:none;color:#e2e8f0;background:#2b3038;border:none}.gs-panel-head{box-sizing:border-box;background:0 0;border-bottom:1px solid #e8ecee;justify-content:space-between;align-items:center;gap:8px;height:56px;min-height:56px;max-height:56px;padding:0 16px;display:flex}.gs-panel-head h3{color:#697679;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:18px;font-weight:600;line-height:1;overflow:hidden}.gs-capa{color:#697679;margin-left:6px;font-size:16px;font-style:normal;font-weight:500}.gs-capa strong{color:#ed5547;font-size:18px;font-weight:700}.gs-capa em{color:#ed5547;margin-left:2px;font-size:16px;font-style:normal;font-weight:700}.gs-dark .gs-panel-head{background:0 0;border-bottom-color:#3d4450}.gs-panel-title{align-items:center;gap:8px;min-width:0;display:inline-flex}.gs-bullet{background:#8a969c;border-radius:2px;flex-shrink:0;width:8px;height:8px}.gs-more{color:#9aa3ad;letter-spacing:1px;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:20px;line-height:1}.gs-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.gs-box{border-right:1px solid #e6ebef;min-width:0;padding:12px clamp(8px,2.5cqw,16px);container:gsbox/inline-size}.gs-box:last-child{border-right:none}.gs-dark .gs-box{border-right-color:#3d4450}.gs-box-head{align-items:center;gap:8px;margin-bottom:1.1em;display:flex}.gs-box-head h4{color:#697679;margin:0;font-size:20px;font-weight:600;line-height:1.2}.gs-dark .gs-box-head h4{color:#a8b0b5}.gs-box-ico{opacity:.9;background:50%/contain no-repeat;flex-shrink:0;width:18px;height:18px;display:block}.gs-ico-today,.gs-ico-this-month,.gs-ico-this-year,.gs-ico-cumulative{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Crect x='2.5' y='3.5' width='13' height='12' rx='1.5' stroke='%238a969c' stroke-width='1.4'/%3E%3Cpath d='M2.5 7h13M6 2v3M12 2v3' stroke='%238a969c' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M5.5 10.5h2M8.5 10.5h2M11.5 10.5h1M5.5 13h2M8.5 13h2' stroke='%238a969c' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")}.gs-box-body{align-items:stretch;gap:12px;height:128px;min-height:0;display:flex}.gs-gauge-col{flex:0 0 72px;min-width:60px;max-width:80px}.gs-gauge-wrap{flex-direction:column;justify-content:space-between;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.gs-bar{background:#d8dde0;border-radius:1px;flex-shrink:0;width:100%;height:10px;margin-bottom:0}.gs-dark .gs-bar:not(.gs-bar-filled):not(.gs-blink){background:#4a5560}.gs-bar-filled{background:0 0}.gs-parabola{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes gs-shift{to{background:#d8dde0}}.gs-blink{animation:1.2s infinite gs-shift}.gs-metrics{flex-direction:column;flex:auto;justify-content:center;gap:0;min-width:0;display:flex}.gs-row{border-bottom:1px solid #eef1f3;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 3.2em;align-items:baseline;column-gap:8px;min-width:0;padding:4px 0;font-size:15px;line-height:1.25;display:grid}.gs-row:last-child{border-bottom:none}.gs-dark .gs-row{border-bottom-color:#3d4450}.gs-row-label{color:#798284;white-space:nowrap;text-align:left;min-width:0;font-size:clamp(11px,5cqw,14px);overflow:hidden}.gs-row-value{text-align:right;font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;min-width:0;font-size:clamp(12px,6.2cqw,17px);font-weight:700;overflow:hidden}.gs-row-unit{text-align:right;white-space:nowrap;justify-self:end;min-width:0;font-size:clamp(11px,5cqw,14px);font-style:normal;font-weight:600}.gs-row-hour .gs-row-value,.gs-row-hour .gs-row-unit{color:#f48a00}.gs-row-energy .gs-row-value,.gs-row-energy .gs-row-unit{color:#ed5547}.gs-row-co2 .gs-row-value,.gs-row-co2 .gs-row-unit{color:#3d98de}.gs-row-money .gs-row-value,.gs-row-money .gs-row-unit{color:#30c284}@container genstatus (width<=980px){.gs-grid{grid-template-columns:1fr 1fr}.gs-box:nth-child(2n){border-right:none}.gs-box:first-child,.gs-box:nth-child(2){border-bottom:1px solid #e6ebef}.gs-dark .gs-box:first-child,.gs-dark .gs-box:nth-child(2){border-bottom-color:#3d4450}}@container genstatus (width<=520px){.gs-grid{grid-template-columns:1fr}.gs-box{border-bottom:1px solid #e6ebef;border-right:none}.gs-box:last-child{border-bottom:none}.gs-dark .gs-box{border-bottom-color:#3d4450}.gs-panel-head{height:auto;min-height:48px;max-height:none;padding:10px 12px}.gs-box-body{height:auto;min-height:120px}}.as-panel{color:#2c3340;background:#fff;border-radius:.4rem;flex-direction:column;width:100%;min-width:0;height:100%;font-family:Noto Sans KR,sans-serif;display:flex;overflow:hidden;box-shadow:1px 1px 2px #b9b9b9;container:asset/inline-size}.as-panel.as-dark{box-shadow:none;color:#e2e8f0;background:#2b3038}.as-head{box-sizing:border-box;border-bottom:1px solid #e8ecee;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:60px;min-height:60px;max-height:60px;padding:0 12px;display:flex}.as-dark .as-head{border-bottom-color:#3d4450}.as-head-left{align-items:center;gap:8px;min-width:0;display:flex}.as-head-ico{background:#9aa3ad;border:2px solid #9aa3ad;border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:inset 0 0 0 3px #fff}.as-dark .as-head-ico{box-shadow:inset 0 0 0 3px #2b3038}.as-head h3{color:#697679;white-space:nowrap;min-width:0;margin:0;font-size:clamp(12px,3.8cqw,15px);font-weight:600;line-height:1.15;overflow:hidden}.as-head h3 em{color:#9aa3ad;margin-left:6px;font-size:.85em;font-style:normal;font-weight:400}.as-more{color:#9aa3ad;letter-spacing:1px;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:18px;line-height:1}.as-body{flex-direction:column;flex:1;gap:2px;min-height:0;padding:6px 10px 8px;display:flex}.as-body-chart-only .as-content{display:none}.as-body-hide-money .as-content{grid-template-rows:1fr;grid-template-columns:repeat(2,minmax(0,1fr))}.as-content{flex-shrink:0;grid-template-rows:auto auto;grid-template-columns:repeat(3,minmax(0,1fr));place-items:start stretch;gap:clamp(8px,2.2cqw,12px) clamp(6px,2cqw,12px);min-width:0;padding:6px 0 8px;display:grid}.as-metric{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;width:100%;min-width:0;max-width:100%;padding:0 2px;display:flex;overflow:hidden}.as-metric-label{color:#111827;white-space:nowrap;text-align:center;box-sizing:border-box;width:100%;max-width:100%;margin:0;font-size:clamp(10px,3.2cqw,12px);font-weight:700;line-height:1.2;overflow:hidden}.as-metric-label--stack{white-space:normal;flex-direction:column;align-items:center;gap:2px;display:flex;overflow:visible}.as-metric-name{white-space:nowrap;font-size:clamp(11px,3.4cqw,13px);font-weight:700;line-height:1.1}.as-metric-sub{letter-spacing:-.02em;color:#6b7280;white-space:nowrap;max-width:100%;font-size:clamp(8px,2.4cqw,10px);font-weight:500;line-height:1.15;display:block;overflow:hidden}.as-dark .as-metric-label{color:#f1f5f9}.as-dark .as-metric-sub{color:#94a3b8}.as-metric-value{box-sizing:border-box;flex-flow:row;justify-content:center;align-items:baseline;gap:clamp(2px,.8cqw,4px);width:100%;min-width:0;max-width:100%;display:flex;overflow:hidden}.as-metric-main{flex-flow:row;flex:0 auto;justify-content:center;align-items:baseline;gap:clamp(1px,.5cqw,3px);min-width:0;max-width:100%;display:inline-flex;overflow:hidden}.as-metric-value strong{font-variant-numeric:tabular-nums;letter-spacing:-.04em;white-space:nowrap;min-width:0;font-size:clamp(.7rem,4.6cqw,1.2rem);font-weight:700;line-height:1.1}.as-metric-value em{white-space:nowrap;flex-shrink:0;font-size:clamp(8px,2.6cqw,12px);font-style:normal;font-weight:600}.as-price strong,.as-price em{color:#4a90d9}.as-hours strong,.as-hours em{color:#f48a00}.as-money strong,.as-money em{color:#30c284}.as-trend{white-space:nowrap;flex:none;align-items:baseline;max-width:40%;font-size:clamp(7px,2.2cqw,11px);font-weight:600;line-height:1;display:inline-flex;overflow:hidden}.as-trend.as-up{color:#f78f8a}.as-trend.as-down{color:#86a2e4}.as-trend.as-flat{color:#a0a8ab}.as-chart{flex-direction:column;flex:auto;width:100%;min-width:0;height:auto;min-height:180px;max-height:none;display:flex;position:relative}.as-chart-canvas{flex:1;width:100%;height:100%;min-height:160px;position:relative}.as-chart-canvas>canvas{display:block}.as-chart-units{pointer-events:none;color:#9aa3ad;z-index:1;font-size:10px;position:absolute;inset:32px 4px 22px}.as-unit-left{position:absolute;top:-14px;left:8px}.as-unit-right{position:absolute;top:-14px;right:8px}.as-unit-bottom{position:absolute;bottom:0;right:4px}@container asset (width<=380px){.as-metric-value{flex-wrap:wrap;justify-content:center;row-gap:2px}.as-trend{flex-basis:100%;justify-content:center;max-width:100%}}@container asset (width<=300px){.as-content{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}.as-body-hide-money .as-content{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.as-head{padding:0 10px}.as-body{gap:6px;padding:8px 10px}}.msm{color:#2c3340;box-sizing:border-box;background:#e1ebf7;border-radius:.4rem;flex-direction:column;flex-shrink:0;align-self:stretch;width:16%;min-width:200px;max-width:280px;min-height:0;font-family:Noto Sans KR,sans-serif;display:flex;overflow:hidden;box-shadow:1px 1px 2px #b9b9b9}.msm-dark{box-shadow:none;color:#e2e8f0;background:#1e293b}.msm-search{box-sizing:border-box;align-items:center;gap:6px;padding:10px 10px 8px;display:flex}.msm-search input{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #b7cfe6;border-radius:4px;flex:1;min-width:0;height:32px;padding:0 10px;font-family:inherit;font-size:13px}.msm-dark .msm-search input{color:#e2e8f0;background:#0f172a;border-color:#475569}.msm-search input::placeholder{color:#94a3b8}.msm-search-btn{cursor:pointer;background:#eff7ff;border:1px solid #b7cfe6;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.msm-dark .msm-search-btn{background:#334155;border-color:#475569}.msm-search-ico{background:url(/icon/search-icon.svg) 50%/contain no-repeat;width:16px;height:16px;display:block}.msm-title{box-sizing:border-box;background:#eff7ff;border-top:1px solid #d3e3f3;border-bottom:1px solid #d3e3f3;align-items:center;gap:8px;height:44px;padding:0 14px;display:flex}.msm-dark .msm-title{background:#243044;border-color:#334155}.msm-title-ico{background:url(/icon/menu_icons.png) -27px -27px/54px 270px no-repeat;flex-shrink:0;width:27px;height:27px;display:block}.msm-title h2{color:#047bc9;letter-spacing:-.02em;margin:0;font-size:15px;font-weight:700}.msm-dark .msm-title h2{color:#7dd3fc}.msm-nav{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:auto;gap:4px;min-height:0;padding:8px 8px 12px;display:flex;overflow:hidden auto}.msm-nav::-webkit-scrollbar{width:0;height:0;display:none}.msm-group{border-radius:6px;overflow:hidden}.msm-group:not(.is-open) .msm-group-btn{color:#4a5568;background:0 0}.msm-dark .msm-group:not(.is-open) .msm-group-btn{color:#94a3b8}.msm-group.is-open{background:#fff;margin-bottom:2px;box-shadow:0 0 0 1px #c8d8ea}.msm-dark .msm-group.is-open{background:#0f172a;box-shadow:0 0 0 1px #334155}.msm-group-btn{color:#334155;cursor:pointer;box-sizing:border-box;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:700;display:flex}.msm-group.is-open .msm-group-btn{color:#047bc9;background:#eff7ff;border-bottom:1px solid #d3e3f3}.msm-dark .msm-group-btn{color:#cbd5e1}.msm-dark .msm-group.is-open .msm-group-btn{color:#7dd3fc;background:#1e293b;border-bottom-color:#334155}.msm-group-btn:hover{background:#4182c71a}.msm-group.is-open .msm-group-btn:hover{background:#e4f1fb}.msm-dark .msm-group.is-open .msm-group-btn:hover{background:#243044}.msm-arrow{opacity:.55;background:url(/icon/sub-menu-direction.svg) 50%/contain no-repeat;flex-shrink:0;width:12px;height:10px;transition:transform .15s;display:block;transform:rotate(-90deg)}.msm-group.is-open .msm-arrow{opacity:1;transform:rotate(0)}.msm-sublist{margin:0;padding:4px 0 6px;list-style:none}.msm-sub-btn{text-align:left;color:#5b6570;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-left:3px solid #0000;width:100%;padding:8px 12px 8px 22px;font-family:inherit;font-size:13px;font-weight:500;position:relative}.msm-dark .msm-sub-btn{color:#94a3b8}.msm-sub-btn:hover{color:#047bc9;background:#047bc914;border-left-color:#9ec5e8}.msm-sub-btn.is-active{color:#fff;background:#4182c7;border-left-color:#2b6cb0;font-weight:700}.msm-dark .msm-sub-btn.is-active{color:#fff;background:#0369a1;border-left-color:#0284c7}.msm-sub-btn strong{color:#047bc9;font-weight:800}.msm-sub-btn.is-active strong{color:#ffe14a}@media (width<=900px){.msm{width:100%;min-width:0;max-width:none}}.it-root{color:#2c3340;flex-direction:column;gap:12px;min-width:0;font-family:Noto Sans KR,sans-serif;display:flex}.it-panel{background:#fff;border:1px solid #e4e9ef;border-radius:6px;overflow:hidden}.it-dark .it-panel{color:#e2e8f0;background:#2b3038;border-color:#3d4450}.it-head{box-sizing:border-box;border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:6px 14px;display:flex}.it-dark .it-head{border-bottom-color:#3d4450}.it-head-left,.it-head-right{align-items:center;gap:10px;min-width:0;display:flex}.it-head-ico{box-sizing:border-box;background:#9aa3ad;border:2px solid #9aa3ad;border-radius:50%;flex-shrink:0;width:16px;height:16px;box-shadow:inset 0 0 0 3px #fff}.it-dark .it-head-ico{box-shadow:inset 0 0 0 3px #2b3038}.it-head h3{color:#5b6570;white-space:nowrap;margin:0;font-size:15px;font-weight:700}.it-dark .it-head h3{color:#cbd5e1}.it-more{color:#9aa3ad;letter-spacing:1px;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1}.it-legend{align-items:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.it-legend li{color:#7b868f;align-items:center;gap:5px;font-size:12px;font-weight:500;display:inline-flex}.it-legend i{border-radius:50%;width:9px;height:9px;display:block}.it-legend i.normal{background:#42bf88}.it-legend i.stop{background:#6b7280}.it-legend i.danger{background:#ef5350}.it-seg{background:#eceff3;border-radius:999px;flex-shrink:0;padding:2px;display:inline-flex}.it-dark .it-seg{background:#1e293b}.it-seg button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:700;line-height:1.2}.it-seg button.is-on{color:#fff;background:#42bf88}.it-seg-metric{margin-left:2px}.it-stack{box-sizing:border-box;padding:18px 16px 14px;overflow-x:auto}.it-grid{justify-content:start;width:max-content;display:grid}.it-unit{box-sizing:border-box;color:#fff;text-align:center;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:54px;padding:8px;display:flex}.it-unit.normal{background:#42bf88}.it-unit.stop{background:#6b7280}.it-unit.danger{background:#ef5350}.it-unit-name{opacity:.95;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:400;overflow:hidden}.it-unit-val{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:16px;font-weight:500;line-height:1}.it-unit-suffix{opacity:.92;vertical-align:baseline;margin-left:1px;font-size:.65em;font-weight:400;display:inline-block}.it-chart-hint{color:#8a969c;font-size:12px;font-weight:600}.it-chart-wrap{box-sizing:border-box;padding:12px 16px 16px;overflow-x:auto}.it-chart{box-sizing:border-box;min-width:100%;height:300px}.it-table-scroll{padding:0 14px 14px;overflow-x:auto}.it-table{border-collapse:collapse;border:1px solid #d7dde5;width:100%;font-size:16px}.it-dark .it-table{border-color:#3d4450}.it-table th,.it-table td{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;vertical-align:middle;border:1px solid #d7dde5;padding:13px 14px}.it-dark .it-table th,.it-dark .it-table td{border-color:#3d4450}.it-table thead th{color:#fff;background:#9aa8b8;font-size:15px;font-weight:700}.it-dark .it-table thead th{background:#475569}.it-table thead th.is-sub{font-size:14px;font-weight:600}.it-table td{color:#374151;background:#fff;font-weight:500}.it-dark .it-table td{color:#e2e8f0;background:#2b3038}.it-status{justify-content:center;align-items:center;gap:6px;font-weight:700;display:inline-flex}.it-status.is-ok{color:#42bf88}.it-status.is-bad{color:#ef5350}.it-table td.it-power{font-weight:700}.it-table td.it-power.is-zero{color:#111827}.it-table td.it-power.is-on{color:#16a34a}.it-dark .it-table td.it-power.is-zero{color:#e2e8f0}.it-dark .it-table td.it-power.is-on{color:#4ade80}.it-status-ico{color:inherit;line-height:0;display:inline-flex}.it-empty{text-align:center;color:#9aa3ad;margin:0;padding:28px 16px;font-size:13px}@media (width<=900px){.it-legend{display:none}.it-head{flex-wrap:wrap}}.sr{box-sizing:border-box;color:#2c3340;flex:auto;align-items:stretch;gap:12px;width:100%;min-height:calc(100vh - 127px);font-family:Noto Sans KR,sans-serif;display:flex}.sr-menu{background:#e1ebf7;border-radius:.4rem;flex-direction:column;flex-shrink:0;width:16%;min-width:200px;max-width:260px;display:flex;overflow:hidden;box-shadow:1px 1px 2px #b9b9b9}.sr-dark .sr-menu{box-shadow:none;color:#e2e8f0;background:#1e293b}.sr-search{box-sizing:border-box;align-items:center;gap:6px;padding:10px;display:flex}.sr-search input{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #b7cfe6;border-radius:4px;flex:1;min-width:0;height:32px;padding:0 10px;font-family:inherit;font-size:13px}.sr-dark .sr-search input{color:#e2e8f0;background:#0f172a;border-color:#475569}.sr-search-btn{cursor:pointer;background:#eff7ff;border:1px solid #b7cfe6;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.sr-dark .sr-search-btn{background:#334155;border-color:#475569}.sr-search-ico{background:url(/icon/search-icon.svg) 50%/contain no-repeat;width:16px;height:16px;display:block}.sr-nav{flex-direction:column;flex:1;gap:4px;padding:4px 8px 12px;display:flex;overflow-y:auto}.sr-group{border-radius:6px;overflow:hidden}.sr-group.is-open{background:#fff;box-shadow:0 0 0 1px #c8d8ea}.sr-dark .sr-group.is-open{background:#0f172a;box-shadow:0 0 0 1px #334155}.sr-group-btn{color:#4a5568;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:700;display:flex}.sr-group.is-open .sr-group-btn{color:#047bc9;background:#eff7ff;border-bottom:1px solid #d3e3f3}.sr-dark .sr-group.is-open .sr-group-btn{color:#7dd3fc;background:#1e293b;border-bottom-color:#334155}.sr-arrow{opacity:.55;background:url(/icon/sub-menu-direction.svg) 50%/contain no-repeat;flex-shrink:0;width:12px;height:10px;transform:rotate(-90deg)}.sr-group.is-open .sr-arrow{opacity:1;transform:rotate(0)}.sr-sublist{margin:0;padding:4px 0 6px;list-style:none}.sr-sub-btn{text-align:left;color:#5b6570;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;width:100%;padding:8px 12px 8px 22px;font-family:inherit;font-size:13px;font-weight:500}.sr-dark .sr-sub-btn{color:#94a3b8}.sr-sub-btn:hover{color:#047bc9;background:#047bc914}.sr-sub-btn.is-active{color:#fff;background:#4182c7;border-left-color:#2b6cb0;font-weight:700}.sr-main{flex-direction:column;flex:auto;gap:12px;min-width:0;display:flex}.sr-toolbar{box-sizing:border-box;background:#fff;border:1px solid #e4e9ef;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.sr-dark .sr-toolbar{background:#2b3038;border-color:#3d4450}.sr-filters{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.sr-seg{background:#eceff3;border-radius:999px;padding:2px;display:inline-flex}.sr-dark .sr-seg{background:#1e293b}.sr-seg button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:700}.sr-seg button.is-on{color:#fff;background:#4182c7}.sr-dates{color:#64748b;align-items:center;gap:6px;font-size:13px;display:inline-flex}.sr-dates input{color:#334155;background:#fff;border:1px solid #d0d7e0;border-radius:4px;height:32px;padding:0 8px;font-family:inherit;font-size:13px}.sr-dark .sr-dates input{color:#e2e8f0;background:#0f172a;border-color:#475569}.sr-btn-query{color:#fff;cursor:pointer;background:#e11d48;border:none;border-radius:4px;flex-shrink:0;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:700}.sr-panel{background:#fff;border:1px solid #e4e9ef;border-radius:6px;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.sr-dark .sr-panel{background:#2b3038;border-color:#3d4450}.sr-panel-head{box-sizing:border-box;border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 14px;display:flex}.sr-dark .sr-panel-head{border-bottom-color:#3d4450}.sr-panel-head h2{color:#455056;margin:0;font-size:16px;font-weight:700}.sr-dark .sr-panel-head h2{color:#e2e8f0}.sr-panel-head h2 em{color:#047bc9;font-style:normal;font-weight:600}.sr-btn-excel{color:#fff;cursor:pointer;background:#42bf88;border:none;border-radius:4px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:700}.sr-table-wrap{flex:1;padding:0 14px 14px;overflow:auto}.sr-table{border-collapse:collapse;border:1px solid #d7dde5;width:100%;font-size:14px}.sr-dark .sr-table{border-color:#3d4450}.sr-table th,.sr-table td{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;border:1px solid #d7dde5;padding:10px 12px}.sr-dark .sr-table th,.sr-dark .sr-table td{border-color:#3d4450}.sr-table thead th{color:#fff;background:#9aa8b8;font-size:13px;font-weight:700}.sr-dark .sr-table thead th{background:#475569}.sr-table thead th.is-sub{font-size:12px;font-weight:600}.sr-table tbody tr:nth-child(2n) td{background:#f7f9fb}.sr-dark .sr-table tbody tr:nth-child(2n) td{background:#232830}.sr-table tbody td{color:#374151;font-weight:500}.sr-dark .sr-table tbody td{color:#e2e8f0;background:#2b3038}.sr-table tfoot tr.is-summary td{color:#fff;background:#4182c7;border-color:#3670ad;font-weight:700}.sr-dark .sr-table tfoot tr.is-summary td{background:#0369a1;border-color:#075985}@media (width<=900px){.sr{flex-direction:column}.sr-menu{width:100%;max-width:none}}.ar{box-sizing:border-box;color:#2c3340;flex:auto;align-items:stretch;gap:12px;width:100%;min-height:calc(100vh - 127px);font-family:Noto Sans KR,sans-serif;display:flex}.ar-menu{background:#e1ebf7;border-radius:.4rem;flex-direction:column;flex-shrink:0;width:16%;min-width:200px;max-width:260px;display:flex;overflow:hidden;box-shadow:1px 1px 2px #b9b9b9}.ar-dark .ar-menu{box-shadow:none;color:#e2e8f0;background:#1e293b}.ar-search{align-items:center;gap:6px;padding:10px;display:flex}.ar-search input{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #b7cfe6;border-radius:4px;flex:1;min-width:0;height:32px;padding:0 10px;font-family:inherit;font-size:13px}.ar-dark .ar-search input{color:#e2e8f0;background:#0f172a;border-color:#475569}.ar-search-btn{cursor:pointer;background:#eff7ff;border:1px solid #b7cfe6;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.ar-dark .ar-search-btn{background:#334155;border-color:#475569}.ar-search-ico{background:url(/icon/search-icon.svg) 50%/contain no-repeat;width:16px;height:16px;display:block}.ar-nav{flex:1;padding:4px 8px 12px;overflow-y:auto}.ar-group{border-radius:6px;overflow:hidden}.ar-group.is-open{background:#fff;box-shadow:0 0 0 1px #c8d8ea}.ar-dark .ar-group.is-open{background:#0f172a;box-shadow:0 0 0 1px #334155}.ar-group-btn{color:#4a5568;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:700;display:flex}.ar-group.is-open .ar-group-btn{color:#047bc9;background:#eff7ff;border-bottom:1px solid #d3e3f3}.ar-dark .ar-group.is-open .ar-group-btn{color:#7dd3fc;background:#1e293b;border-bottom-color:#334155}.ar-arrow{opacity:.55;background:url(/icon/sub-menu-direction.svg) 50%/contain no-repeat;flex-shrink:0;width:12px;height:10px;transform:rotate(-90deg)}.ar-group.is-open .ar-arrow{opacity:1;transform:rotate(0)}.ar-sublist{margin:0;padding:4px 0 6px;list-style:none}.ar-sub-btn{text-align:left;color:#5b6570;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;width:100%;padding:8px 12px 8px 22px;font-family:inherit;font-size:13px;font-weight:500}.ar-dark .ar-sub-btn{color:#94a3b8}.ar-sub-btn:hover{color:#047bc9;background:#047bc914}.ar-sub-btn.is-active{color:#fff;background:#4182c7;border-left-color:#2b6cb0;font-weight:700}.ar-main{flex-direction:column;flex:auto;gap:12px;min-width:0;display:flex}.ar-toolbar{box-sizing:border-box;background:#fff;border:1px solid #e4e9ef;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.ar-dark .ar-toolbar{background:#2b3038;border-color:#3d4450}.ar-filters{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.ar-seg{background:#eceff3;border-radius:999px;flex-wrap:wrap;gap:0;padding:2px;display:inline-flex}.ar-dark .ar-seg{background:#1e293b}.ar-seg button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 11px;font-family:inherit;font-size:12px;font-weight:700}.ar-seg button.is-on{color:#fff;background:#4182c7}.ar-dates{color:#64748b;align-items:center;gap:6px;font-size:13px;display:inline-flex}.ar-dates input{color:#334155;background:#fff;border:1px solid #d0d7e0;border-radius:4px;height:32px;padding:0 8px;font-family:inherit;font-size:13px}.ar-dark .ar-dates input{color:#e2e8f0;background:#0f172a;border-color:#475569}.ar-btn-query{color:#fff;cursor:pointer;background:#e11d48;border:none;border-radius:4px;flex-shrink:0;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:700}.ar-panel{background:#fff;border:1px solid #e4e9ef;border-radius:6px;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.ar-dark .ar-panel{background:#2b3038;border-color:#3d4450}.ar-panel-head{box-sizing:border-box;border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 14px;display:flex}.ar-dark .ar-panel-head{border-bottom-color:#3d4450}.ar-panel-head h2{color:#455056;margin:0;font-size:16px;font-weight:700}.ar-dark .ar-panel-head h2{color:#e2e8f0}.ar-panel-head h2 em{color:#047bc9;font-style:normal;font-weight:600}.ar-btn-excel{color:#fff;cursor:pointer;background:#42bf88;border:none;border-radius:4px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:700}.ar-table-wrap{flex:1;padding:0 14px 14px;overflow:auto}.ar-table{border-collapse:collapse;border:1px solid #d7dde5;width:100%;font-size:14px}.ar-dark .ar-table{border-color:#3d4450}.ar-table th,.ar-table td{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;border:1px solid #d7dde5;padding:11px 12px}.ar-dark .ar-table th,.ar-dark .ar-table td{border-color:#3d4450}.ar-table thead th{color:#fff;background:#9aa8b8;font-size:13px;font-weight:700}.ar-dark .ar-table thead th{background:#475569}.ar-table tbody td{color:#374151;background:#fff;font-weight:500}.ar-dark .ar-table tbody td{color:#e2e8f0;background:#2b3038}.ar-table tbody tr:nth-child(2n) td{background:#f7f9fb}.ar-dark .ar-table tbody tr:nth-child(2n) td{background:#232830}.ar-table td.is-empty{color:#94a3b8;padding:48px 12px;font-weight:500}.ar-table td.is-msg{text-align:left;white-space:normal;min-width:220px}.ar-level{border-radius:999px;min-width:44px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.ar-level.is-interest{color:#047bc9;background:#4182c724}.ar-level.is-caution{color:#d97706;background:#f59e0b29}.ar-level.is-warning{color:#e11d48;background:#ef535024}.ar-level.is-critical{color:#991b1b;background:#7f1d1d24}@media (width<=900px){.ar{flex-direction:column}.ar-menu{width:100%;max-width:none}}.gp{box-sizing:border-box;color:#455056;flex:auto;align-items:stretch;gap:10px;width:100%;min-height:calc(100vh - 127px);font-family:Noto Sans KR,Malgun Gothic,sans-serif;display:flex}.gp-left{background:#e8eef5;border:1px solid #cfd8e3;border-radius:2px;flex-direction:column;flex-shrink:0;width:18%;min-width:248px;max-width:300px;display:flex;overflow:hidden}.gp-dark .gp-left{color:#e2e8f0;background:#1e293b;border-color:#334155}.gp-tools{background:#edf2f8;border-bottom:1px solid #d0dbe8;flex-direction:column;gap:8px;padding:10px;display:flex}.gp-dark .gp-tools{background:#1e293b;border-bottom-color:#334155}.gp-seg,.gp-sort-btns{background:#fff;border:1px solid #b7c7d8;border-radius:2px;display:flex;overflow:hidden}.gp-dark .gp-seg,.gp-dark .gp-sort-btns{background:#0f172a;border-color:#475569}.gp-seg button,.gp-sort-btns button{color:#5a6b7b;cursor:pointer;background:#fff;border:none;border-right:1px solid #b7c7d8;flex:1;padding:8px 4px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2}.gp-seg button:last-child,.gp-sort-btns button:last-child{border-right:none}.gp-dark .gp-seg button,.gp-dark .gp-sort-btns button{color:#94a3b8;background:#0f172a;border-right-color:#475569}.gp-seg button.is-on,.gp-sort-btns button.is-on{color:#fff;background:#4a90d9}.gp-search-wrap{flex-direction:column;gap:4px;display:flex}.gp-search-wrap>label{color:#6b7c8d;font-size:11px;font-weight:600}.gp-search-box{background:#fff;border:1px solid #b7c7d8;border-radius:2px;align-items:center;height:32px;display:flex;overflow:hidden}.gp-dark .gp-search-box{background:#0f172a;border-color:#475569}.gp-search-box input{min-width:0;height:100%;color:inherit;background:0 0;border:none;outline:none;flex:1;padding:0 8px;font-family:inherit;font-size:12px}.gp-search-ico{background:#4a90d9;flex-shrink:0;width:32px;height:100%;position:relative}.gp-search-ico:before{content:"";box-sizing:border-box;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:8px;left:9px}.gp-search-ico:after{content:"";transform-origin:0;background:#fff;width:6px;height:2px;position:absolute;bottom:8px;right:8px;transform:rotate(45deg)}.gp-tree-wrap{background:#f4f7fb;flex:1;min-height:0;padding:8px 6px 12px;overflow:auto}.gp-dark .gp-tree-wrap{background:#162032}.gp-tree-head{justify-content:space-between;align-items:center;gap:6px;padding:0 4px 6px;display:flex}.gp-tree-title{color:#3d5a73;margin:0;font-size:12px;font-weight:700}.gp-tree-sub{color:#8a969c;margin:0 4px 8px;font-size:11px}.gp-tree-mode{border:1px solid #b7c7d8;border-radius:2px;display:inline-flex;overflow:hidden}.gp-tree-mode button{color:#64748b;cursor:pointer;background:#fff;border:none;padding:3px 6px;font-family:inherit;font-size:10px;font-weight:700}.gp-tree-mode button.is-on{color:#fff;background:#4a90d9}.gp-tree{margin:0;padding:0 0 0 2px;list-style:none}.gp-tree .gp-tree{padding-left:10px}.gp-tree-row{align-items:center;gap:1px;min-height:28px;display:flex}.gp-tree-caret,.gp-tree-spacer{flex-shrink:0;width:16px;height:16px}.gp-tree-caret{cursor:pointer;background:0 0;border:none;position:relative}.gp-tree-caret:before{content:"+";color:#455056;box-sizing:border-box;background:#fff;border:1px solid #8aa0b5;justify-content:center;align-items:center;width:14px;height:14px;margin:auto;font-size:12px;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.gp-tree-caret.is-open:before{content:"−"}.gp-tree-item{text-align:left;color:#455056;cursor:pointer;background:0 0;border:none;border-radius:2px;flex:1;justify-content:space-between;align-items:center;gap:6px;min-width:0;padding:4px 6px;font-family:inherit;font-size:12px;font-weight:500;display:flex}.gp-dark .gp-tree-item{color:#cbd5e1}.gp-tree-item.is-group{font-weight:700}.gp-tree-item:hover{background:#4a90d91f}.gp-tree-item.is-on{color:#fff;background:#4a90d9}.gp-tree-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.gp-tree-name em{opacity:.85;font-style:normal;font-weight:500}.gp-tree-badges{flex-shrink:0;gap:3px;display:inline-flex}.gp-dot{color:#fff;border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.gp-dot.is-stop{background:#e74c3c}.gp-dot.is-warn{color:#3d2e00;background:#f0b429}.gp-right{box-sizing:border-box;background:#eef2f6;border:1px solid #d5dde6;border-radius:2px;flex:auto;min-width:0;overflow:auto}.gp-dark .gp-right{background:#1a1f27;border-color:#3d4450}.gp-status-bar{z-index:3;background:#eef2f6;border-bottom:1px solid #dce3eb;padding:8px 10px;position:sticky;top:0}.gp-dark .gp-status-bar{background:#1a1f27;border-bottom-color:#3d4450}.gp-status-tabs{flex-wrap:wrap;gap:4px;display:inline-flex}.gp-status-tabs button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #c5d0db;border-radius:2px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:700}.gp-status-tabs button em{margin-left:5px;font-style:normal}.gp-status-tabs button.is-on{color:#fff;background:#4a90d9;border-color:#4a90d9}.gp-dark .gp-status-tabs button{color:#94a3b8;background:#232830;border-color:#475569}.gp-dark .gp-status-tabs button.is-on{color:#fff;background:#3b82c4;border-color:#3b82c4}.gp-dark .gp-seg button.is-on,.gp-dark .gp-sort-btns button.is-on{background:#3b82c4}.gp-dark .gp-tree-title{color:#93c5fd}.gp-dark .gp-tree-mode{border-color:#475569}.gp-dark .gp-tree-mode button{color:#94a3b8;background:#0f172a}.gp-dark .gp-tree-mode button.is-on{color:#fff;background:#3b82c4}.gp-dark .gp-tree-caret:before{color:#cbd5e1;background:#1e293b;border-color:#64748b}.gp-dark .tv-info{color:#e2e8f0;background:#0f172a73;border-color:#ffffff59}.content-grid-wrap{box-sizing:border-box;grid-template-columns:repeat(5,1fr);grid-auto-rows:minmax(150px,auto);gap:5px;padding:8px;display:grid}.content-grid-wrap.is-graph{grid-auto-rows:minmax(200px,auto)}@media (width<=1700px){.content-grid-wrap{grid-template-columns:repeat(4,1fr)}}@media (width<=1500px){.content-grid-wrap{grid-template-columns:repeat(3,1fr)}}@media (width<=1200px){.content-grid-wrap{grid-template-columns:repeat(2,1fr)}}@media (width<=1000px){.content-grid-wrap{grid-template-columns:1fr;column-gap:0}}.mgb{box-sizing:border-box;background:#fff;border-bottom:2px solid #bbbcbd;border-right:2px solid #bbbcbd;border-radius:.5rem;flex-direction:column;min-height:150px;display:none;position:relative;overflow:hidden;box-shadow:1.95px 1.95px 2.6px #0000000d}.mgb.active{display:flex}.mgb-tip{z-index:2;opacity:0;pointer-events:none;color:#fff;background:#000000b3;border-radius:5px;max-width:70%;padding:4px 8px;font-size:.8em;transition:opacity .15s;position:absolute;top:3px;right:3px}.mgb-tip:before{content:"";border:5px solid #0000;border-left:0;border-right-color:#000000b3;position:absolute;top:8px;left:-5px}.mgb:hover .mgb-tip{opacity:1}.mgb-title{box-sizing:border-box;cursor:pointer;text-align:left;height:40px;color:inherit;background:0 0;border:none;border-bottom:1px solid #6495ed;justify-content:space-between;align-items:flex-start;gap:8px;width:100%;padding:.2rem .45rem;font-family:inherit;display:flex}.mgb-title-left{flex-direction:column;gap:1px;min-width:0;display:flex}.mgb-title .user-id{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:700;overflow:hidden}.mgb-title-left span,.mgb-start{white-space:nowrap;font-size:.7rem}.mgb-start{flex-shrink:0;padding-top:2px}.mgb.is-normal .mgb-title:hover{background:#dadada}.mgb-body{flex:1;align-items:stretch;gap:0;min-height:0;padding:6px 8px 8px;display:flex}.mgb-gen{text-align:center;flex-direction:column;flex:0 0 34%;justify-content:center;align-items:center;gap:3px;display:flex}.mgb-vr{background:#6495ed;border:none;align-self:stretch;width:1px;height:auto;margin:4px 8px}.mgb-grid4{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;align-items:center;gap:2px 6px;display:grid}.mgb-grid4>div{flex-direction:column;align-items:center;min-width:0;display:flex}.mgb-label{color:inherit;opacity:.9;white-space:nowrap;font-size:.7rem}.mgb-gen .mgb-label{margin-bottom:0;font-size:1rem}.mgb-big{text-align:center;color:#6495ed;font-variant-numeric:tabular-nums;text-shadow:none;-webkit-font-smoothing:antialiased;background:0 0;margin-top:0;font-size:1.7rem;font-weight:800;line-height:1.1;display:block}.mgb-big small{font-size:.8rem;font-weight:700}.mgb-val{text-align:center;color:#6495ed;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:none;-webkit-font-smoothing:antialiased;background:0 0;margin-top:-3px;font-size:1.2rem;font-weight:700;line-height:1.15;display:block}.mgb-val small{margin-left:1px;font-size:.7rem;font-weight:600}.mgb.is-normal{background:#fff}.mgb.is-warning{color:#fff;background:linear-gradient(#fb6a57,#f39976)}.mgb.is-warning .mgb-title{color:#fff;border-bottom-color:#fff}.mgb.is-warning .mgb-vr{background:#fff}.mgb.is-warning .mgb-big,.mgb.is-warning .mgb-val,.mgb.is-warning .mgb-label{color:#fff;opacity:1;text-shadow:none;background:0 0}.mgb.is-warning .mgb-title:hover{color:#000;background:#ffc3bc}.mgb.is-w1000003{color:#fff;background:linear-gradient(#744944,#662e18)}.mgb.is-w1000003 .mgb-title{color:#fff;border-bottom-color:#fff}.mgb.is-w1000003 .mgb-vr,.mgb.is-w1000003 .mgb-big,.mgb.is-w1000003 .mgb-val{color:#fff}.mgb.is-w1000003 .mgb-vr{background:#fff}.mgb.is-w1000003 .mgb-title:hover{color:#000;background:#9c817e}.mgb.is-w1000001{color:#fff;background:linear-gradient(#cfba83,#b69a6b)}.mgb.is-w1000001 .mgb-title{color:#fff;border-bottom-color:#fff}.mgb.is-w1000001 .mgb-vr,.mgb.is-w1000001 .mgb-big,.mgb.is-w1000001 .mgb-val{color:#fff}.mgb.is-w1000001 .mgb-vr{background:#fff}.mgb.is-w1000001 .mgb-title:hover{color:#000;background:#cdae7b}.mgb.is-w1000006{color:#3d2e00;background:linear-gradient(#ffd400,#ffff8c)}.mgb.is-w1000006 .mgb-title{border-bottom-color:#fff}.mgb.is-w1000006 .mgb-vr{background:#fff}.mgb.is-w1000006 .mgb-big,.mgb.is-w1000006 .mgb-val{color:#b87005}.mgb.is-w1000006 .mgb-title:hover{color:#000;background:#ffffb3}.mgb.is-w1000004{color:#fff;background:linear-gradient(#ffb442,#e18802)}.mgb.is-w1000004 .mgb-title{color:#fff;border-bottom-color:#fff}.mgb.is-w1000004 .mgb-vr,.mgb.is-w1000004 .mgb-big,.mgb.is-w1000004 .mgb-val{color:#fff}.mgb.is-w1000004 .mgb-vr{background:#fff}.mgb.is-w1000004 .mgb-title:hover{color:#000;background:#ffcc7e}.mgb.is-notWork{color:#444;background:linear-gradient(#929292,#c7c7c7)}.mgb.is-notWork .mgb-title{border-bottom-color:#fff}.mgb.is-notWork .mgb-vr{background:#fff}.mgb.is-notWork .mgb-big,.mgb.is-notWork .mgb-val{color:#696969}.mgb.is-notWork .mgb-title:hover{color:#000;background:#dedede}.gp-dark .mgb{border-bottom-color:#3d4450;border-right-color:#3d4450;box-shadow:0 1px 3px #00000059}.gp-dark .mgb.is-normal{color:#e2e8f0;background:#232830}.gp-dark .mgb.is-normal .mgb-title{color:#e2e8f0;border-bottom-color:#5b9bd5}.gp-dark .mgb.is-normal .mgb-title:hover{color:#f8fafc;background:#334155}.gp-dark .mgb.is-normal .mgb-title-left span,.gp-dark .mgb.is-normal .mgb-start{color:#94a3b8}.gp-dark .mgb.is-normal .mgb-vr{background:#6cb2eb}.gp-dark .mgb.is-normal .mgb-label{color:#94a3b8;opacity:1}.gp-dark .mgb.is-normal .mgb-big,.gp-dark .mgb.is-normal .mgb-val{color:#7dd3fc}.gp-dark .mgb.is-normal .mgb-big small,.gp-dark .mgb.is-normal .mgb-val small{color:#94a3b8}.gp-dark .mgb.is-warning{background:linear-gradient(#d85a4a,#cc7d62)}.gp-dark .mgb.is-w1000003{background:linear-gradient(#5c3a36,#4a2618)}.gp-dark .mgb.is-w1000001{background:linear-gradient(#b09a6f,#967e58)}.gp-dark .mgb.is-w1000006{background:linear-gradient(#d4b200,#cfc86a)}.gp-dark .mgb.is-w1000004{background:linear-gradient(#d99638,#b86f02)}.gp-dark .mgb.is-notWork{color:#e5e5e5;background:linear-gradient(#6b6b6b,#8e8e8e)}.gp-dark .mgb.is-notWork .mgb-big,.gp-dark .mgb.is-notWork .mgb-val{color:#d1d5db}.gp-dark .pgb-spark{background:#0f172a47;border-radius:4px}.pgb{min-height:200px}.pgb-body{flex-direction:column;flex:1;gap:6px;padding:6px 8px 8px;display:flex}.pgb-spark{width:100%;height:72px}.pgb-metrics{flex:none}.tv-wrap{padding:0;overflow:auto}.tv{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.gp-dark .tv{color:#e2e8f0;background:#232830}.tv thead th{z-index:2;color:#fff;text-align:center;white-space:nowrap;cursor:default;background:#3f95d5;border-bottom:2px solid #2d7bb8;padding:12px 8px;font-weight:600;position:sticky;top:0}.tv thead th:first-child,.tv thead th:nth-child(4){cursor:pointer;-webkit-user-select:none;user-select:none}.tv-sort{opacity:.7;margin-left:2px}.tv-sort.is-on{opacity:1}.tv-period-head{align-items:center;gap:8px;display:inline-flex}.tv-period-head select{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff8c;border-radius:3px;padding:4px 6px;font-family:inherit;font-size:12px;font-weight:600}.tv-period-head select option{color:#fff;background:#3f95d5}.tv-period-label{display:none}.tv tbody tr{cursor:pointer;border-bottom:1px solid #e0e0e0}.gp-dark .tv tbody tr{border-bottom-color:#3d4450}.tv tbody td{text-align:center;vertical-align:middle;padding:10px 8px}.tv tbody tr.is-normal:hover{background:#f5f5f5}.gp-dark .tv tbody tr.is-normal:hover{background:#334155}.tv-name{color:#047bc9;font-weight:500;text-align:left!important}.gp-dark .tv tbody tr.is-normal .tv-name{color:#7dd3fc}.tv-name-short,.tv-mobile-status{display:none}.tv-energy{text-align:right!important;padding-right:4px!important}.tv-info-cell{width:36px;padding-left:0!important}.tv-info{width:22px;height:22px;color:inherit;cursor:pointer;background:#ffffff8c;border:1px solid #0003;border-radius:50%;font-size:12px;font-weight:700;line-height:1}.tv-info-pop{z-index:50;color:#fff;background:#000c;border-radius:6px;min-width:180px;padding:10px 28px 10px 12px;font-size:12px;position:fixed;box-shadow:0 4px 12px #00000040}.tv-info-pop p{margin:0 0 4px}.tv-info-pop p:last-child{margin-bottom:0}.tv-info-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:16px;line-height:1;position:absolute;top:4px;right:6px}.tv tbody tr.is-warning{color:#fff;background:linear-gradient(90deg,#fb6a57,#f39976)}.tv tbody tr.is-warning:hover{color:#000;background:#ffc3bc}.tv tbody tr.is-warning .tv-name{color:inherit}.tv tbody tr.is-w1000003{color:#fff;background:linear-gradient(90deg,#744944,#662e18)}.tv tbody tr.is-w1000003:hover{color:#000;background:#9c817e}.tv tbody tr.is-w1000003 .tv-name{color:inherit}.tv tbody tr.is-w1000001{color:#fff;background:linear-gradient(90deg,#cfba83,#b69a6b)}.tv tbody tr.is-w1000001:hover{color:#000;background:#cdae7b}.tv tbody tr.is-w1000001 .tv-name{color:inherit}.tv tbody tr.is-w1000006{color:#b87005;background:linear-gradient(90deg,#ffd400,#ffff8c)}.tv tbody tr.is-w1000006:hover{color:#000;background:#ffffb3}.tv tbody tr.is-w1000006 .tv-name{color:inherit}.tv tbody tr.is-w1000004{color:#fff;background:linear-gradient(90deg,#ffb442,#e18802)}.tv tbody tr.is-w1000004:hover{color:#000;background:#ffcc7e}.tv tbody tr.is-w1000004 .tv-name{color:inherit}.tv tbody tr.is-notWork{color:#696969;background:linear-gradient(90deg,#929292,#c7c7c7)}.tv tbody tr.is-notWork:hover{color:#000;background:#dedede}.tv tbody tr.is-notWork .tv-name{color:inherit}.gp-status-cell{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.gp-status-icon{opacity:.85;background:currentColor;border-radius:2px;flex-shrink:0;width:14px;height:14px;position:relative}.gp-status-icon.is-normal{background:#3f95d5;border-radius:50%;animation:1.4s ease-in-out infinite gp-pulse}.gp-status-icon.is-abnormal{clip-path:polygon(50% 0,100% 100%,0 100%);background:#e74c3c}.gp-status-icon.is-not{background:#8a8a8a;border-radius:2px}.gp-status-dot{background:#3f95d5;border-radius:50%;flex-shrink:0;width:6px;height:6px}.gp-status-cell.is-normal .gp-status-dot{background:#3f95d5}.gp-status-cell.is-warning .gp-status-dot{background:#e74c3c}.gp-status-cell.is-w1000003 .gp-status-dot{background:#3bc704}.gp-status-cell.is-w1000001 .gp-status-dot{background:#af7373}.gp-status-cell.is-w1000006 .gp-status-dot{background:#ffd400}.gp-status-cell.is-w1000004 .gp-status-dot{background:#ffb442}.gp-status-cell.is-notWork .gp-status-dot{background:#8a8a8a}.gp-status-text{font-size:12px}@keyframes gp-pulse{0%,to{opacity:.55}50%{opacity:1}}.gp-empty{text-align:center;color:#94a3b8;margin:0;padding:40px 16px;font-size:13px}@media (width<=640px){.tv-col-status,.tv-name-full{display:none}.tv-name-short,.tv-mobile-status{display:block}.tv-mobile-status{margin-top:4px}.gp{flex-direction:column}.gp-left{width:100%;max-width:none;max-height:380px}}.ivd{--blue:#3d98de;--green:#2cbb7e;box-sizing:border-box;color:#555;flex-direction:column;gap:10px;width:100%;min-width:0;max-width:100%;height:auto;padding-bottom:0;font-family:Noto Sans KR,Noto Sans Korean,sans-serif;display:flex;overflow:hidden visible}.ivd-wrap{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;min-width:0;max-width:100%;display:flex}.ivd.is-dark{color:#e2e8f0}.ivd-empty{text-align:center;color:#88919e;background:#fff;border-radius:.4rem;padding:40px;box-shadow:1px 1px 2px #b9b9b9}.box-style{background:#fff;border-radius:.4rem;font-family:Noto Sans KR,Noto Sans Korean,sans-serif;overflow:hidden;box-shadow:1px 1px 2px #b9b9b9}.ivd.is-dark .box-style,.ivd.is-dark .string-data-wrap{box-shadow:none;background:#1e293b}.express-table-title-wrap,.status-info-title-wrap{box-sizing:border-box;background:#fbfcfe;border-bottom:1px solid #dce0eb;justify-content:space-between;align-items:center;height:42px;padding:0 12px;display:flex}.express-table-title-wrap.active,.status-info-title-wrap.active{background:#0078ba}.express-table-title-inner-wrap{align-items:center;gap:8px;min-width:0;display:flex}.express-table-icon{box-sizing:border-box;border:2px solid #9aa3ad;border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:inset 0 0 0 3px #fff;background:#9aa3ad!important}.express-table-icon:after{display:none}.express-table-title-wrap.active .express-table-icon,.status-info-title-wrap.active .express-table-icon{border-color:#fff;box-shadow:inset 0 0 0 3px #0078ba;background:#fff!important}.express-table-title{color:#a1a6b6;white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:600;overflow:hidden}.express-table-title-wrap.active .express-table-title,.status-info-title-wrap.active .express-table-title{color:#fff}.more-info-wrap,.status-info-controls{flex-shrink:0;align-items:center;gap:6px;display:flex}.dot-dot-dot,.more-info-btn,.status-arrow{cursor:pointer;background-color:#0000;background-position:50%;background-repeat:no-repeat;border:0;padding:0}.dot-dot-dot,.more-info-btn{background-size:18px 18px;width:18px;height:18px}.box-data-wrap{box-sizing:border-box;background:#fff;min-height:calc(100% - 42px);padding:1.5rem}.ivd.is-dark .box-data-wrap{background:#1e293b}.ivd-row{flex-direction:row;flex:none;justify-content:space-between;align-items:stretch;height:auto;min-height:300px;margin-bottom:0;display:flex}.ivd-column{flex-direction:column;width:calc(50% - 7.5px);min-width:0;display:flex}.ivd-column-row{flex-direction:column;justify-content:space-between;gap:10px;display:flex}.ivd-column-row-row:first-child{flex:none;height:auto;min-height:140px}.ivd-column-row-row:nth-child(2){flex:auto;height:auto;min-height:200px}@media (width<=1100px){.ivd-row{flex-direction:column;height:auto}.ivd-column{width:100%;height:auto}.ivd-column-row-row:first-child,.ivd-column-row-row:nth-child(2){height:auto}}.inverter-data{flex-direction:column;gap:12px;height:100%;display:flex}.data-amount-wrap{flex-wrap:wrap;justify-content:space-between;display:flex}.data-amount-wrap .data-row{box-sizing:border-box;background:#fafafa;border-radius:.5rem;align-items:center;width:calc(50% - 2.5px);height:62px;margin-bottom:5px;display:flex}.ivd.is-dark .data-amount-wrap .data-row{background:#243044}.data-amount-wrap .data-title{color:#758289;flex:1.5;margin-left:1.5rem;font-size:1.1rem;font-weight:500}.data-amount-wrap .data-value{text-align:right;flex:1.3;font-size:2rem;font-weight:600;line-height:1}.data-amount-wrap .data-unit{flex:.7;margin-top:.5rem;margin-left:4px;font-size:1.1rem}.data-amount-wrap .blue{color:var(--blue)}.data-amount-wrap .green{color:var(--green)}.data-table-wrap{flex:1}.data-table-wrap table{border-collapse:separate;border-spacing:0;table-layout:fixed;background:#d4d4d4;border-radius:.5rem;width:100%;height:200px;overflow:hidden}.data-table-wrap thead th{color:#fff;text-align:center;background:#b1bcc9;border:1px solid #d4d4d4;padding:.5rem 0;font-weight:400}.data-table-wrap tbody th{color:#808a97;text-align:center;background:#e7edf2;border:1px solid #d4d4d4;font-weight:500}.data-table-wrap tbody td{color:#555;text-align:center;background:#fff;border:1px solid #d4d4d4;font-weight:600}.ivd.is-dark .data-table-wrap tbody td{color:#e2e8f0;background:#0f172a}.measurement-data-infomation{justify-content:center;align-items:center;width:100%;height:100%;min-height:65px;display:flex}.measurement-data-infomation table{border-collapse:separate;border-spacing:0;table-layout:fixed;background:#d4d4d4;border-radius:.5rem;width:100%;height:80px;overflow:hidden}.measurement-data-infomation th{color:#fff;text-align:center;background:#b1bcc9;border:1px solid #d4d4d4;height:28px;padding:.35rem 0;font-weight:400}.measurement-data-infomation td{color:#000;text-align:center;vertical-align:middle;background:#fff;border:1px solid #d4d4d4;height:52px;font-size:1.15rem;font-weight:600}.ivd.is-dark .measurement-data-infomation td{color:#e2e8f0;background:#0f172a}.status-info-box{flex-direction:column;display:flex}.status-info-title-wrap.active .status-info-controls .status-arrow,.status-info-title-wrap.active .status-legend{display:none}.status-arrow{background-size:54px 28px;width:27px;height:28px}.status-arrow.prev{background-position:0 0}.status-arrow.next{background-position:-27px 0}.status-arrow:disabled{opacity:.35;cursor:default}.status-legend{align-items:center;gap:4px;margin:0 4px;display:inline-flex}.status-legend-ico{background-repeat:no-repeat;background-size:18px 36px;width:18px;height:18px;display:inline-block}.status-legend-ico.normal{background-position:0 -18px}.status-legend-ico.anomalies{background-position:0 0}.status-legend em{font-size:12px;font-style:normal;font-weight:600}.status-legend em.normal{color:#42bf88}.status-legend em.anomalies{color:red}.box-data-inner-wrap{box-sizing:border-box;background:#fff;height:160px;padding:10px 12px;overflow:hidden}.ivd.is-dark .box-data-inner-wrap{background:#1e293b}.status-info-data-wrap{flex-wrap:wrap;justify-content:space-between;height:100%;display:flex}.status-info-data-wrap .data-row{box-sizing:border-box;background:#f6f6f6;border-radius:7px;justify-content:space-between;align-items:center;width:calc(50% - 3px);height:calc(25% - 3px);min-height:34px;margin-bottom:3px;padding:0 10px;display:flex}.ivd.is-dark .status-info-data-wrap .data-row{background:#243044}.status-info-data-wrap .title{color:#555;text-overflow:ellipsis;white-space:nowrap;padding-right:8px;font-size:12px;font-weight:600;overflow:hidden}.ivd.is-dark .status-info-data-wrap .title{color:#e2e8f0}.status-info-data-wrap .status{cursor:pointer;background-repeat:no-repeat;background-size:18px 36px;flex-shrink:0;width:18px;height:18px}.status-info-data-wrap .status.normal{background-position:0 -18px}.status-info-data-wrap .status.anormalies{background-position:0 0}.status-info-data-wrap .status.none{cursor:default;background:0 0}.string-data-wrap{box-sizing:border-box;background:#fff;border-radius:.4rem;flex:none;width:100%;min-width:0;max-width:100%;font-family:Noto Sans KR,Noto Sans Korean,sans-serif;overflow:hidden;box-shadow:1px 1px 2px #b9b9b9}.string-data-wrap .express-table-title-wrap{flex-shrink:0;height:42px}.string-box-data{box-sizing:border-box;background:#fff;width:100%;min-width:0;max-width:100%;min-height:0;padding:10px;overflow:visible}.string-data-table-wrap{box-sizing:border-box;width:100%;min-width:0;max-width:100%;max-height:none;margin:0;padding:0;overflow:visible}.section-wrap{box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;min-width:0;max-width:100%;display:grid}@media (width<=900px){.section-wrap{grid-template-columns:1fr}}.table-wrap.four{box-sizing:border-box;background:#fff;border:1px solid #b8c3d0;border-radius:.5rem;width:100%;max-width:100%;height:fit-content;margin:0;display:block;overflow:hidden;min-width:0!important}.string-data-table{border-collapse:collapse;border-spacing:0;border:0;font-size:12px;font-weight:700;display:table;table-layout:fixed!important;width:100%!important;min-width:0!important;max-width:100%!important}.string-data-table th,.string-data-table td{text-align:center;text-overflow:ellipsis;white-space:nowrap;border:1px solid #d4d4d4;max-width:0;padding:5px 2px;overflow:hidden}.string-data-table thead th{color:#88919e;background:#e7edf2;border-top:0;height:30px;padding:0 2px;font-size:12px;font-weight:700;line-height:30px}.string-data-table thead th:first-child{border-left:0}.string-data-table thead th:last-child{border-right:0}.string-data-table tbody th{color:#88919e;vertical-align:middle;background:#e7edf2;border-left:0;font-weight:700}.string-data-table tbody td{color:#555;background:#fff}.string-data-table tbody td:last-child{border-right:0}.string-data-table tbody tr:last-child th,.string-data-table tbody tr:last-child td{border-bottom:0}.string-data-table tbody td.volt{color:#3d98de;font-weight:700}.ivd.is-dark .table-wrap.four{background:#1e293b;border-color:#475569}.ivd.is-dark .string-data-table tbody td{color:#e2e8f0;background:#0f172a}.string-empty{color:#88919e;text-align:center;width:100%;padding:24px}.ivd-loading{color:#88919e;border-top:1px solid #dce0eb;margin:0;padding:6px 12px;font-size:11px}.ivd-modal-overlay{z-index:9999;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ivd-modal-overlay.basic .ivd-modal{width:min(30vw,420px);min-height:50vh}.ivd-modal-overlay.statue .ivd-modal{width:min(90vw,960px);min-height:70vh}.ivd-modal{background:#fff;border-radius:.4rem;flex-direction:column;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 8px 24px #0003}.ivd-modal-head{color:#334155;background:#fbfcfe;border-bottom:1px solid #dce0eb;padding:14px 18px;font-size:1.1rem;font-weight:700}.ivd-modal-body{color:#555;flex:1;padding:20px 18px;font-size:1rem;overflow:auto}.ivd-modal-foot{justify-content:center;padding:12px 18px 16px;display:flex}.ivd-modal-ok{color:#fff;cursor:pointer;background:#4098d9;border:0;border-radius:4px;align-items:center;gap:6px;padding:8px 22px;font-size:.95rem;font-weight:600;display:inline-flex}.ivd-modal-overlay.statue .ivd-modal-ok{background:#1f6bb3}.ivd-modal-ok:hover{filter:brightness(1.05)}.cd-app{color:#1e293b;opacity:0;background:#e9eef5;min-height:100vh;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;transition:opacity .35s,transform .35s;transform:translateY(6px)}.cd-app.visible{opacity:1;transform:none}.cd-app.cd-dark{color:#e2e8f0;background:#0f172a}.cd-topbar{color:#fff;box-sizing:border-box;background:linear-gradient(#3d8ac2 0%,#4097d7 100%);justify-content:flex-start;align-items:center;gap:10px;width:100%;max-width:100%;height:95px;min-height:95px;padding:0 12px;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow:hidden}.cd-topbar-row{align-items:center;min-width:0;display:flex}.cd-topbar-row-one{flex:0 auto;gap:10px;min-width:0;max-width:42%}.cd-topbar-row-two{flex:auto;justify-content:flex-start;gap:8px;min-width:0;margin-left:0;overflow:hidden}.cd-logos{flex-shrink:1;align-items:center;gap:8px;min-width:0;display:flex}.cd-logo-mrt{object-fit:contain;flex-shrink:0;width:clamp(72px,8vw,120px);height:clamp(32px,3.5vw,50px);display:block}.cd-logo-title{border-collapse:collapse;border-spacing:0;width:max-content;margin:0;line-height:1.15}.cd-logo-title td{vertical-align:middle;border:0;padding:0}.cd-logo-title-ko{color:#fff;letter-spacing:-.02em;white-space:nowrap;font-size:18px;font-weight:700}.cd-logo-accent{color:#ffe14a}.cd-logo-title-en{color:#ffffffc7;letter-spacing:-.02em;white-space:nowrap;width:0;min-width:100%;margin-top:3px;font-size:9px;font-weight:500;overflow:hidden}.cd-topbar-divider{background:#ffffff59;flex-shrink:0;width:1px;height:42px}.cd-plant{align-items:center;gap:8px;min-width:0;display:flex}.cd-plant-ico{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M2 14V6.5L9 2l7 4.5V14H2z' stroke='%23fff' stroke-width='1.4' stroke-linejoin='round'/%3E%3Cpath d='M7 14V9h4v5' stroke='%23fff' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;flex-shrink:0;width:18px;height:16px;display:block}.cd-plant-text{flex-direction:column;gap:2px;min-width:0;line-height:1.2;display:flex}.cd-plant-text em{opacity:.85;font-size:11px;font-style:normal}.cd-plant-text strong{white-space:nowrap;text-overflow:ellipsis;max-width:min(220px,18vw);font-size:15px;font-weight:700;overflow:hidden}.cd-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:auto;align-items:stretch;min-width:0;height:95px;margin-left:clamp(4px,2vw,80px);display:flex;overflow:auto hidden}.cd-nav::-webkit-scrollbar{display:none}.cd-nav-item{color:#fff;cursor:pointer;box-sizing:border-box;white-space:nowrap;background:0 0;border:none;border-right:1px solid #579fd5;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;width:clamp(76px,7.2vw,115px);padding:0;font-family:inherit;font-size:clamp(11px,1vw,14px);font-weight:500;display:flex;position:relative}.cd-nav-item:first-child{border-left:1px solid #579fd5}.cd-nav-item:hover{background:#ffffff14}.cd-nav-item.active{color:#047bc9;background:#d3e1f0;font-weight:700}.cd-nav-ico{background:url(/icon/menu_icons.png) 0 0/54px 270px no-repeat;width:27px;height:27px;display:block}.cd-nav-ico-pvstatus{background-position:0 0}.cd-nav-item.active .cd-nav-ico-pvstatus{background-position:-27px 0}.cd-nav-ico-measurement{background-position:0 -27px}.cd-nav-item.active .cd-nav-ico-measurement{background-position:-27px -27px}.cd-nav-ico-diagram{background-position:0 -54px}.cd-nav-item.active .cd-nav-ico-diagram{background-position:-27px -54px}.cd-nav-ico-diagnose{background-position:0 -81px}.cd-nav-item.active .cd-nav-ico-diagnose{background-position:-27px -81px}.cd-nav-ico-statistics{background-position:0 -108px}.cd-nav-item.active .cd-nav-ico-statistics{background-position:-27px -108px}.cd-nav-ico-alarm{background-position:0 -135px}.cd-nav-item.active .cd-nav-ico-alarm{background-position:-27px -135px}.cd-nav-ico-cctv{background-position:0 -162px}.cd-nav-item.active .cd-nav-ico-cctv{background-position:-27px -162px}.cd-nav-ico-help{background-position:0 -189px}.cd-nav-item.active .cd-nav-ico-help{background-position:-27px -189px}.cd-nav-ico-control{background-position:0 -216px}.cd-nav-item.active .cd-nav-ico-control{background-position:-27px -216px}.cd-nav-ico-watch{background-position:0 -243px}.cd-nav-item.active .cd-nav-ico-watch{background-position:-27px -243px}.cd-nav-label{line-height:1}.cd-nav-badge{color:#fff;text-align:center;box-sizing:border-box;background:#ef4444;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:10px;right:28px}.cd-user-area{flex:none;align-items:center;gap:6px;margin-left:auto;display:flex}.cd-as{white-space:nowrap;background:0 0;border-radius:0;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.cd-as-ico{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 17' fill='none'%3E%3Cpath d='M3.2 2.2c.4-.4 1-.4 1.4 0l2 2c.4.4.4 1 0 1.4L5.5 6.7c.6 1.4 1.7 2.5 3.1 3.1l1.1-1.1c.4-.4 1-.4 1.4 0l2 2c.4.4.4 1 0 1.4l-1.2 1.2c-.5.5-1.2.7-1.9.5C6.5 12.7 3.3 9.5 2.2 5.7c-.2-.7 0-1.4.5-1.9l.5-.6z' stroke='%23fff' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;flex-shrink:0;width:18px;height:17px;display:block}.cd-btn-setting{color:#fff;cursor:pointer;white-space:nowrap;background:#529bd2;border:1px solid #8ac8f2;border-radius:4px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:600}.cd-btn-setting.is-on{background:#3d7fb8;border-color:#b6e0ff}.cd-settings-wrap{position:relative}.cd-settings-panel{z-index:40;color:#334155;background:#fff;border:1px solid #c5d4e4;border-radius:8px;min-width:220px;padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0f172a2e}.cd-dark .cd-settings-panel{color:#e2e8f0;background:#1e293b;border-color:#475569}.cd-settings-title{color:#047bc9;margin:0 0 10px;font-size:12px;font-weight:700}.cd-dark .cd-settings-title{color:#93c5fd}.cd-btn-dark{color:#fff;cursor:pointer;white-space:nowrap;background:#202020;border:1px solid #333;border-radius:4px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:600}.cd-btn-dark.active{color:#111;background:#fff;border-color:#ddd}.cd-btn-logout{color:#111;cursor:pointer;white-space:nowrap;background:#ffd200;border:none;border-radius:4px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:700}.cd-dark .cd-topbar{background:linear-gradient(#1a2332 0%,#232f42 100%);border-bottom:1px solid #334155;box-shadow:0 1px #00000040}.cd-dark .cd-logo-title-en{color:#e2e8f09e}.cd-dark .cd-topbar-divider{background:#94a3b847}.cd-dark .cd-plant-text em{opacity:.75}.cd-dark .cd-nav-item{color:#f1f5f9eb;border-right-color:#94a3b833}.cd-dark .cd-nav-item:first-child{border-left-color:#94a3b833}.cd-dark .cd-nav-item:hover{background:#94a3b81a}.cd-dark .cd-nav-item.active{color:#7dd3fc;background:#2b3038}.cd-dark .cd-btn-setting{color:#e2e8f0;background:#334155;border-color:#475569}.cd-dark .cd-btn-setting:hover{background:#3f5169}.cd-dark .cd-btn-dark{color:#e2e8f0;background:#0f172a;border-color:#64748b}.cd-dark .cd-btn-dark.active{color:#0f172a;background:#e2e8f0;border-color:#cbd5e1}.cd-dark .cd-btn-logout{color:#111;background:#fbbf24}.cd-wx-test{color:#334155;justify-content:space-between;align-items:center;gap:8px;margin-left:0;font-size:12px;font-weight:600;display:flex}.cd-wx-test-group{flex-direction:column;align-items:stretch;gap:10px;margin-left:0;display:flex}.cd-wx-test select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #b7c7d8;border-radius:4px;min-width:120px;height:30px;padding:0 8px;font-size:12px}.cd-wx-test-check{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:flex-start}.cd-wx-test-check input{accent-color:#4a90d9;cursor:pointer;width:14px;height:14px}.cd-dark .cd-wx-test{color:#e2e8f0}.cd-dark .cd-wx-test select{color:#e2e8f0;background:#0f172a;border-color:#475569}@media (width<=1500px){.cd-as,.cd-logo-title-en{display:none}.cd-nav{margin-left:8px}}@media (width<=1280px){.cd-logo-title{display:none}.cd-topbar-row-one{max-width:34%}.cd-body{padding:12px 20px 16px}}@media (width<=1180px){.cd-topbar{gap:8px;height:72px;min-height:72px}.cd-topbar-row-one{max-width:30%}.cd-nav{height:72px;margin-left:0}.cd-nav-item{gap:4px;width:80px;height:72px;font-size:12px}.cd-nav-badge{top:6px;right:16px}.cd-btn-setting,.cd-btn-dark,.cd-btn-logout{padding:7px 10px;font-size:11px}.cd-body{min-height:calc(100vh - 72px)}}.cd-body{box-sizing:border-box;flex-direction:column;justify-content:center;gap:12px;width:100%;max-width:none;min-height:calc(100vh - 95px);margin:0;padding:12px 32px 20px;display:flex}:is(html:has(.cd-body-meas),body:has(.cd-body-meas)){height:100%;overflow:hidden}.cd-app:has(.cd-body-meas){flex-direction:column;height:100vh;max-height:100vh;display:flex;overflow:hidden}.cd-app:has(.cd-body-meas) .cd-topbar{flex-shrink:0}.cd-body-meas{overscroll-behavior:contain;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;flex:auto;justify-content:stretch;align-items:stretch;min-height:0;padding:10px 12px;overflow:hidden auto}.cd-body-meas::-webkit-scrollbar{width:0;height:0;display:none}.cd-meas{box-sizing:border-box;flex:auto;align-items:stretch;gap:12px;width:100%;min-height:100%;display:flex}.cd-meas-content{min-width:0;max-width:100%;min-height:100%;box-shadow:none;box-sizing:border-box;background:0 0;border-radius:0;flex-direction:column;flex:auto;padding:0;display:flex;overflow:visible}.cd-meas-content .ivd{box-sizing:border-box;flex-direction:column;flex:auto;gap:10px;min-width:0;max-width:100%;height:auto;min-height:100%;padding-bottom:0;display:flex;overflow:visible}.cd-meas-content .ivd-row{flex:none}.cd-meas-content .string-data-wrap{flex-direction:column;flex:auto;min-width:0;max-width:100%;margin-bottom:0;display:flex;overflow:hidden}.cd-meas-content .string-box-data{flex:auto}.cd-meas-content.is-dark{box-shadow:none;color:#e2e8f0;background:0 0}.cd-meas-content-head{background:#fff;border-radius:.4rem;margin-bottom:12px;padding:18px 20px 10px;box-shadow:1px 1px 2px #b9b9b9}.cd-meas-content.is-dark .cd-meas-content-head{box-shadow:none;background:#2b3038}.cd-meas-content-head h2{color:#334155;align-items:baseline;gap:10px;margin:0 0 6px;font-size:18px;font-weight:700;display:flex}.cd-meas-content.is-dark .cd-meas-content-head h2{color:#e2e8f0}.cd-meas-content-head h2 em{color:#047bc9;font-size:15px;font-style:normal;font-weight:600}.cd-meas-content.is-dark .cd-meas-content-head h2 em{color:#7dd3fc}.cd-meas-content-head p{color:#64748b;margin:0 0 16px;font-size:13px}.cd-meas-content.is-dark .cd-meas-content-head p{color:#94a3b8}.cd-meas-placeholder{background:#fff;border-radius:.4rem;padding:16px 18px;box-shadow:1px 1px 2px #b9b9b9}.cd-meas-content.is-dark .cd-meas-placeholder{box-shadow:none;background:#2b3038}.cd-meas-placeholder dl{gap:10px;margin:0;display:grid}.cd-meas-placeholder dl>div{background:#f8fafc;border-radius:8px;grid-template-columns:88px 1fr;align-items:start;gap:10px;padding:10px 12px;display:grid}.cd-meas-content.is-dark .cd-meas-placeholder dl>div{background:#1e293b}.cd-meas-placeholder dt{color:#64748b;font-size:12px;font-weight:700}.cd-meas-placeholder dd{color:#1e293b;word-break:break-all;margin:0;font-size:13px;font-weight:600}.cd-meas-content.is-dark .cd-meas-placeholder dd{color:#e2e8f0}.cd-rt-hint{color:#64748b;margin:8px 4px 0;font-size:11px}.cd-dark .cd-rt-hint{color:#94a3b8}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}@media (width<=900px){.cd-meas{flex-direction:column}}.cd-panel{background:#fff;border:1px solid #94a3b847;border-radius:12px;padding:10px 12px;box-shadow:0 4px 16px #0f172a0a}.cd-dark .cd-panel{box-shadow:none;background:#1e293b;border-color:#94a3b833}.cd-panel-head{color:#64748b;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.cd-panel-title{box-sizing:border-box;color:#1e293b;border-bottom:1px solid #94a3b847;align-items:center;height:60px;min-height:60px;max-height:60px;margin:-10px -12px 8px;padding:0 12px;font-size:15px;font-weight:700;display:flex}.cd-dark .cd-panel-title{color:#e2e8f0;border-bottom-color:#3d4450}.cd-panel-title em{color:#64748b;margin-left:4px;font-size:13px;font-style:normal;font-weight:500}.cd-ico-cal,.cd-ico-wx{background:#94a3b8;border-radius:3px;width:14px;height:14px;display:inline-block}.cd-ico-cal{background:linear-gradient(135deg,#60a5fa,#2563eb)}.cd-ico-wx{background:linear-gradient(135deg,#fbbf24,#38bdf8);border-radius:50%}.cd-info-row{box-sizing:border-box;grid-template-columns:220px 1fr;gap:12px;width:100%;display:grid}.cd-date-value{letter-spacing:-.02em;color:#0f172a;font-size:22px;font-weight:800}.cd-dark .cd-date-value{color:#f8fafc}.cd-wx-body{flex-direction:column;gap:8px;display:flex}.cd-wx-addr{color:#475569;font-size:13px}.cd-dark .cd-wx-addr{color:#94a3b8}.cd-wx-metrics{flex-wrap:wrap;align-items:center;gap:12px 18px;font-size:13px;display:flex}.cd-wx-cloud{background:linear-gradient(#cbd5e1,#94a3b8);border-radius:10px;width:22px;height:16px;position:relative}.cd-wx-cloud:after{content:"";background:#fbbf24;border-radius:50%;width:12px;height:12px;position:absolute;top:-4px;right:-4px}.cd-wx-metrics b{font-size:18px;font-weight:800}.cd-wx-metrics em{color:#64748b;font-style:normal}.cd-main-cards{box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:12px;width:100%;margin:0;padding:0;display:grid}.cd-main-cards>.cg-card,.cd-main-cards>.cd-asset-slot,.cd-main-cards>.cd-weather-card{box-sizing:border-box;align-self:stretch;width:auto;min-width:0;max-width:none;height:auto;min-height:380px}.cd-asset-slot{display:flex}.cd-asset-slot>.as-panel{flex:1;width:100%;min-width:0}.cd-gauge-row{flex-wrap:wrap;align-items:stretch;gap:12px;width:100%;display:flex}.cd-mid-row{flex-wrap:wrap;align-items:stretch;gap:12px;display:flex}.cd-mid-row>.cd-panel{flex:280px;min-height:425px}.cd-asset-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.cd-asset-cell{background:#f8fafc;border-radius:8px;padding:8px 10px}.cd-dark .cd-asset-cell{background:#0f172a}.cd-asset-cell span{color:#64748b;margin-bottom:2px;font-size:11px;display:block}.cd-asset-cell strong{font-size:15px;font-weight:800}.cd-chart-wrap{background:#f8fafc;border-radius:8px;height:96px;padding:8px 10px 4px}.cd-dark .cd-chart-wrap{background:#0f172a}.cd-chart{width:100%;height:72px;display:block}.cd-chart-axis{color:#94a3b8;justify-content:space-between;margin-top:2px;font-size:10px;display:flex}.cd-weather-card{isolation:isolate;background:#f5f9fc;align-self:stretch;min-height:425px;display:block;position:relative;overflow:hidden;-webkit-mask-image:radial-gradient(#fff,#fff);mask-image:radial-gradient(#fff,#fff);container:weather/inline-size;box-shadow:none!important;border:none!important;padding:0!important}.cd-dark .cd-weather-card{background:#080c1c}.cd-weather-bg{object-fit:cover;object-position:center top;border-radius:inherit;width:calc(100% + 2px);max-width:none;height:calc(100% + 2px);display:block;position:absolute;inset:-1px}.cd-weather-overlay{z-index:1;pointer-events:none;color:#fff;text-align:center;flex-direction:column;justify-content:space-between;padding:10px 12px 12px;display:flex;position:absolute;inset:0}.cd-weather-overlay.is-forecast-only{justify-content:center;align-items:center}.cd-weather-overlay.is-forecast-only .cd-weather-source{position:absolute;top:10px;left:12px}.cd-weather-overlay.is-forecast-only .cd-weather-forecast{margin-top:0}.cd-weather-source{letter-spacing:-.01em;opacity:.95;color:#fff;text-shadow:0 0 2px #0f172a73,0 1px 3px #0006,0 0 6px #00000047;align-self:flex-start;margin:0;font-size:11px;font-weight:700}.cd-weather-forecast{opacity:.92;flex-direction:column;align-items:center;gap:6px;width:100%;margin-top:8px;display:flex}.cd-weather-temp{letter-spacing:-.02em;text-shadow:0 0 3px #0f172a66,0 2px 8px #0006,0 0 14px #00000040;font-size:clamp(42px,22cqw,68px);font-weight:300;line-height:1}.cd-weather-date,.cd-weather-cond{opacity:.95;box-sizing:border-box;text-shadow:0 0 2px #0f172a66,0 1px 4px #00000061,0 0 8px #00000038;max-width:100%;padding:0 4px;font-size:16px;font-weight:500}.cd-weather-cond{flex-wrap:nowrap;justify-content:center;align-items:baseline;gap:8px;max-width:100%;display:inline-flex;overflow:hidden}.cd-weather-time{opacity:.85;white-space:nowrap;flex-shrink:0;margin-left:0;font-size:12px;font-style:normal;font-weight:400}.cd-weather-addr{box-sizing:border-box;opacity:.9;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 0 2px #0f172a66,0 1px 4px #00000061,0 0 8px #00000038;max-width:80%;margin:1.1em auto 0;padding:0 4px;font-size:14px;font-weight:500;line-height:1.3;display:block;overflow:hidden}.cd-weather-onsite{-webkit-backdrop-filter:blur(6px);opacity:.92;box-sizing:border-box;background:#080e1c47;border:1px solid #fff3;border-radius:10px;width:100%;min-width:0;padding:clamp(10px,4cqw,14px) clamp(4px,2cqw,8px) clamp(12px,4.5cqw,16px);box-shadow:inset 0 1px #ffffff24;container:onsite/inline-size}.cd-weather-onsite-title{letter-spacing:-.01em;opacity:.95;white-space:nowrap;text-shadow:0 0 2px #0f172a66,0 1px 4px #00000061,0 0 8px #00000038;margin:0 0 clamp(8px,3cqw,14px);font-size:clamp(12px,6cqw,18px);font-weight:700;overflow:hidden}.cd-weather-onsite-grid{flex-wrap:nowrap;align-items:stretch;width:100%;min-width:0;display:flex}.cd-weather-metric{box-sizing:border-box;border-right:1px solid #ffffff38;flex-direction:column;flex:1 1 0;justify-content:flex-start;align-items:center;gap:clamp(3px,1.5cqw,6px);min-width:0;padding:0 clamp(2px,1cqw,4px);display:flex;overflow:hidden}.cd-weather-metric:last-child{border-right:none}.cd-weather-metric em{opacity:.95;text-align:center;white-space:nowrap;text-shadow:0 0 2px #0f172a61,0 1px 3px #00000059,0 0 6px #0003;max-width:100%;font-size:clamp(8px,3.8cqw,13px);font-style:normal;font-weight:600;line-height:1.2}.cd-weather-metric-val{white-space:nowrap;text-shadow:0 0 2px #0f172a66,0 1px 4px #00000061,0 0 8px #00000038;flex-wrap:nowrap;justify-content:center;align-items:baseline;gap:.15em;min-width:0;max-width:100%;font-size:clamp(10px,4.8cqw,19px);font-weight:700;line-height:1.1;display:inline-flex}.cd-weather-metric-val b{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-style:normal;font-weight:700}.cd-weather-metric-val i{letter-spacing:-.02em;opacity:.95;flex-shrink:0;font-size:.62em;font-style:normal;font-weight:600}@container onsite (width<=280px){.cd-weather-metric-val{font-size:clamp(9px,4.2cqw,14px)}.cd-weather-metric-val i{font-size:.55em}}.cd-weather-metric-ico{filter:drop-shadow(0 1px 3px #0006)drop-shadow(0 0 4px #0f172a59);opacity:.95;background:50%/contain no-repeat;flex-shrink:0;width:clamp(18px,9cqw,34px);height:clamp(18px,9cqw,34px);display:block}.cd-wx-ico-tilt{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23fff' stroke-width='1.6'%3E%3Ccircle cx='22' cy='8' r='3.2'/%3E%3Cpath d='M4 24l16-10 6 4'/%3E%3Cpath d='M6 22h14M8 20h12M10 18h10'/%3E%3C/svg%3E")}.cd-wx-ico-flat{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23fff' stroke-width='1.6'%3E%3Ccircle cx='16' cy='7' r='3'/%3E%3Crect x='5' y='14' width='22' height='12' rx='1.5'/%3E%3Cpath d='M5 18h22M5 22h22M12 14v12M20 14v12'/%3E%3C/svg%3E")}.cd-wx-ico-air{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23fff' stroke-width='1.6'%3E%3Cpath d='M14 4v16a4 4 0 1 0 4 0V4h-4z'/%3E%3Cpath d='M22 10h4M22 14h5M22 18h4'/%3E%3C/svg%3E")}.cd-wx-ico-panel{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23fff' stroke-width='1.6'%3E%3Cpath d='M13 3v14a4 4 0 1 0 4 0V3h-4z'/%3E%3Crect x='6' y='20' width='20' height='8' rx='1'/%3E%3Cpath d='M6 24h20M13 20v8M19 20v8'/%3E%3C/svg%3E")}.cd-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.cd-summary-col{background:#f8fafc;border-radius:10px;padding:12px 14px 14px}.cd-dark .cd-summary-col{background:#0f172a}.cd-summary-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.cd-summary-head h4{color:#2563eb;margin:0;font-size:15px;font-weight:800}.cd-thermo{border-radius:8px;flex-direction:column;width:14px;height:52px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a14}.cd-thermo span{flex:1;display:block}.cd-summary-row{border-bottom:1px dashed #94a3b866;justify-content:space-between;align-items:baseline;gap:8px;padding:7px 0;font-size:12px;display:flex}.cd-summary-row:last-child{border-bottom:none}.cd-summary-row span{color:#64748b}.cd-summary-row b{text-align:right;font-size:13px;font-weight:800}.cd-c-blue{color:#0284c7}.cd-c-orange{color:#ea580c}.cd-c-red{color:#dc2626}.cd-c-green{color:#16a34a}.cd-empty{text-align:center;padding:56px 20px}.cd-empty h2{margin:0 0 8px;font-size:18px}.cd-empty p{color:#64748b;margin:0}@media (width<=1200px){.cd-main-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cd-main-cards>.cg-card,.cd-main-cards>.cd-asset-slot,.cd-main-cards>.cd-weather-card{min-height:360px}}@media (width<=1100px){.cd-summary-grid{grid-template-columns:1fr 1fr}.cd-info-row{grid-template-columns:1fr}.cd-plant-text strong{max-width:min(140px,22vw)}}@media (width<=860px){.cd-topbar{flex-wrap:wrap;gap:6px;height:auto;min-height:0;padding:8px 10px;overflow:visible}.cd-topbar-row-one{flex:auto;min-width:0;max-width:calc(100% - 220px)}.cd-user-area{order:2;margin-left:auto}.cd-topbar-row-two{order:3;width:100%;margin-left:0;overflow:hidden}.cd-nav{width:100%;height:56px;margin-left:0}.cd-nav-item{width:78px;height:56px;font-size:11px}.cd-body{min-height:calc(100vh - 120px)}}@media (width<=900px){.cd-body{justify-content:flex-start;min-height:auto;padding:10px 12px 16px}}@media (width<=700px){.cd-main-cards{grid-template-columns:minmax(0,1fr)}.cd-main-cards>.cg-card,.cd-main-cards>.cd-asset-slot,.cd-main-cards>.cd-weather-card{min-height:300px}.cd-btn-setting,.cd-btn-dark{padding:8px 10px}}@media (width<=560px){.cd-summary-grid,.cd-asset-grid{grid-template-columns:1fr}.cd-plant-text strong{max-width:100px}.cd-topbar-divider{display:none}.cd-weather-card{min-height:280px}.cd-weather-addr{max-width:92%;font-size:12px}}