:root{--bg: #0d1117;--surface: #161b22;--border: #2a3038;--text: #e6edf3;--text-muted: #8b949e;--primary: #3b6cf6;--primary-hover: #5278f8;--danger: #f85149;--ok-bg: rgba(46, 160, 67, .15);--ok-fg: #3fb950;--warn-bg: rgba(248, 81, 73, .15);--warn-fg: #ff7b72;--idle-bg: rgba(139, 148, 158, .15);--idle-fg: #8b949e;--hover: rgba(255, 255, 255, .06);--subtle: rgba(255, 255, 255, .03);--radius: 10px;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .4);--sidebar-bg: #131a26;--sidebar-fg: #c6cfdc;--sidebar-fg-strong: #f5f7fa;--sidebar-border: rgba(255, 255, 255, .08);--sidebar-hover: rgba(255, 255, 255, .06);--sidebar-muted: #8b95a3;--sidebar-chip: rgba(255, 255, 255, .12);--sidebar-menu-bg: #1c2533;--sidebar-menu-border: rgba(255, 255, 255, .12);--sidebar-menu-hover: rgba(255, 255, 255, .08);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,sans-serif}:root[data-theme=light]{--bg: #f6f8fa;--surface: #ffffff;--border: #e3e8ee;--text: #1f2733;--text-muted: #6b7787;--primary: #3b6cf6;--primary-hover: #2f5be0;--danger: #e5484d;--ok-bg: #e7f5ec;--ok-fg: #1a7f43;--warn-bg: #fdecea;--warn-fg: #c4361a;--idle-bg: #eef1f4;--idle-fg: #6b7787;--hover: #eef1f5;--subtle: #fafbfc;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1);--sidebar-bg: #ffffff;--sidebar-fg: #44505f;--sidebar-fg-strong: #1f2733;--sidebar-border: #e3e8ee;--sidebar-hover: #eef1f5;--sidebar-muted: #8a94a0;--sidebar-chip: #e8ebef;--sidebar-menu-bg: #ffffff;--sidebar-menu-border: #e3e8ee;--sidebar-menu-hover: #f0f3f7}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s}.btn:hover{background:var(--hover)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-sm{padding:5px 10px;font-size:12px}.btn-danger{color:var(--danger);border-color:#f8514966}.btn-danger:hover{background:#f851491f}.input,.select{height:38px;border:1px solid var(--border);border-radius:8px;padding:0 12px;font-size:13px;background:var(--surface);color:var(--text);outline:none}.input:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b6cf61f}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.55}.badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;line-height:1.4}.badge-active{background:var(--ok-bg);color:var(--ok-fg)}.badge-suspended{background:var(--warn-bg);color:var(--warn-fg)}.badge-dormant{background:var(--idle-bg);color:var(--idle-fg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.tip{position:relative}.tip[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);white-space:nowrap;background:#2c2c2e;color:#fff;border:1px solid var(--border);padding:6px 10px;border-radius:8px;font-size:.68rem;font-weight:500;line-height:1;opacity:0;visibility:hidden;transition:opacity .08s ease;pointer-events:none;z-index:10000}.tip[data-tip]:hover:after{opacity:1;visibility:visible}.tip-r[data-tip]:after{left:auto;right:0;transform:none}.tip-up[data-tip]:after{top:auto;bottom:calc(100% + 8px)}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:padding-box}