:root{color:#172033;background:#f4f7fb;font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:24px}.topbar,.status-line,.panel,.stat{border:1px solid #dfe5ee;background:#fff;box-shadow:0 12px 30px #1622330f}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-radius:8px}.topbar p,.topbar h1{margin:0}.topbar p{color:#667085;font-size:12px;font-weight:800;letter-spacing:0}.topbar h1{font-size:24px}.token-box{display:flex;align-items:center;gap:10px;min-width:min(100%,520px)}.token-box input{width:100%;min-width:120px;height:40px;padding:0 12px;border:1px solid #cdd5df;border-radius:6px}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 12px;border:0;border-radius:6px;color:#fff;background:#1f6feb;white-space:nowrap}.status-line{display:flex;justify-content:space-between;gap:12px;margin:14px 0;padding:10px 14px;border-radius:6px;color:#475467}.stats-grid,.main-grid,.activity-grid{display:grid;gap:14px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{display:flex;align-items:center;gap:14px;padding:16px;border-radius:8px}.stat span{display:block;color:#667085;font-size:13px}.stat strong{display:block;margin-top:4px;font-size:28px}.stat.good svg{color:#168a52}.stat.warn svg{color:#d97008}.main-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);margin-top:14px}.activity-grid{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr) minmax(280px,.9fr);margin-top:14px}.alert-panel{margin-top:14px}.alert-toolbar{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr)) auto;gap:8px;margin-bottom:12px}.alert-toolbar label{display:flex;align-items:center;gap:8px;min-width:0;height:40px;padding:0 10px;border:1px solid #dfe5ee;border-radius:6px;color:#667085;background:#fbfcfe;font-size:13px}.alert-toolbar select{width:100%;min-width:0;border:0;color:#172033;background:transparent}.alert-content{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:12px}.alert-list{display:grid;gap:10px}.alert-item{display:grid;grid-template-columns:20px 1fr auto;gap:10px;align-items:start;padding:12px;border:1px solid #edf1f6;border-radius:6px;background:#fbfcfe}.alert-item:focus{outline:2px solid #8bb8ff;outline-offset:2px}.alert-item.warning{border-color:#f5d088;background:#fffaf0}.alert-item.error{border-color:#ffb4b4;background:#fff5f5}.alert-item.selected{border-color:#8bb8ff;box-shadow:inset 3px 0 #1f6feb}.alert-head{display:flex;justify-content:space-between;gap:12px}.alert-head span,.alert-item small{color:#667085;font-size:12px}.alert-item p{margin:4px 0;color:#344054}.alert-detail{min-width:0;padding:12px;border:1px solid #edf1f6;border-radius:6px;background:#fbfcfe}.alert-detail-title{display:flex;align-items:center;gap:8px;margin-bottom:10px}.alert-detail-title .badge{margin-left:auto}.alert-detail-message{margin:0 0 10px;padding:10px;border-radius:6px;color:#344054;background:#fff}.alert-detail .kv strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-detail-action{width:100%;margin-top:12px}.panel{min-width:0;padding:16px;border-radius:8px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-title h2{margin:0;font-size:17px}.panel-title span,.empty{color:#667085}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:11px 10px;border-bottom:1px solid #edf1f6;text-align:left;white-space:nowrap}th{color:#667085;font-size:12px}tr.selected td{background:#eef5ff}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;color:#667085;background:#eef1f5;font-size:12px}.badge.ok{color:#10643b;background:#e6f7ee}.kv,.row,.backup-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf1f6}.kv span,.row span{color:#667085}.detail-head{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.detail-head div,.mini-metric{min-width:0;padding:12px;border:1px solid #edf1f6;border-radius:6px;background:#fbfcfe}.detail-head span,.mini-metric span{display:block;color:#667085;font-size:12px}.detail-head strong,.mini-metric strong{display:block;margin-top:5px;overflow:hidden;color:#172033;text-overflow:ellipsis;white-space:nowrap}.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}.mini-metric{display:grid;grid-template-columns:18px 1fr;column-gap:8px;align-items:center}.mini-metric strong{grid-column:2}.mini-metric.warn{border-color:#f5b76b;background:#fff7ed}.sub-title{margin:16px 0 8px;font-size:14px;color:#344054}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.service{padding:10px;border:1px solid #edf1f6;border-radius:6px;color:#667085}.service strong{display:block;margin-top:4px;color:#172033}.service.ok{border-color:#c6f0d9;background:#f0fbf5}.service.bad{border-color:#ffd0d0;background:#fff5f5}.service.idle{background:#f8fafc}.backup-line{justify-content:flex-start}.backup-line strong{margin-left:auto}.row.compact{padding:8px 0;font-size:13px}.compact-empty{margin:0;font-size:13px}.detail-foot{display:flex;align-items:center;gap:6px;margin-top:14px;color:#667085;font-size:12px}.task-form{display:grid;gap:10px}.task-form label{display:grid;gap:6px;color:#667085;font-size:12px}.task-form input,.task-form select,.task-form textarea{width:100%;min-width:0;padding:10px 11px;border:1px solid #cdd5df;border-radius:6px;color:#172033;background:#fff}.task-form textarea{resize:vertical;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.checkbox-line{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important}.checkbox-line input{width:16px;height:16px}.form-actions{display:flex;justify-content:flex-end;gap:8px}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid #cdd5df;border-radius:6px;color:#344054;background:#fff;white-space:nowrap}.form-error{margin:0;color:#b42318;font-size:13px}.result-list{display:grid;gap:8px}.task-result{border:1px solid #edf1f6;border-radius:6px;background:#fbfcfe}.task-result summary{display:flex;justify-content:space-between;gap:12px;padding:10px;cursor:pointer}.task-result summary span{overflow:hidden;text-overflow:ellipsis}.task-result pre{max-height:220px;margin:0;overflow:auto;padding:10px;border-top:1px solid #edf1f6;color:#344054;font-size:12px;white-space:pre-wrap}@media(max-width:900px){.app-shell{padding:14px}.topbar,.token-box{align-items:stretch;flex-direction:column}.stats-grid,.main-grid,.activity-grid,.alert-content,.alert-toolbar,.service-grid,.detail-head,.mini-grid{grid-template-columns:1fr}.alert-item{grid-template-columns:20px 1fr}.alert-item button{grid-column:2}}