:root{--bg:#f5f6f8;--surface:#ffffff;--border:#e3e6eb;--border-soft:#f0f2f5;--text:#1b2230;--muted:#5b6577;--accent:#2457d6;--accent-soft:#e8eefc;--nav:#141a2a;--nav-text:#c9d1e0;--nav-muted:#8a95ab;--ok:#1e7f4f;--ok-soft:#e6f4ec;--bad:#b42318;--bad-fill:#c62828;--bad-soft:#fdecec;--warn:#8a5a0b;--warn-fill:#e0a526;--warn-soft:#fbf1dc;--na:#b8bec9;--na-soft:#f1f3f6;--va:#6d28d9;--va-soft:#f0eafe;--va-border:#d9ccf5}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Noto Sans KR,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg);font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{color:#1a43a8}h1,h2,h3{margin:0}button,input,select,textarea{font:inherit;color:inherit}.app{min-height:100vh}.app,.nav{display:flex}.nav{flex:0 0 232px;background:var(--nav);color:var(--nav-text);flex-direction:column;padding:20px 14px;gap:4px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.nav-brand{display:flex;align-items:center;gap:10px;padding:6px 10px 18px}.nav-logo{width:32px;height:32px;border-radius:8px;background:var(--accent);display:grid;place-items:center}.nav-title{font-weight:700;color:#fff;font-size:15px;display:block}.nav-sub{font-size:11px;color:var(--nav-muted)}.nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--nav-text)}.nav a:hover{background:rgba(255,255,255,.06);color:#fff}.nav a.active{background:var(--accent);color:#fff;font-weight:500}.main,.nav-spacer{flex:1 1}.main{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 28px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar h1{font-size:20px;font-weight:700}.topbar .grow{flex:1 1}.content{padding:24px 28px;display:flex;flex-direction:column;gap:20px}.crumbs{font-size:12px;display:flex;gap:6px}.crumbs,.crumbs a{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px 22px}.card h2{font-size:15px;font-weight:700}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-label{font-size:14px;font-weight:700;color:var(--muted)}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:16px;gap:16px}@media (max-width:1300px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi{display:flex;flex-direction:column;gap:6px}.kpi .label{font-size:12px;color:var(--muted);font-weight:500}.kpi .value{font-size:30px;font-weight:700;line-height:1.1}.kpi .value small{font-size:16px;font-weight:500;color:var(--muted)}.kpi .hint{font-size:12px;color:var(--muted)}.row{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap}.chip.compliant{background:var(--ok-soft);color:var(--ok)}.chip.noncompliant{background:var(--bad-soft);color:var(--bad)}.chip.partial{background:var(--warn-soft);color:var(--warn)}.chip.in_progress{background:var(--accent-soft);color:var(--accent)}.chip.na,.chip.not_started,.chip.plan{background:var(--na-soft);color:var(--muted)}.chip.progress{background:var(--accent-soft);color:var(--accent)}.chip.done{background:var(--ok-soft);color:var(--ok)}.chip.verified{background:var(--na-soft);color:var(--muted)}.badge-va{background:var(--va-soft);color:var(--va)}.badge-new,.badge-va{display:inline-flex;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:700}.badge-new{background:var(--ok-soft);color:var(--ok)}.due{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:700}.due.over{background:var(--bad-soft);color:var(--bad)}.due.soon{background:var(--warn-soft);color:var(--warn)}.due.ok{background:var(--na-soft);color:var(--muted)}.dday{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--bad-soft);color:var(--bad);font-weight:700}.btn,.dday{font-size:13px}.btn{padding:8px 14px;border:1px solid #d5dae2;border-radius:6px;background:var(--surface);cursor:pointer}.btn:hover{background:#f7f8fa}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:500}.btn.primary:hover{background:#1f4dc0}.btn.sm{padding:6px 10px}.btn.dashed{border-style:dashed;color:var(--muted);width:100%}.input,.select,.textarea{padding:8px 10px;border:1px solid #d5dae2;border-radius:6px;background:var(--surface);font-size:13px}.textarea{width:100%;line-height:1.6;resize:vertical;padding:12px;border-radius:8px}.check{display:inline-flex;gap:6px;padding:8px 12px;border:1px solid #d5dae2;border-radius:6px;background:var(--surface);font-size:13px;cursor:pointer}.check,.filters{align-items:center}.filters{display:flex;flex-wrap:wrap;gap:10px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:var(--muted)}.table-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{padding:10px 14px;border-bottom:1px solid var(--border);font-weight:500;color:var(--muted);text-align:left;background:#fafbfc;white-space:nowrap}.tbl td{padding:12px 14px;border-bottom:1px solid var(--border-soft);vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.tbl tr.group td{padding:8px 14px;font-size:12px;color:var(--muted);font-weight:500;background:#fafbfc}.tbl tr.clickable:hover td{background:#fafbfd}.tbl .num{text-align:center}.tbl .code{color:var(--muted);font-weight:500}.tbl .danger{color:var(--bad);font-weight:700}.card.flush{padding:0;overflow:hidden}.tree{display:flex;flex-direction:column;gap:2px;font-size:13px;padding:14px 10px}.tree button{display:flex;justify-content:space-between;width:100%;text-align:left;border:0;background:transparent;padding:8px 10px;border-radius:6px;cursor:pointer}.tree button.domain{font-weight:700}.tree button.area{padding-left:24px;color:var(--muted)}.tree button:hover{background:#f4f6f9}.tree button.active{background:var(--accent-soft);color:var(--accent);font-weight:500}.tree .cnt{color:var(--muted);font-weight:500}.tree hr{border:0;border-top:1px solid var(--border);margin:6px 4px}.bar{height:14px;border-radius:7px;overflow:hidden;display:flex;background:#eef0f3;flex:1 1}.bar>span{display:block;height:100%}.bar .compliant{background:var(--ok)}.bar .partial{background:var(--warn-fill)}.bar .noncompliant{background:var(--bad-fill)}.bar .in_progress{background:var(--accent)}.bar .na,.bar .not_started{background:var(--na)}.bar-row{display:flex;align-items:center;gap:14px}.bar-row .name{flex:0 0 220px;font-size:13px}.bar-row .pct{flex:0 0 44px;text-align:right;font-weight:700;font-size:13px}.legend{display:flex;gap:18px;font-size:12px;color:var(--muted);flex-wrap:wrap;margin-top:12px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:2px;display:inline-block}.thin{height:8px;background:#eef0f3;flex:1 1}.thin,.thin>span{border-radius:4px}.thin>span{display:block;height:100%;background:var(--accent)}.avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:inline-grid;place-items:center;font-size:12px;font-weight:700;flex:0 0 28px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-top:6px}.tabs button{padding:10px 14px;border:0;border-bottom:2px solid transparent;background:transparent;font-size:13px;color:var(--muted);cursor:pointer}.tabs button.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:700}.tabs .cnt{margin-left:4px;padding:0 6px;border-radius:999px;font-size:11px;font-weight:700;background:var(--na-soft);color:var(--muted)}.kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px;align-items:start;min-width:960px}.col{background:#eef0f3;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px}.col-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px;font-size:13px;font-weight:700;color:var(--muted)}.col-head .cnt{padding:1px 8px;border-radius:999px;background:#fff;color:var(--muted);font-size:12px}.fcard{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;cursor:pointer}.fcard.overdue{border-color:#f3c8c8}.fcard:hover{box-shadow:0 2px 8px rgba(20,26,42,.08)}.fcard .meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.fcard .title{font-size:13px;font-weight:700;line-height:1.4}.fcard .foot{display:flex;justify-content:space-between;align-items:center;font-size:12px}.fcard .prog{height:6px;border-radius:3px;background:#eef0f3}.fcard .prog>span{display:block;height:100%;border-radius:3px;background:var(--accent)}.activity{display:flex;flex-direction:column;gap:12px;font-size:13px}.activity .item{display:flex;gap:10px}.activity .dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex:0 0 8px}.muted{color:var(--muted)}.small{font-size:12px}.stack{display:flex;flex-direction:column;gap:10px}.sp-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border-soft);border-radius:8px}.sp-item .code{flex:0 0 90px;font-size:12px;color:var(--va);font-weight:700}.sp-item .txt{flex:1 1;font-size:13px}.checklist label{display:flex;gap:10px;align-items:flex-start;font-size:13px;cursor:pointer}.empty{padding:40px;text-align:center;color:var(--muted)}.check-list{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid var(--border-soft);border-radius:8px;background:#fafbfc}.ev-group{border:1px solid var(--border-soft);border-radius:10px;overflow:hidden}.ev-group+.ev-group{margin-top:10px}.ev-group-head{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f6f8fa;font-size:13px}.ev-group-head .seq{flex:0 0 auto;width:22px;height:22px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.ev-group-head .txt{flex:1 1;font-weight:500}.ev-group-head.missing{background:var(--bad-soft)}.ev-group-head.missing .seq{background:#fff;color:var(--bad)}.ev-group .tbl th{background:#fff}.ev-group .empty{padding:14px;font-size:13px}.chip.tag{background:var(--accent-soft);color:var(--accent);margin-right:4px}.modal-bg{position:fixed;inset:0;background:rgba(20,26,42,.45);display:grid;place-items:center;z-index:50}.modal{background:var(--surface);border-radius:12px;padding:24px;width:min(560px,92vw);display:flex;flex-direction:column;gap:14px;max-height:90vh;overflow:auto}.modal h2{font-size:16px}.modal .actions{display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;bottom:24px;right:24px;background:var(--nav);color:#fff;padding:10px 16px;border-radius:8px;font-size:13px;z-index:60}.nav-badge{margin-left:auto;min-width:20px;padding:0 6px;border-radius:999px;background:var(--bad-fill);color:#fff;font-size:11px;font-weight:700;text-align:center;line-height:18px}.nav-user{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.08);margin-top:6px;font-size:13px;color:var(--nav-text)}.nav-user>div{flex:1 1;min-width:0}.nav-user .small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-logout{border:0;background:transparent;color:var(--nav-muted);cursor:pointer;padding:6px;border-radius:6px;display:inline-flex}.nav-logout:hover{background:rgba(255,255,255,.08);color:#fff}