:root{--accent:#6e56cf;--accent-soft:#f1eefb;--accent-press:#5b45b5;--accent-glow:#6e56cf52;--navy:#18181f;--navy-dark:#18181f;--blue:#5b45b5;--blue-dark:#6e56cf;--blue-soft:#f1eefb;--bg:#f7f7fa;--bg-elevated:#f5f4f9;--surface:#fff;--surface-2:#fafafc;--border:#eceaf1;--border-2:#e2e1ea;--text:#18181f;--text-secondary:#6a6a78;--muted:#9c9caa;--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--sidebar-w:258px;--radius:14px;--radius-sm:10px;--radius-pill:999px;--shadow:0 1px 2px #1818280d;--shadow-card:0 4px 18px #18182814;--font:"Pretendard", "Apple SD Gothic Neo", system-ui, -apple-system, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html,body{height:100%;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}img{-webkit-user-drag:none;user-drag:none}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:#d6d5df padding-box content-box;border:3px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#c2c1ce padding-box content-box}#root{height:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--surface);color:var(--text);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0}.sidebar__brand{padding:22px 20px 16px}.sidebar__brand-title{letter-spacing:-.02em;color:var(--text);font-size:15.5px;font-weight:700}.sidebar__brand-sub{color:var(--muted);margin-top:2px;font-size:11.5px}.sidebar__nav{flex-direction:column;flex:1;gap:2px;padding:6px 12px 12px;display:flex;overflow:auto}.nav-link{color:var(--text-secondary);border-radius:10px;align-items:center;gap:11px;padding:10px 13px;font-size:13.5px;font-weight:500;transition:background .12s,color .12s;display:flex}.nav-link:hover{background:var(--bg-elevated);color:var(--text)}.nav-link--active{background:var(--accent-soft);color:var(--accent-press);font-weight:700}.nav-link__icon{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.nav-link__icon svg{width:18px;height:18px;display:block}.sidebar__foot{border-top:1px solid var(--border);padding:14px 16px 16px}.main-wrap{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:5;justify-content:space-between;align-items:center;min-height:58px;padding:10px 28px;display:flex;position:sticky;top:0}.topbar__title{letter-spacing:-.02em;font-size:17px;font-weight:700}.topbar__user{color:var(--text-secondary);border-radius:var(--radius-pill);background:var(--bg-elevated);border:1px solid var(--border);padding:6px 12px;font-size:12px}.main{width:100%;max-width:1440px;margin:0 auto;padding:36px 44px 72px}.page-head{margin-bottom:24px}.page-head h1{letter-spacing:-.025em;margin:0;font-size:26px;font-weight:700}.page-head p{color:var(--text-secondary);margin:8px 0 0;font-size:14px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:22px;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px}.kpi__label{color:var(--text-secondary);margin-bottom:14px;font-size:13px;font-weight:500}.kpi__value{letter-spacing:-.02em;font-size:26px;font-weight:700}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:auto}table.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px}.data-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--bg-elevated);font-size:11px;font-weight:700;position:sticky;top:0}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--bg-elevated)}.badge{border-radius:var(--radius-pill);background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge--success{color:var(--success);background:#ecfdf5;border-color:#a7f3d0}.badge--warn{color:var(--warning);background:#fffbeb;border-color:#fde68a}.badge--info{background:var(--accent-soft);color:var(--accent);border-color:#ddd4f5}.badge--danger{color:var(--danger);background:#fef2f2;border-color:#fecaca}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-2);background:var(--surface);cursor:pointer;color:var(--text);align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover{background:var(--bg-elevated)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.btn--primary:hover{background:var(--accent-press);border-color:var(--accent-press)}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.search-input{border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--surface);outline:none;flex:1;max-width:300px;padding:9px 14px;font-size:13px}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6e56cf26}.filter-select{border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239C9CAA' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;min-width:140px;padding:9px 32px 9px 12px;font-size:13px}.filter-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6e56cf26}.filter-select:disabled{background-color:var(--bg-elevated);color:var(--muted);cursor:not-allowed}.empty,.loading{text-align:center;color:var(--muted);padding:56px 24px;font-size:14px}.tab-row{border-bottom:1px solid var(--border);gap:6px;margin-bottom:18px;display:flex}.tab-row button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 18px;font-size:14px;font-weight:600}.tab-row button.on{color:var(--accent);border-color:var(--accent)}[data-theme=dark]{--accent:#6e56cf;--accent-soft:#6e56cf3d;--accent-press:#ad9bf5;--accent-glow:#6e56cf52;--navy:#ececf1;--navy-dark:#ececf1;--blue:#ad9bf5;--blue-dark:#6e56cf;--blue-soft:#6e56cf3d;--bg:#121217;--bg-elevated:#24242f;--surface:#1c1c24;--surface-2:#24242f;--border:#2e2e3a;--border-2:#2a2a35;--text:#ececf1;--text-secondary:#9c9ba9;--muted:#777685;--shadow:0 1px 2px #0006;--shadow-card:0 4px 18px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .nav-link--active{color:#fff}[data-theme=dark] .filter-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23777685' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.mobile-topbar,.sidebar__close{display:none}.drawer-overlay{z-index:50;background:#10101873;position:fixed;inset:0}@media (width<=1023px){.shell{display:block}.mobile-topbar{z-index:40;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:10px;height:54px;padding:0 12px;display:flex;position:sticky;top:0}.mobile-topbar__menu{width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;margin-left:-6px;display:flex}.mobile-topbar__menu:active{background:var(--bg-elevated)}.mobile-topbar__logo{object-fit:cover;border-radius:7px;width:28px;height:28px}.mobile-topbar__title{letter-spacing:-.02em;font-size:15px;font-weight:700}.sidebar{z-index:60;width:min(300px,85vw);height:100dvh;transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-102%);box-shadow:0 8px 40px #00000040}.sidebar--open{transform:translate(0)}.sidebar__close{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;margin-left:auto;display:flex}.nav-link{padding:12px 13px;font-size:14.5px}.main{padding:18px 16px 90px}.page-head h1{font-size:21px}.page-head p{font-size:13px}.toolbar{flex-direction:column;align-items:stretch}.toolbar .search-input{width:100%;max-width:none}.toolbar .filter-select{width:100%}.tab-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.tab-row::-webkit-scrollbar{display:none}.tab-row button{white-space:nowrap;flex-shrink:0;padding:10px 14px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.kpi{padding:14px}.kpi__value{font-size:21px}.data-table th,.data-table td{padding:10px 12px}.btn{min-height:42px}::-webkit-scrollbar{width:4px;height:4px}}@media (width<=767px){.m-hide{display:none!important}.m-col-1{grid-template-columns:1fr!important}.m-col-2{grid-template-columns:repeat(2,1fr)!important}.m-col-3{grid-template-columns:repeat(3,1fr)!important}.m-panel{overflow-y:auto;width:auto!important;max-width:calc(100vw - 20px)!important;max-height:92dvh!important}.table-wrap.m-cards{box-shadow:none;background:0 0;border:none;border-radius:0;overflow:visible}.m-cards .data-table,.m-cards .data-table tbody,.m-cards .data-table tr,.m-cards .data-table td{width:100%;display:block}.m-cards .data-table thead{display:none}.m-cards .data-table tr{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;margin-bottom:10px;padding:4px 14px}.m-cards .data-table tbody tr:hover td{background:0 0}.m-cards .data-table td{border-bottom:1px solid var(--border);white-space:normal;text-align:right;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:9px 0;font-size:13.5px;display:flex}.m-cards .data-table tr td:last-child{border-bottom:none}.m-cards .data-table td:before{content:attr(data-label);color:var(--text-secondary);text-align:left;white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:600}.m-cards .data-table td.col-title{color:var(--text);text-align:left;padding:12px 0 10px;font-size:15.5px;font-weight:700;max-width:none!important}.m-cards .data-table td.col-title:before{content:none}.m-cards .data-table td.col-hide-m{display:none}.m-cards .data-table td.col-actions{justify-content:flex-end;padding-top:12px}.m-cards .data-table td.col-actions:before{content:none}.m-cards .data-table td.loading,.m-cards .data-table td.empty{text-align:center;border-bottom:none;justify-content:center}.m-cards .data-table td.loading:before,.m-cards .data-table td.empty:before{content:none}.m-sheet{-webkit-overflow-scrolling:touch;z-index:1200!important;border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;position:fixed!important;inset:0!important;overflow-y:auto!important;transform:none!important}.m-sheet-overlay{align-items:stretch!important;padding:0!important}.mc-detail-wrap{padding:0!important}.mc-hero{flex-wrap:wrap}.mc-hero__edit{text-align:center;flex-basis:100%;order:3;align-self:stretch!important}.mc-app-row{flex-wrap:wrap;gap:6px 12px}.mc-app-row>:nth-child(2){flex:calc(100% - 54px)!important}.mc-app-row>:nth-child(n+3){text-align:left!important;flex:none!important;width:auto!important;min-width:0!important}.mgr-page{padding-left:0!important;padding-right:0!important}.mc-form-wrap{padding:0!important}.mc-form-layout{flex-direction:column!important;align-items:stretch!important;gap:14px!important}.mc-form-steps{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto;flex-direction:row!important;gap:8px!important;width:100%!important;position:static!important}.mc-form-steps::-webkit-scrollbar{display:none}.mc-form-steps>div:first-child{display:none}.mc-form-steps>button{white-space:nowrap;flex:none!important;width:auto!important}}
