*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0B1120;--card: #151D2E;--card-hover: #1A2540;--border: rgba(99,179,237,.08);--text: #E2E8F0;--text-sub: #94A3B8;--muted: #475569;--accent: #38BDF8;--ok: #34D399;--err: #F87171;--warn: #FB923C;--badge-text: #0B1120;--stat-bg: rgba(255,255,255,.03);--hover-border: rgba(99,179,237,.2);--overlay: rgba(0,0,0,.6);--modal-close-hover: rgba(255,255,255,.05);--table-hover: rgba(255,255,255,.02);--admin-bg: rgba(56,189,248,.1);--admin-bg-hover: rgba(56,189,248,.2);--badge-online-bg: rgba(52,211,153,.15);--badge-offline-bg: rgba(248,113,113,.15);--warn-bg: rgba(251,146,60,.12)}[data-theme=light]{--bg: #F1F5F9;--card: #FFFFFF;--card-hover: #F8FAFC;--border: rgba(0,0,0,.08);--text: #1E293B;--text-sub: #64748B;--muted: #94A3B8;--accent: #0284C7;--ok: #059669;--err: #DC2626;--warn: #D97706;--badge-text: #FFFFFF;--stat-bg: rgba(0,0,0,.03);--hover-border: rgba(0,0,0,.12);--overlay: rgba(0,0,0,.4);--modal-close-hover: rgba(0,0,0,.05);--table-hover: rgba(0,0,0,.02);--admin-bg: rgba(2,132,199,.1);--admin-bg-hover: rgba(2,132,199,.2);--badge-online-bg: rgba(5,150,105,.12);--badge-offline-bg: rgba(220,38,38,.12);--warn-bg: rgba(217,119,6,.12)}body{background:var(--bg);color:var(--text);font-family:-apple-system,Pretendard,sans-serif;min-height:100vh;transition:background .2s,color .2s}.header{background:var(--card);border-bottom:1px solid var(--border);padding:16px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:12px}.header-left h1{font-size:18px;font-weight:700}.header-left .badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;background:var(--accent);color:var(--badge-text)}.header-right{display:flex;align-items:center;gap:16px}.header-right .update-time{font-size:12px;color:var(--text-sub)}.header-right .live-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.live-dot.ok{background:var(--ok)}.live-dot.err{background:var(--err)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.theme-toggle{background:var(--stat-bg);border:1px solid var(--border);color:var(--text-sub);font-size:16px;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.theme-toggle:hover{background:var(--hover-border)}.summary-bar{display:flex;gap:16px;padding:20px 32px;flex-wrap:wrap}.summary-item{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px 24px;flex:1;min-width:160px}.summary-item .label{font-size:12px;color:var(--text-sub);margin-bottom:6px}.summary-item .value{font-size:28px;font-weight:700}.summary-item .value.ok{color:var(--ok)}.summary-item .value.err{color:var(--err)}.summary-item .value.accent{color:var(--accent)}.summary-item .sub{font-size:11px;color:var(--muted);margin-top:4px}.grid-section{padding:0 32px 32px}.grid-section h2{font-size:14px;font-weight:600;color:var(--text-sub);margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.server-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.server-card:hover{background:var(--card-hover);border-color:var(--hover-border)}.server-card.offline{border-left:3px solid var(--err)}.server-card.online{border-left:3px solid var(--ok)}.server-card.warning{border-left:3px solid var(--warn)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-header .name{font-size:15px;font-weight:600}.card-header .code{font-size:11px;color:var(--muted);margin-left:8px}.status-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px}.status-badge.online{background:var(--badge-online-bg);color:var(--ok)}.status-badge.offline{background:var(--badge-offline-bg);color:var(--err)}.card-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-box{background:var(--stat-bg);border-radius:8px;padding:10px 12px}.stat-box .stat-label{font-size:11px;color:var(--text-sub);margin-bottom:4px;display:flex;align-items:center;gap:6px}.stat-box .stat-label .icon{font-size:13px}.stat-box .stat-numbers{display:flex;align-items:baseline;gap:8px}.stat-box .stat-total{font-size:22px;font-weight:700}.stat-box .stat-detail{font-size:11px;color:var(--muted)}.stat-box .stat-detail .conn{color:var(--ok)}.stat-box .stat-detail .disc{color:var(--err)}.card-footer{margin-top:12px;padding-top:10px;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.latency{display:flex;align-items:center;gap:4px}.latency.fast{color:var(--ok)}.latency.medium{color:var(--warn)}.latency.slow{color:var(--err)}.admin-link{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--accent);text-decoration:none;padding:3px 10px;border-radius:6px;background:var(--admin-bg);transition:background .15s}.admin-link:hover{background:var(--admin-bg-hover)}.detection-box{background:var(--stat-bg);border-radius:8px;padding:10px 12px;grid-column:1 / -1}.detection-box .stat-label{font-size:11px;color:var(--text-sub);margin-bottom:6px;display:flex;align-items:center;gap:6px}.detection-box .stat-label .icon{font-size:13px}.detection-row{display:flex;gap:16px;align-items:baseline}.detection-item{display:flex;flex-direction:column;align-items:flex-start}.detection-item .det-label{font-size:10px;color:var(--muted);margin-bottom:2px}.detection-item .det-value{font-size:18px;font-weight:700}.detection-item .det-sub{font-size:10px;color:var(--muted);margin-top:1px}.det-warn{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;color:var(--warn);background:var(--warn-bg);padding:2px 7px;border-radius:6px;margin-left:8px}.alarm-box{background:var(--stat-bg);border-radius:8px;padding:10px 12px;grid-column:1 / -1;border:1px solid rgba(248,113,113,.1)}.alarm-box .stat-label{font-size:11px;color:var(--text-sub);margin-bottom:6px;display:flex;align-items:center;gap:6px}.alarm-box .stat-label .icon{font-size:13px}.alarm-row{display:flex;gap:24px}.alarm-item{display:flex;flex-direction:column;align-items:flex-start}.alarm-label{font-size:10px;color:var(--muted);margin-bottom:2px}.alarm-counts{display:flex;align-items:baseline;gap:4px}.alarm-count{font-size:18px;font-weight:700}.alarm-period{font-size:10px;color:var(--muted)}.alarm-sub{font-size:10px;color:var(--muted);margin-top:1px}.modal-overlay{display:none;position:fixed;inset:0;background:var(--overlay);z-index:200;justify-content:center;align-items:center}.modal-overlay.open{display:flex}.modal{background:var(--card);border:1px solid var(--border);border-radius:16px;width:90%;max-width:700px;max-height:80vh;overflow-y:auto;padding:24px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{font-size:18px;font-weight:700}.modal-close{background:none;border:none;color:var(--text-sub);font-size:24px;cursor:pointer;padding:4px 8px;border-radius:8px}.area-table{width:100%;border-collapse:collapse}.area-table th{text-align:left;font-size:11px;font-weight:600;color:var(--text-sub);padding:8px 12px;border-bottom:1px solid var(--border);text-transform:uppercase}.area-table td{font-size:13px;padding:10px 12px;border-bottom:1px solid var(--border)}.area-table tr:hover td{background:var(--table-hover)}.alarm-history{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.alarm-history h3{font-size:13px;font-weight:600;color:var(--text-sub);margin-bottom:12px}.alarm-chart{display:flex;gap:8px;align-items:flex-end;height:140px;padding-bottom:36px;position:relative}.alarm-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;position:relative}.alarm-bar-count{font-size:10px;font-weight:700;color:var(--text-sub);margin-bottom:4px;min-height:14px}.alarm-bar-stack{flex:1;width:100%;max-width:40px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;border-radius:4px 4px 0 0;overflow:hidden}.alarm-bar{width:100%;border-radius:3px;min-height:0;transition:height .3s}.alarm-bar.t4{background:var(--err)}.alarm-bar.t5{background:var(--warn)}.alarm-bar-date{font-size:10px;color:var(--text-sub);margin-top:6px}.alarm-bar-day{font-size:9px;color:var(--muted)}.alarm-legend{display:flex;gap:16px;margin-top:10px;font-size:11px;color:var(--text-sub)}.alarm-dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px;vertical-align:middle}.alarm-dot.t4{background:var(--err)}.alarm-dot.t5{background:var(--warn)}.loading{display:flex;justify-content:center;align-items:center;height:300px;color:var(--text-sub);font-size:14px}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top:2px solid var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-right:10px}@keyframes spin{to{transform:rotate(360deg)}}.login-wrap{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--bg)}.login-box{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:40px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:16px}.login-box h1{font-size:22px;font-weight:700;text-align:center}.login-sub{font-size:13px;color:var(--text-sub);text-align:center}.login-error{font-size:13px;color:var(--err);background:var(--badge-offline-bg);padding:8px 12px;border-radius:8px;text-align:center}.login-box input{background:var(--stat-bg);border:1px solid var(--border);border-radius:8px;padding:12px 14px;font-size:14px;color:var(--text);outline:none;transition:border-color .15s}.login-box input:focus{border-color:var(--accent)}.login-box input::placeholder{color:var(--muted)}.login-box button{background:var(--accent);color:var(--badge-text);border:none;border-radius:8px;padding:12px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.login-box button:hover{opacity:.85}.login-box button:disabled{opacity:.5;cursor:not-allowed}.pw-form{display:flex;flex-direction:column;gap:12px}.pw-form input{background:var(--stat-bg);border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-size:14px;color:var(--text);outline:none}.pw-form input:focus{border-color:var(--accent)}.pw-form input::placeholder{color:var(--muted)}.pw-form button{background:var(--accent);color:var(--badge-text);border:none;border-radius:8px;padding:10px;font-size:14px;font-weight:600;cursor:pointer}.pw-form button:hover{opacity:.85}.pw-form button:disabled{opacity:.5;cursor:not-allowed}.logout-btn{background:var(--stat-bg);border:1px solid var(--border);color:var(--text-sub);font-size:11px;font-weight:600;padding:4px 12px;border-radius:8px;cursor:pointer;transition:background .15s}.logout-btn:hover{background:var(--hover-border)}.inquiry-page{max-width:1400px;margin:0 auto;padding:24px 32px 80px}.inquiry-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0 20px;flex-wrap:wrap}.inquiry-title{display:flex;align-items:center;gap:12px}.inquiry-title h2{font-size:20px;font-weight:700;color:var(--text)}.inquiry-badges{display:flex;gap:8px}.inq-badge{font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px}.inq-badge.warn{background:var(--warn-bg);color:var(--warn)}.inq-badge.ok{background:var(--badge-online-bg);color:var(--ok)}.inquiry-actions{display:flex;align-items:center;gap:10px}.inquiry-filter{display:flex;background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden}.inquiry-filter button{padding:8px 14px;background:transparent;color:var(--text-sub);border:none;font-size:13px;cursor:pointer;transition:background .15s}.inquiry-filter button:hover{background:var(--card-hover)}.inquiry-filter button.active{background:var(--accent);color:var(--badge-text);font-weight:600}.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text-sub);font-size:16px;cursor:pointer;transition:background .15s}.icon-btn:hover{background:var(--card-hover)}.inquiry-empty{text-align:center;padding:80px 20px;color:var(--muted);background:var(--card);border:1px solid var(--border);border-radius:14px}.inquiry-table-wrap{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.inquiry-table{width:100%;border-collapse:collapse}.inquiry-table thead th{background:var(--stat-bg);color:var(--text-sub);font-size:12px;font-weight:600;text-align:left;padding:12px 14px;border-bottom:1px solid var(--border)}.inquiry-table tbody td{padding:14px;font-size:13px;color:var(--text);border-bottom:1px solid var(--border)}.inquiry-table tbody tr:last-child td{border-bottom:none}.inq-row{cursor:pointer;transition:background .15s}.inq-row:hover{background:var(--table-hover)}.inq-title-cell{font-weight:500;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inq-status{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:8px}.inq-status.pending{background:var(--warn-bg);color:var(--warn)}.inq-status.done{background:var(--badge-online-bg);color:var(--ok)}.modal-overlay{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.inquiry-modal{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px;width:100%;max-width:720px;max-height:88vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.inq-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.inq-modal-header h3{font-size:18px;font-weight:700;color:var(--text);margin:6px 0}.inq-modal-meta{display:flex;gap:8px;align-items:center;margin-bottom:6px}.inq-chip{font-size:11px;font-weight:700;padding:3px 8px;border-radius:8px;background:var(--admin-bg);color:var(--accent)}.inq-modal-sub{font-size:12px;color:var(--muted)}.modal-close{width:32px;height:32px;border-radius:10px;border:none;background:transparent;color:var(--text-sub);font-size:18px;cursor:pointer;transition:background .15s}.modal-close:hover{background:var(--modal-close-hover)}.inq-section-label{font-size:12px;font-weight:600;color:var(--text-sub);text-transform:uppercase;letter-spacing:.5px;margin:14px 0 6px}.inq-content-box{background:var(--stat-bg);border:1px solid var(--border);border-radius:12px;padding:14px 16px;font-size:14px;line-height:1.6;color:var(--text);white-space:pre-wrap;max-height:220px;overflow-y:auto}.inq-answer-input{width:100%;background:var(--stat-bg);border:1px solid var(--border);border-radius:12px;padding:14px 16px;font-size:14px;line-height:1.6;color:var(--text);resize:vertical;font-family:inherit;outline:none;transition:border-color .15s}.inq-answer-input:focus{border-color:var(--accent)}.inq-answer-meta{font-size:11px;color:var(--muted);margin-top:4px}.inq-modal-actions{display:flex;gap:8px;align-items:center;margin-top:22px}.inq-btn-primary,.inq-btn-ghost,.inq-btn-danger{padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s,background .15s}.inq-btn-primary{background:var(--accent);color:var(--badge-text)}.inq-btn-primary:disabled{opacity:.5;cursor:not-allowed}.inq-btn-ghost{background:transparent;color:var(--text-sub);border:1px solid var(--border)}.inq-btn-ghost:hover{background:var(--card-hover)}.inq-btn-danger{background:transparent;color:var(--err);border:1px solid var(--err)}.inq-btn-danger:hover{background:#f871711a}.inq-image-icon{opacity:.7;font-size:12px}.inq-image-link{display:block;margin-top:4px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--stat-bg)}.inq-attached-image{display:block;width:100%;max-height:420px;object-fit:contain;background:#000}.inquiry-toggle-btn{position:relative;background:var(--card);border:1px solid var(--border);color:var(--text);padding:6px 14px;border-radius:10px;font-size:13px;cursor:pointer;transition:background .15s}.inquiry-toggle-btn:hover{background:var(--card-hover)}.inquiry-toggle-btn .inq-count-dot{position:absolute;top:-4px;right:-4px;background:var(--err);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;padding:0 5px;display:flex;align-items:center;justify-content:center}.inquiry-search{position:relative;display:flex;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:0 10px;min-width:260px}.inquiry-search input{border:none;outline:none;background:transparent;color:var(--text);font-size:13px;padding:8px 6px;flex:1;font-family:inherit}.inquiry-search input::placeholder{color:var(--muted)}.inq-search-icon{font-size:13px;opacity:.6}.inq-search-clear{border:none;background:transparent;color:var(--text-sub);cursor:pointer;font-size:13px;padding:2px 6px}.inq-search-clear:hover{color:var(--text)}.inquiry-toggle-btn.active{background:var(--accent);color:var(--badge-text);border-color:var(--accent)}