*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-width:1024px;height:100%}img,svg{display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:root{--bg-app: #e6e6e6;--bg-surface: #f6f6f6;--bg-panel: #efefef;--bg-card: #ffffff;--bg-card-soft: #ececec;--bg-dark: #3a3a3a;--bg-dark-deep: #2e2e2e;--text-strong: #161616;--text-body: #3c3c3c;--text-muted: #8f8f8f;--text-on-dark: #f4f4f4;--text-on-dark-muted: #9f9f9f;--accent: #e8562e;--accent-press: #d24a25;--accent-tint: #f8dcd2;--track: #e2e2e2;--line: #e9e9e9;--focus: #1b1b1b;--r-xl: 36px;--r-lg: 24px;--r-md: 16px;--r-pill: 999px;--sh-panel: 0 30px 60px rgba(0, 0, 0, .1);--sh-card: 0 10px 24px rgba(0, 0, 0, .05);--sh-float: 0 14px 28px rgba(0, 0, 0, .12);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--font: "Inter", "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--fs-display: clamp(40px, 4.5vw, 62px);--fs-h2: 24px;--fs-h3: 18px;--fs-body: 15px;--fs-label: 13px;--fs-caption: 12px;--fs-metric: 26px;--dur: .15s;--ease: cubic-bezier(.2, .6, .2, 1)}body{overflow:hidden;background:var(--bg-app);color:var(--text-strong);font-family:var(--font);font-size:var(--fs-body);-webkit-font-smoothing:antialiased}.display{margin:0;font-size:var(--fs-display);font-weight:800;line-height:.98;letter-spacing:-.02em}.h2{margin:0;font-size:var(--fs-h2);font-weight:700;letter-spacing:-.01em}.h3{margin:0;font-size:var(--fs-h3);font-weight:700;line-height:1.3;letter-spacing:-.01em}.label{color:var(--text-muted);font-size:var(--fs-label);font-weight:500}.caption{color:var(--text-muted);font-size:var(--fs-caption)}.metric{font-size:var(--fs-metric);font-weight:700;letter-spacing:-.01em}.metric small{color:var(--text-muted);font-size:var(--fs-body);font-weight:600}.metric--sm{font-size:20px}.surface{background:var(--bg-surface);border-radius:var(--r-xl);box-shadow:var(--sh-panel)}.panel{background:var(--bg-panel);border-radius:calc(var(--r-xl) - 8px)}.card{display:grid;gap:var(--sp-5);padding:var(--sp-6);border-radius:var(--r-lg);background:var(--bg-card);box-shadow:var(--sh-card)}.card--soft{background:var(--bg-card-soft);box-shadow:none}.card--muted{background:var(--bg-panel);box-shadow:none}.card--dark{background:var(--bg-dark);color:var(--text-on-dark)}.card--dark .label{color:var(--text-on-dark-muted)}.btn{display:inline-flex;height:44px;align-items:center;justify-content:center;gap:var(--sp-2);border:0;border-radius:var(--r-pill);padding:0 var(--sp-6);font-size:var(--fs-label);font-weight:600;transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),color var(--dur) var(--ease)}.btn--primary{background:var(--accent);color:var(--bg-card)}.btn--primary:hover{background:var(--accent-press)}.btn--light{background:var(--bg-card);color:var(--text-strong);box-shadow:var(--sh-card)}.btn--light:hover{box-shadow:var(--sh-float)}.btn--ghost{background:transparent;color:var(--text-muted)}.btn--ghost:hover{color:var(--text-strong)}.icon-btn{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:50%;background:var(--bg-card);color:var(--text-strong);box-shadow:var(--sh-card)}.icon-btn--sm{width:32px;height:32px}.icon-btn:disabled{cursor:default;color:var(--text-muted);opacity:.45}.badge{display:inline-flex;width:-moz-fit-content;width:fit-content;height:40px;align-items:center;border-radius:var(--r-pill);background:var(--accent);color:var(--bg-card);padding:0 var(--sp-5);font-size:var(--fs-label);font-weight:600;box-shadow:var(--sh-float)}.badge--light{background:var(--bg-card);color:var(--text-strong)}.field{width:100%;min-height:48px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-card);padding:0 var(--sp-4);outline:0}.field--textarea{min-height:132px;padding-top:var(--sp-4);resize:vertical}.field:focus{border-color:var(--focus)}.field-wrap{display:grid;gap:var(--sp-2)}.form-stack{display:grid;gap:var(--sp-4)}.scroll-y{min-height:0;overflow-y:auto;overscroll-behavior:contain}.scroll-y::-webkit-scrollbar{width:6px}.scroll-y::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:var(--track)}.scroll-y::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app{display:grid;height:100dvh;grid-template-columns:236px 1fr;gap:var(--sp-5);padding:var(--sp-5)}.workspace{display:grid;min-height:0;gap:var(--sp-6);padding:var(--sp-8)}.main{display:flex;flex-direction:column;gap:var(--sp-8);padding-right:var(--sp-2)}.stack{display:grid;gap:var(--sp-6)}.sidebar{display:flex;flex-direction:column;gap:var(--sp-2);border-radius:40px;background:var(--bg-dark);padding:var(--sp-6) var(--sp-4);box-shadow:var(--sh-panel)}.sidebar-brand{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);padding:0 var(--sp-2);color:var(--text-on-dark)}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand>div>span{margin-top:2px;color:var(--text-on-dark-muted);font-size:var(--fs-caption)}.sidebar-nav{display:grid;gap:var(--sp-2)}.nav-item{display:flex;align-items:center;gap:var(--sp-3);border:0;border-radius:var(--r-pill);background:none;padding:var(--sp-2);color:var(--text-on-dark-muted);font-size:var(--fs-body);font-weight:500;transition:color var(--dur) var(--ease)}.nav-item__icon{display:grid;width:40px;height:40px;flex:none;place-items:center;border-radius:50%;background:var(--bg-card);color:var(--text-strong);box-shadow:var(--sh-card)}.sidebar-brand .brand-icon{display:inline-flex;align-items:center;justify-content:center}.sidebar-brand .brand-icon svg{transform:translateY(1px)}.nav-item:hover,.nav-item.is-active{color:var(--text-on-dark)}.sidebar__footer{display:grid;gap:var(--sp-3);margin-top:auto;overflow:hidden;border-radius:var(--r-lg);background:var(--bg-dark-deep);padding:var(--sp-5);color:var(--text-on-dark)}.sidebar__footer p{margin:0;color:var(--text-on-dark-muted)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-6)}.page-head p,.login-copy p,.card p,.data-item p{margin:0;color:var(--text-body);line-height:1.55}.page-head p{margin-top:var(--sp-3);color:var(--text-muted)}.week-nav{display:flex;height:40px;flex:none;align-items:center;justify-content:center;gap:var(--sp-2);border-radius:var(--r-pill);background:var(--accent);color:var(--bg-card);padding:0 var(--sp-2);font-size:var(--fs-label);font-weight:600;box-shadow:var(--sh-float)}.week-nav span{min-width:180px;text-align:center}.week-nav .icon-btn{background:var(--bg-card);color:var(--text-strong);box-shadow:none}.login-page{display:grid;min-height:100dvh;place-items:center;padding:var(--sp-5)}.login-surface{display:grid;width:min(1120px,100%);min-height:min(680px,calc(100dvh - 40px));grid-template-columns:1fr 420px;gap:var(--sp-8);padding:var(--sp-10)}.login-surface--narrow{width:min(960px,100%)}.login-copy{display:grid;align-content:center;gap:var(--sp-6)}.login-card{align-self:center}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5);align-items:stretch}.two-column{display:grid;grid-template-columns:minmax(320px,.74fr) minmax(0,1.26fr);gap:var(--sp-5);align-items:stretch}.two-column--wide{grid-template-columns:minmax(380px,.8fr) minmax(0,1.2fr)}.metric-card{grid-template-columns:48px 1fr;align-items:center}.metric-card--accent .metric-icon{background:var(--accent);color:var(--bg-card)}.metric-card--strong .metric-icon{background:var(--bg-dark);color:var(--text-on-dark)}.metric-card--muted .metric-icon{background:var(--bg-card-soft);color:var(--text-body)}.metric-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:50%}.member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5)}.member-card{align-content:start}.member-card .metric{justify-self:start}.member-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.segment-gauge{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-1)}.segment-gauge span{height:10px;border-radius:var(--r-pill);background:var(--track)}.segment-gauge span.is-filled{background:var(--text-strong)}.segment-gauge--low span.is-filled{background:var(--accent)}.action-strip{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);border-radius:var(--r-lg);background:var(--bg-card);padding:var(--sp-5) var(--sp-6);box-shadow:var(--sh-card)}.data-list{display:grid;gap:var(--sp-3)}.data-list--compact{max-height:340px;overflow:hidden}.data-item{display:grid;gap:var(--sp-1);border-radius:var(--r-md);background:var(--bg-card-soft);padding:var(--sp-4)}.data-item__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.data-item strong,.table-row strong{color:var(--text-strong)}.info-grid{display:grid;gap:var(--sp-3)}.info-row{padding:var(--sp-4)}.info-row strong{overflow-wrap:anywhere}.table{display:grid;gap:var(--sp-3)}.table-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-4);align-items:center;border-radius:var(--r-md);background:var(--bg-card-soft);padding:var(--sp-4)}.table-row span,.table-row em{display:block;margin-top:var(--sp-1);color:var(--text-muted);font-size:var(--fs-label);font-style:normal}.table-row em{color:var(--accent)}.row-actions{display:flex;gap:var(--sp-2)}.notice{display:grid;gap:var(--sp-2);border-radius:var(--r-md);background:var(--accent-tint);padding:var(--sp-4);color:var(--text-body)}.notice--error,.notice--warning{background:var(--accent-tint)}.notice code{display:block;border-radius:var(--r-md);background:var(--bg-card);padding:var(--sp-3);color:var(--text-strong);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700;overflow-wrap:anywhere}.empty-state{border-radius:var(--r-md);background:var(--bg-card-soft);padding:var(--sp-8);color:var(--text-muted);text-align:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#16161652;padding:var(--sp-6)}.modal-card{display:grid;width:min(560px,100%);max-height:calc(100dvh - 64px);gap:var(--sp-5);overflow:auto;border-radius:var(--r-lg);background:var(--bg-card);padding:var(--sp-6);box-shadow:var(--sh-panel)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.form-actions{display:flex;justify-content:flex-end;gap:var(--sp-2)}@media(max-width:1180px){.app{grid-template-columns:88px 1fr}.sidebar-brand div,.nav-item span:not(.nav-item__icon),.sidebar__footer{display:none}.page-head{flex-direction:column}.action-strip{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}