:root{font:14px/1.5 Inter,'Pretendard',system-ui,sans-serif;color:#24334a;background:#f4f6fa;--blue:#2563eb}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}button{cursor:pointer}a{text-decoration:none;color:inherit}.shell{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.sidebar{background:#101c30;color:#afbbcd;padding:28px 18px;display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:750;letter-spacing:-.6px;color:#fff}.brand-icon{display:grid;grid-template-columns:repeat(2,8px);gap:3px;padding:10px;background:#3b6dea;border-radius:10px}.brand-icon i{width:8px;height:8px;background:#fff;border-radius:2px}.sidebar-label{font-size:10px;letter-spacing:1.5px;color:#8495ae;margin:0 12px 10px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:11px 12px;border-radius:7px;display:flex;align-items:center;gap:10px;font-size:13px}.sidebar nav a:hover{background:#1b2b44;color:white}.sidebar nav a.current{background:#244475;color:#dceafe}.sidebar-note{margin-top:auto;padding:14px;border:1px solid #31415a;border-radius:10px;font-size:11px;line-height:1.8;color:#afbbcd}.workspace{min-width:0}.topbar{height:68px;padding:0 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e7ef;background:#fff;font-size:12px;color:#65758b}.topbar strong{color:#263750}.topbar a{border:1px solid #dde4ef;padding:7px 12px;border-radius:6px;color:#344964}.avatar{display:inline-flex;align-items:center;gap:8px}.avatar span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#edf3ff;color:#3461b9;font-weight:700}.content{max-width:1800px;padding:30px 32px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#567397;margin-bottom:7px}h1{font-size:27px;letter-spacing:-1px;margin:0 0 7px;color:#17263e}p{margin:0;color:#56667e;font-size:13px}.heading-actions{display:flex;gap:8px}.btn{border:1px solid #d9e1ed;background:white;border-radius:7px;color:#334965;padding:8px 13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;white-space:nowrap;min-height:34px}.btn:hover{background:#f0f5ff;border-color:#acc2ea}.btn.primary{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 2px 4px #2563eb20}.btn.primary:hover{background:#1d4ed8}.btn:disabled{opacity:.45;cursor:default}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.metric{background:white;border:1px solid #e1e7f0;border-radius:10px;padding:17px 20px;position:relative}.metric-label{font-size:11px;color:#66758c}.metric-value{font-size:25px;font-weight:700;letter-spacing:-.6px;margin:7px 0 4px;font-variant-numeric:tabular-nums;color:#203149}.metric-value small{font-size:12px;margin-left:4px;font-weight:500;color:#687a94}.metric-foot{font-size:10px;color:#56667e}.metric:first-child{border-top:3px solid #2563eb}.metric:nth-child(2){border-top:3px solid #14a38b}.metric:nth-child(3){border-top:3px solid #8873d7}.metric:nth-child(4){border-top:3px solid #e2a048}.grid-card{background:#fff;border:1px solid #dfe6ef;border-radius:12px;box-shadow:0 4px 16px #12243e04;overflow:hidden}.card-heading{padding:19px 20px 12px;display:flex;justify-content:space-between;align-items:center}.card-heading h2{font-size:15px;margin:0;display:flex;gap:9px;align-items:center}.count-tag{color:#4266a0;background:#edf3ff;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500}.card-heading .hint{font-size:11px;color:#56667e}.table-toolbar{padding:4px 20px 15px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.toolbar-start,.toolbar-end{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:8px;border:1px solid #dbe3ef;border-radius:7px;padding:0 10px;width:230px;height:35px;color:#65758c}.search-box input{border:0;width:100%;outline:none;font-size:12px;background:transparent;color:#24334a}.toolbar-end select{border:1px solid #dbe3ef;background:white;padding:7px;border-radius:7px;font-size:12px;color:#3e5370}.filter-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 20px 12px}.filter-chips:empty{display:none}.filter-chip{border:1px solid #c6d8f7;border-radius:5px;background:#edf4ff;color:#24539c;padding:4px 8px;font-size:11px}.grid-host{margin:0 20px;min-width:0}.grid-host .zx-grid{border-radius:7px;box-shadow:none}.zx-cell.status-pill:before{content:'●';font-size:8px;margin-right:7px;color:inherit}.zx-cell.status-done{color:#187b61!important;font-weight:600}.zx-cell.status-progress{color:#285bb4!important;font-weight:600}.zx-cell.status-wait{color:#876718!important;font-weight:600}.zx-cell.owner-cell{color:#536984!important}.grid-status{padding:11px 20px;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#56667e;border-top:1px solid #edf0f6;margin-top:12px;flex-wrap:wrap}.grid-status strong{font-weight:600;color:#365581}.status-key{border:1px solid #dfe6ef;border-radius:3px;padding:1px 4px;font-size:10px;margin:0 3px}.bottom-note{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:11px;color:#56667e}.bottom-note a{color:#4269a4}#toast{min-height:20px;max-width:620px;color:#305887}body[data-dark=true]{background:#142033;color:#dbe6f6}body[data-dark=true] .topbar,body[data-dark=true] .metric,body[data-dark=true] .grid-card{background:#1b2b40;border-color:#354860}body[data-dark=true] h1,body[data-dark=true] .metric-value,body[data-dark=true] .topbar strong{color:#e2ebf8}body[data-dark=true] .btn,body[data-dark=true] .toolbar-end select{background:#23384f;color:#dae5f8;border-color:#496078}body[data-dark=true] .search-box input{color:#dce6f5}
@media(max-width:1050px){.shell{grid-template-columns:180px 1fr}.sidebar{padding:24px 12px}.content{padding:24px 20px}.topbar{padding:0 20px}.metrics{gap:8px}.metric{padding:14px}.heading-actions{flex-wrap:wrap}}@media(max-width:760px){.shell{display:block}.sidebar{padding:12px 16px;gap:12px}.sidebar nav{display:flex;overflow:auto}.sidebar-label,.sidebar-note,.sidebar nav a:nth-child(n+4){display:none}.brand{font-size:17px}.content{padding:20px 12px}.metrics{grid-template-columns:repeat(2,1fr)}.page-heading{align-items:flex-start;flex-direction:column}.topbar{height:50px;padding:0 16px}.grid-host{margin:0 12px}.table-toolbar{padding-left:12px;padding-right:12px}.card-heading .hint{display:none}.bottom-note{flex-direction:column}}
body[data-dark=true] p,body[data-dark=true] .metric-label,body[data-dark=true] .metric-foot,body[data-dark=true] .hint,body[data-dark=true] .grid-status,body[data-dark=true] .bottom-note,body[data-dark=true] .topbar{color:#b4c5de}body[data-dark=true] .metric-value small,body[data-dark=true] #toast{color:#b4c5de}body[data-dark=true] .bottom-note a{color:#a8c6ff}body[data-dark=true] .zx-cell.owner-cell{color:#b4c5de!important}body[data-dark=true] .zx-cell.status-done{color:#65dfb7!important}body[data-dark=true] .zx-cell.status-progress{color:#aecbff!important}body[data-dark=true] .zx-cell.status-wait{color:#f0d88b!important}
body[data-dark=true] .topbar a,body[data-dark=true] .eyebrow{color:#b4c5de}
.sidebar nav button{width:100%;border:0;background:transparent;color:inherit;font:inherit;font-size:13px;text-align:left;padding:11px 12px;border-radius:7px;display:flex;align-items:center;gap:10px;white-space:nowrap}.sidebar nav button:hover{background:#1b2b44;color:white}.sidebar nav button.current{background:#244475;color:#dceafe}.sidebar nav button:focus-visible{outline:2px solid #a8c6ff}.content[hidden],.workspace-frame[hidden]{display:none}.workspace-frame{display:block;width:100%;height:max(680px,calc(100vh - 220px));border:1px solid #dfe6ef;border-radius:12px;background:white}.embedded-content{min-width:0}@media(max-width:760px){.sidebar nav button{width:auto;flex:0 0 auto}.sidebar nav{scrollbar-width:thin}.workspace-frame{height:760px}}

.brand-text{display:flex;flex-direction:column;gap:2px;line-height:1.2}.brand-title{display:block}.brand .brand-version{display:block;color:#b9c7dc;font-size:11px;font-weight:400;letter-spacing:.3px;line-height:1.5}