.sd .ss-stage{overflow:hidden;background:transparent;--side:#f0f2f6;--sel:#bceafe;--ink:#31333f;--sub:#808495;--line:#e6e8ec;--input:#f0f2f6;font-family:Pretendard Variable,Malgun Gothic,sans-serif}.sd .sd-win{position:absolute;left:0;top:0;width:100%;height:100%}.sd .sd-win .ss-window__body{background:#fff}.sd .sd-side{height:100%;background:var(--side);padding:12px 8px;color:var(--ink);font-size:12px;line-height:1.25;overflow:hidden}.sd .sd-brand{font-size:14px;font-weight:700;margin:0 4px 12px}.sd .sd-menu{background:#fafafa;border-radius:6px;padding:4px 4px 6px}.sd .sd-menu__h{display:flex;align-items:center;justify-content:space-between;height:26px;padding:0 6px;font-size:13px;font-weight:500;border-bottom:1px solid var(--line);margin-bottom:3px}.sd .sd-mi{display:flex;align-items:center;gap:6px;height:22px;padding:0 6px;border-radius:4px;font-size:12px;white-space:nowrap}.sd .sd-mi[data-on]{background:var(--sel);color:#0b5f8f;font-weight:600}.sd .sd-user{display:flex;align-items:center;gap:5px;margin:10px 4px 4px;font-size:11px;color:var(--sub)}.sd .sd-logout{display:inline-block;margin:0 4px;padding:3px 8px;border:1px solid var(--line);border-radius:4px;background:#fff;font-size:10.5px}.sd .sd-side hr{border:0;border-top:1px solid #dcdfe6;margin:9px 0 8px}.sd .sd-alerts{display:block;font-size:13px;font-weight:700;margin:0 4px 6px}.sd .sd-abox{margin-bottom:6px;padding:6px 8px;border-radius:4px;background:#dbe6f4;color:#1c4f8a;font-size:11px;transition:background .3s,color .3s}.sd .sd-abox[data-warn]{background:#fff6d9;color:#8a6d00}.sd .sd-main{padding:12px 14px;height:100%;overflow:hidden;color:var(--ink);background:#fff;font-size:12px;line-height:1.25}.sd .sd-title{margin:0 0 10px;font-size:20px;font-weight:700;line-height:1.3;color:var(--ink)}.sd .sd-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sd .sd-top em{font-style:normal;padding:2px 8px;border-radius:999px;background:#dbe6f4;color:#1c4f8a;font-size:12px}.sd .sd-top em[data-warn]{background:#fde7ea;color:#b30e30}.sd .sd-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:7px}.sd .sd-grid{display:grid;grid-template-columns:repeat(3,188px);gap:8px}.sd .sd-bay{height:176px;transition:border-color .3s}.sd .sd-bay[data-warn]{border:1.5px solid #d6123c}.sd .sd-bay__t{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;margin-bottom:5px}.sd .sd-bay__t em{font-style:normal;padding:1px 6px;border-radius:999px;background:#fde7ea;color:#b30e30;font-size:10px;font-weight:700}.sd .sd-lab{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:10.5px;color:var(--sub);margin-bottom:3px}.sd .sd-lab b{font-weight:600;color:var(--ink)}.sd .sd-pair{display:grid;grid-template-columns:1fr 1fr;gap:6px;height:56px;margin-bottom:6px}.sd .sd-pair--lg{height:99px}.sd .sd-img{display:block;width:100%;height:100%}.sd .sd-vals{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:10px;line-height:1.5;color:var(--sub)}.sd .sd-bar{display:block;height:6px;margin:4px 0;border-radius:3px;background:#e6e8ec}.sd .sd-lab1{font-size:10.5px;color:var(--sub);margin-bottom:3px}.sd .sd-sel{display:flex;align-items:center;justify-content:space-between;height:24px;padding:0 8px;border-radius:4px;background:var(--input);font-size:11.5px;margin-bottom:8px}.sd .sd-cams{display:grid;grid-template-columns:287px 287px;gap:8px}.sd .sd-cam{height:306px;padding:8px}.sd .sd-cam__t{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.sd .sd-lab--v{font-size:11px}.sd .sd-vals--v{font-size:11px;line-height:1.5}.sd .sd-tbl{overflow:hidden;opacity:0;transition:opacity .4s}.sd .sd-tbl[data-on]{opacity:1}.sd .sd-tr{display:flex;align-items:center;height:19px;border-bottom:1px solid #e6e7ea;font-size:10px;white-space:nowrap;width:max-content;min-width:100%}.sd .sd-tr>*{flex:none;padding:0 3px;overflow:hidden;font-style:normal}.sd .sd-tr--g{height:18px;background:#f8f9fb;font-weight:600}.sd .sd-tr--h{height:20px;background:#edeff1;font-weight:600}.sd .sd-tr--l[data-hl]{background:#fff6d9}.sd .sd-opt{height:112px;margin-bottom:6px;padding:8px}.sd .sd-opt--log{height:96px;margin-top:0}.sd .sd-opt>b{font-size:14px;font-weight:700}.sd .sd-radio{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:10px;color:var(--sub)}.sd .sd-radio--m{margin:0 0 8px;color:var(--ink);font-size:11px}.sd .sd-radio label{display:inline-flex;align-items:center;gap:4px;color:var(--ink);font-size:11px}.sd .sd-radio label i{width:10px;height:10px;border-radius:50%;border:1.5px solid #bbb}.sd .sd-radio label i[data-on]{border:3px solid #1c83e1}.sd .sd-input{flex:1;height:20px;padding:0 6px;border-radius:4px;background:var(--input);font-size:10.5px;color:var(--ink);display:flex;align-items:center}.sd .sd-input--s{display:inline-flex;width:60px;flex:none;height:18px;font-style:normal}.sd .sd-input[data-hl]{box-shadow:0 0 0 2px #e0a02e;background:#fff6d9}.sd .sd-btns{display:flex;gap:6px;margin-top:6px}.sd .sd-btns span{padding:3px 10px;border:1px solid var(--line);border-radius:4px;font-size:10.5px;background:#fff}.sd .sd-btns span[data-off]{color:#b6b8c0}.sd .sd-btns span[data-red]{background:#ff4b4b;border-color:#ff4b4b;color:#fff}.sd .sd-okband{height:24px;display:flex;align-items:center;padding:0 8px;border-radius:4px;background:#e8f9ee;color:#177233;font-size:11px;margin-bottom:6px;opacity:0;transition:opacity .4s}.sd .sd-okband[data-on]{opacity:1}.sd .sd-sub{font-size:13px;font-weight:700;margin:0 0 6px;opacity:0;transition:opacity .4s}.sd .sd-sub[data-on]{opacity:1}.sd .sd-sub--g{font-size:12px;font-weight:600}.sd .sd-sub--g span{margin-left:8px;color:var(--sub);font-weight:400}.sd .sd-legend{display:flex;gap:3px;height:20px;align-items:center;padding:0 3px;background:#f0f2f6;margin-bottom:4px}.sd .sd-legend em{font-style:normal;color:#fff;font-size:9.5px;padding:2px 6px;border-radius:3px}.sd .sd-graph{display:block;width:100%;height:auto;max-height:260px}.sd .sd-leg2{display:grid;grid-template-columns:repeat(3,1fr);font-size:9.5px;margin-top:2px}.sd .sd-leg2 span{display:flex;align-items:center;gap:4px}.sd .sd-leg2 i{width:10px;height:3px}.sd .sd-set{padding:8px}.sd .sd-set__t{display:flex;gap:18px}.sd .sd-st .sd-tr{width:auto;height:24px}.sd .sd-btns--s{margin-top:10px}.sd .sd-judge{margin-top:8px;padding:5px 8px;border-radius:4px;background:#fff6d9;color:#8a6d00;font-size:11px}.sd [data-act]{cursor:pointer}.sd .sd-mi[data-act]:hover{background:#e3eaf3}.sd .sd-mi[data-on]:hover{background:var(--sel)}
