:root{--font-sans: "IBM Plex Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--pen-crimson: #c8371f;--pen-crimson-hover: #a92e1a;--pen-crimson-subtle: rgba(200, 55, 31, .12);--pen-crimson-border: rgba(200, 55, 31, .35);--bg-main: #0c1017;--bg-sidebar: #131822;--bg-card: #18202c;--bg-card-hover: #1f2a3a;--bg-input: #232c3d;--border: #283344;--border-light: #344259;--text: #f3f4f6;--text-muted: #9ca3af;--text-dim: #6b7280;--primary: var(--pen-crimson);--primary-hover: var(--pen-crimson-hover);--success: #10b981;--warning: #f59e0b;--danger: var(--pen-crimson);--radius: 8px}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-sans)}body{background:var(--bg-main);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}.font-mono,.kpi-val,.bo-table td.mono,.badge-mono,code{font-family:var(--font-mono)!important;letter-spacing:-.5px}.bo-layout{display:flex;flex-direction:column;min-height:100vh}.bo-header{background:var(--bg-sidebar);border-bottom:1px solid var(--border);padding:14px 28px;display:flex;justify-content:space-between;align-items:center}.header-brand{display:flex;align-items:center;gap:12px}.logo-badge{background:var(--pen-crimson);color:#fff;font-weight:800;padding:4px 10px;border-radius:6px;font-size:13px;letter-spacing:.5px;box-shadow:0 2px 8px #c8371f66}.header-brand h1{font-size:17px;font-weight:700;letter-spacing:-.3px}.header-brand h1 span{font-size:13px;color:var(--text-muted);font-weight:400;margin-left:6px}.header-meta{display:flex;align-items:center;gap:12px}.bo-body{display:flex;flex:1}.bo-sidebar{width:250px;background:var(--bg-sidebar);border-right:1px solid var(--border);padding:20px 12px;display:flex;flex-direction:column;gap:6px}.menu-btn{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:6px;border:none;background:transparent;color:var(--text-muted);font-size:13.5px;font-weight:500;cursor:pointer;text-align:left;transition:all .15s ease}.menu-btn:hover{background:#ffffff0a;color:var(--text)}.menu-btn.active{background:var(--pen-crimson-subtle);color:#ff6b72;font-weight:600;border-left:3px solid var(--pen-crimson)}.bo-content{flex:1;padding:28px 32px;overflow-y:auto}.tab-view{display:flex;flex-direction:column;gap:22px}.view-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:16px}.view-header h2{font-size:20px;font-weight:700;letter-spacing:-.5px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;display:flex;flex-direction:column;gap:6px;transition:transform .15s ease,border-color .15s ease}.kpi-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.kpi-label{font-size:12.5px;color:var(--text-muted)}.kpi-val{font-size:26px;font-weight:700;color:var(--text)}.kpi-val.crimson{color:#ff6b72}.kpi-desc{font-size:11.5px;color:var(--text-dim)}.bo-table{width:100%;border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;font-size:13px}.bo-table th{background:#111620;color:var(--text-muted);font-weight:600;text-align:left;padding:12px 14px;border-bottom:1px solid var(--border);font-size:12px}.bo-table td{padding:13px 14px;border-bottom:1px solid var(--border);color:var(--text)}.bo-table tr:hover td{background:var(--bg-card-hover)}.btn{padding:7px 14px;border-radius:6px;font-size:12.5px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.btn-primary{background:var(--pen-crimson);color:#fff}.btn-primary:hover{background:var(--pen-crimson-hover)}.btn-secondary{background:var(--bg-input);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--border)}.badge{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;display:inline-block}.badge-crimson{background:var(--pen-crimson-subtle);color:#ff6b72;border:1px solid var(--pen-crimson-border)}.badge-success{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge-warning{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.bo-nav{display:flex;flex-direction:column;gap:4px}.nav-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border-radius:6px;border:none;background:transparent;color:var(--text-muted);font-size:13.5px;font-weight:500;cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s ease,color .15s ease}.nav-btn:hover{background:#ffffff0d;color:var(--text)}.nav-btn.active{background:#ffffff17;color:var(--text);font-weight:700;box-shadow:inset 3px 0 #d92632}.nav-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}.bo-filter{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-bottom:10px}.bo-filter label{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.bo-table-wrap{overflow-x:auto}.bo-table tr.is-picked td{background:#3b82f61f}.bo-detail{margin-top:18px;padding:16px;border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:12px}.bo-detail h4{margin:4px 0 0;font-size:14px}.bo-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.bo-k{font-size:12px;margin-bottom:4px}.bo-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:13.5px}.bo-nav-group{display:flex;flex-direction:column;margin-bottom:6px}.bo-nav-head{display:flex;align-items:center;gap:6px;padding:8px 10px;border:0;background:transparent;color:var(--text);font-size:12.5px;font-weight:800;letter-spacing:.04em;cursor:pointer;text-align:left;border-radius:6px}.bo-nav-head:hover{background:#ffffff0a}.bo-nav-caret{width:12px;color:var(--text-muted)}.bo-nav-items{display:flex;flex-direction:column;gap:2px;margin-left:15px;padding-left:8px;border-left:1px solid var(--border)}.bo-nav-items .nav-btn{padding:8px 10px;font-size:13px}.bo-tabs{display:flex;gap:6px;margin:4px 0 10px}.bo-tab{padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:13px;font-weight:700;cursor:pointer}.bo-tab.on{background:var(--text);color:var(--bg-sidebar, #0f1115);border-color:var(--text)}.bo-table tr.is-link{cursor:pointer}.bo-table tr.is-link:hover td{background:#ffffff08}.bo-box{background:var(--bg-input);color:var(--text);border-radius:8px;padding:12px 14px}.bo-approve{border:2px solid #d97706;border-radius:12px;padding:12px 14px;margin-bottom:14px;display:flex;flex-direction:column;gap:8px}.bo-approve>b{color:#f59e0b}.bo-approve-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.bo-approve-row>span{flex:1 1 360px}.bo-pager{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:10px}.bo-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:50;padding:16px}.bo-modal-body{background:var(--bg-sidebar, #111827);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:18px;width:min(880px,100%);max-height:86vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.bo-pre{background:var(--bg-input);color:var(--text);padding:10px;border-radius:8px;font-size:12px;white-space:pre-wrap;max-height:360px;overflow:auto}.bo-home-link{all:unset;cursor:pointer;display:inline-flex;align-items:baseline;gap:8px}.bo-home-link:hover{opacity:.85}.bo-home-link:focus-visible{outline:2px solid #3b82f6;outline-offset:3px;border-radius:4px}