:root{--bg:#080c10;--surface:#0e141a;--surface-2:#131b22;--surface-3:#172129;--line:#26323b;--line-soft:#1d2830;--text:#edf4f1;--muted:#89969d;--faint:#5b6870;--accent:#d6f23d;--accent-dark:#1b2416;--cyan:#43dbc0;--danger:#ff6474;--warning:#ffc857;--sidebar:238px;--radius:14px;--mono:'Cascadia Code','Consolas',monospace;--sans:'Pretendard','Noto Sans KR','Malgun Gothic',sans-serif}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;min-height:100vh}button,input,select,textarea{font:inherit}button,a{transition:.18s ease}a{color:inherit;text-decoration:none}.hidden{display:none!important}
.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;background:#0a0f13;border-right:1px solid var(--line-soft);padding:24px 16px;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 8px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--accent);color:var(--accent);font-family:var(--mono);font-weight:800;font-size:19px;clip-path:polygon(14% 0,86% 0,100% 26%,100% 74%,86% 100%,14% 100%,0 74%,0 26%)}.brand strong,.brand small{display:block}.brand strong{font-family:var(--mono);font-size:14px;letter-spacing:.09em}.brand small{color:var(--faint);font:500 9px var(--mono);letter-spacing:.15em;margin-top:3px}.nav{display:flex;flex-direction:column;gap:5px;margin-top:42px;flex:1}.nav-link{display:flex;align-items:center;gap:12px;min-height:42px;padding:0 12px;border-radius:8px;color:#9ba7ad;font-weight:600}.nav-link>span{width:20px;color:#748187;font:18px var(--mono);text-align:center}.nav-link em{margin-left:auto;color:var(--accent);font:500 8px var(--mono);font-style:normal;letter-spacing:.08em}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{background:var(--accent);color:#10140d}.nav-link.active>span,.nav-link.active em{color:#10140d}.nav-divider{height:1px;background:var(--line-soft);margin:12px 4px}.sidebar-user{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:14px 8px 0;border-top:1px solid var(--line-soft)}.sidebar-user .avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1b252c;color:var(--accent);font:bold 13px var(--mono)}.sidebar-user strong,.sidebar-user small{display:block}.sidebar-user strong{font-size:12px}.sidebar-user small{font:9px var(--mono);color:var(--muted);margin-top:2px}.icon-button{border:0;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}.icon-button:hover{color:var(--danger)}
.main-column{grid-column:2;min-width:0}.topbar{height:88px;display:flex;align-items:center;gap:16px;padding:0 34px;border-bottom:1px solid var(--line-soft);background:rgba(8,12,16,.92);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.topbar h1{font-size:21px;margin:3px 0 0;letter-spacing:-.04em}.eyebrow{margin:0;color:var(--accent);font:600 9px var(--mono);letter-spacing:.16em}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.week-picker{display:flex;align-items:center;gap:9px;color:var(--muted);font:500 10px var(--mono)}select,input,textarea{border:1px solid var(--line);background:#0b1116;color:var(--text);border-radius:8px;outline:0}select:focus,input:focus,textarea:focus{border-color:#677528;box-shadow:0 0 0 3px rgba(214,242,61,.08)}select{padding:9px 34px 9px 11px}.role-chip,.formula-chip,.count-chip,.danger-chip{padding:7px 10px;border:1px solid #45501f;background:#141a10;border-radius:999px;color:var(--accent);font:600 9px var(--mono);letter-spacing:.08em}.danger-chip{border-color:#5a2730;background:#211216;color:#ff8591}.mobile-menu{display:none;border:0;background:transparent;color:var(--text);font-size:22px}.content{padding:28px 34px 50px;max-width:1520px;margin:auto}.panel{background:linear-gradient(145deg,rgba(19,27,34,.94),rgba(12,18,23,.96));border:1px solid var(--line-soft);border-radius:var(--radius)}.hero-strip{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:118px;padding:24px 28px;margin-bottom:18px;border:1px solid var(--line-soft);border-radius:var(--radius);background:radial-gradient(circle at 87% 50%,rgba(214,242,61,.1),transparent 25%),linear-gradient(120deg,#131b21,#0b1115)}.hero-strip:after{content:"";position:absolute;right:12%;width:180px;height:180px;border:1px solid rgba(214,242,61,.08);transform:rotate(45deg)}.hero-strip h2{font-size:23px;margin:7px 0}.hero-strip p:last-child{margin:0;color:var(--muted)}.hero-strip.compact{min-height:105px}.status-live{z-index:1;border:1px solid #2b473e;border-radius:999px;padding:8px 12px;color:#a8bab5;font:500 10px var(--mono);background:rgba(12,26,22,.7)}.status-live i{display:inline-block;width:7px;height:7px;margin-right:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 10px var(--cyan)}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.metric-card{min-height:124px;padding:19px 20px;background:var(--surface);border:1px solid var(--line-soft);border-radius:12px}.metric-card.featured{background:linear-gradient(135deg,#172015,#0f1615);border-color:#34411c}.metric-label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:500 10px var(--mono);letter-spacing:.08em}.metric-icon{color:var(--faint);font-size:17px}.metric-value{margin-top:19px;font:600 28px var(--mono);letter-spacing:-.05em}.metric-value small{font-size:11px;color:var(--muted);letter-spacing:0}.metric-foot{margin-top:8px;color:var(--muted);font-size:11px}.change{font:600 11px var(--mono)}.positive{color:var(--cyan)!important}.negative{color:var(--danger)!important}.neutral{color:var(--muted)!important}.ranking-panel{overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line-soft)}.panel-header h2{font-size:16px;margin:5px 0 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{color:var(--faint);font:500 9px var(--mono);letter-spacing:.1em;text-align:left;padding:12px 20px;background:#0c1217}td{padding:14px 20px;border-top:1px solid var(--line-soft);color:#cbd4d3}tbody tr:hover{background:rgba(255,255,255,.018)}td.number{font-family:var(--mono);font-weight:500}td strong{color:var(--text)}.rank{font:600 12px var(--mono);color:var(--muted)}.rank.top{color:var(--accent)}.align-right{text-align:right}
.toolbar{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:12px}.search-box{display:flex;align-items:center;gap:7px;min-width:260px;border:1px solid var(--line);border-radius:8px;background:#0b1116;padding-left:11px}.search-box span{font-size:18px;color:var(--muted)}.search-box input{width:100%;border:0;background:transparent;box-shadow:none;padding:10px 8px}.toolbar-spacer{flex:1}.button{border:1px solid var(--line);border-radius:8px;min-height:38px;padding:0 14px;background:#151e24;color:#cbd3d2;font-weight:700;font-size:12px;cursor:pointer}.button:hover{border-color:#516069;color:#fff}.button:disabled{opacity:.45;cursor:not-allowed}.button.primary{background:var(--accent);border-color:var(--accent);color:#11150c}.button.primary:hover{background:#e2fa62;box-shadow:0 6px 20px rgba(214,242,61,.12)}.button.ghost{background:transparent}.button.danger{color:#ff8994;border-color:#5a2c33;background:#211216}.button.tiny{min-height:30px;padding:0 9px;font-size:10px}.quick-form{display:flex;align-items:end;gap:14px;padding:18px 20px;margin-bottom:12px}.quick-form>div:first-child{min-width:150px}.quick-form h2{margin:5px 0;font-size:16px}.quick-form .field{min-width:180px}.grow{flex:1}.field{display:flex;flex-direction:column;gap:7px}.field>span{color:#96a2a7;font-size:11px;font-weight:600}.field input,.field textarea,.field select{width:100%;padding:10px 11px}.field small{color:var(--faint);font-size:10px}.member-list{display:flex;flex-direction:column;gap:8px}.member-card{border:1px solid var(--line-soft);border-radius:11px;background:var(--surface);overflow:hidden}.member-card.dirty{border-color:#685e2c}.member-card.error{border-color:#6b2e38}.member-summary{width:100%;display:grid;grid-template-columns:26px minmax(120px,1.2fr) minmax(380px,3fr) minmax(130px,.9fr) minmax(130px,.9fr) 24px;gap:15px;align-items:center;padding:13px 16px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.member-summary:hover{background:rgba(255,255,255,.018)}.member-index{color:var(--faint);font:500 10px var(--mono)}.member-name strong{display:block;font-size:14px}.member-name small{display:block;margin-top:3px;color:var(--faint);font:9px var(--mono)}.dragon-line{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dragon-pill{min-width:0;padding:7px 9px;border:1px solid var(--line-soft);border-radius:7px;background:#0b1116}.dragon-pill span,.dragon-pill strong{display:block;overflow:hidden;text-overflow:ellipsis}.dragon-pill span{font-size:10px;color:var(--muted)}.dragon-pill strong{font:600 12px var(--mono);margin-top:2px}.summary-eval small,.summary-change small{display:block;color:var(--faint);font:9px var(--mono);letter-spacing:.08em;margin-bottom:4px}.summary-eval strong{font:600 16px var(--mono)}.summary-change strong{font:600 12px var(--mono)}.chevron{font-size:17px;color:var(--muted);transition:.2s}.member-card.open .chevron{transform:rotate(180deg)}.member-detail{display:none;padding:16px;border-top:1px solid var(--line-soft);background:#0b1015}.member-card.open .member-detail{display:block}.detail-head{display:flex;gap:12px;align-items:end;margin-bottom:14px}.detail-head .field:first-child{width:180px}.detail-head .field:nth-child(2){flex:1}.save-state{font:600 9px var(--mono);letter-spacing:.07em;padding:6px 9px;border-radius:99px;margin-left:auto}.save-state.saved{color:var(--cyan);background:#10221e}.save-state.dirty{color:var(--warning);background:#261f10}.save-state.saving{color:#a9bcff;background:#141a2b}.save-state.error{color:#ff8b96;background:#2a1318}.dragon-editor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dragon-editor{padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.dragon-editor header{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.dragon-editor header strong{font:600 11px var(--mono);color:var(--accent)}.dragon-editor .eval-live{font:600 14px var(--mono)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.stats-grid .wide{grid-column:1/-1}.stat-change{font:9px var(--mono);margin-top:7px;text-align:right}.detail-actions{display:flex;justify-content:space-between;align-items:center;margin-top:13px}.detail-actions p{color:var(--faint);font-size:10px;margin:0}.detail-buttons{display:flex;gap:8px}
.split-layout{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(440px,1.35fr);gap:16px}.stack-form{display:flex;flex-direction:column;gap:16px;padding:22px}.create-week-panel{align-self:start}.step-number{font:600 28px var(--mono);color:#344029}.info-callout{display:flex;gap:11px;padding:13px;border:1px solid #2d3b40;background:#101a1e;border-radius:9px;color:#93a2a5;font-size:11px;line-height:1.55}.info-callout span{display:grid;place-items:center;flex:0 0 20px;height:20px;border:1px solid #446067;border-radius:50%;font:600 10px var(--mono)}.info-callout p{margin:0}.timeline{padding:4px 20px 20px}.timeline-item{display:grid;grid-template-columns:22px 1fr auto;gap:12px;padding:17px 4px;border-bottom:1px solid var(--line-soft);align-items:center}.timeline-node{width:9px;height:9px;border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 0 5px rgba(214,242,61,.06)}.timeline-copy strong,.timeline-copy span{display:block}.timeline-copy strong{font:600 13px var(--mono)}.timeline-copy span{font-size:10px;color:var(--muted);margin-top:5px}.timeline-actions{display:flex;gap:7px}
.buff-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.buff-period{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface);overflow:hidden}.buff-period>header{padding:20px 22px;border-bottom:1px solid var(--line-soft)}.buff-period h2{margin:5px 0 0;font-size:17px}.buff-rows{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.buff-card{position:relative;padding:18px;border:1px solid var(--line);border-radius:10px;background:#0b1116}.buff-card.buff{border-top:2px solid var(--cyan)}.buff-card.debuff{border-top:2px solid var(--danger)}.buff-card h3{margin:0 0 15px;font:600 11px var(--mono);letter-spacing:.1em}.buff-card.buff h3{color:var(--cyan)}.buff-card.debuff h3{color:var(--danger)}.buff-card .field+.field{margin-top:11px}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:16px}.inline-warning{color:var(--warning);font-size:11px}.account-create{margin-bottom:16px}.inline-form{display:grid;grid-template-columns:1fr 1.2fr .7fr auto;align-items:end;gap:13px;padding:20px}.secret-result{margin:0 20px 20px;padding:13px 15px;border:1px solid #47551c;background:#151d10;border-radius:8px;color:#dce9a0;font:12px var(--mono)}.account-name{display:flex;align-items:center;gap:10px}.account-name .avatar{display:grid;place-items:center;width:30px;height:30px;background:#1b252c;border-radius:50%;color:var(--accent);font:600 11px var(--mono)}.badge{display:inline-block;padding:5px 8px;border-radius:99px;background:#1a2329;color:#a9b3b7;font:600 9px var(--mono)}.badge.master{background:#22290f;color:var(--accent)}.badge.inactive{background:#28151a;color:#ff8290}.table-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.account-memo-editor{display:flex;align-items:center;gap:5px;margin-right:4px}.account-memo-input{width:132px;min-height:30px;padding:5px 8px;font-size:10px}.settings-layout{grid-template-columns:minmax(320px,.8fr) minmax(420px,1.2fr)}.policy-panel{padding:24px;line-height:1.7}.policy-panel h2{margin:8px 0}.policy-panel p:last-child{color:var(--muted)}.audit-list{padding:4px 20px 20px}.audit-item{display:grid;grid-template-columns:100px 1fr auto;gap:12px;padding:13px 2px;border-bottom:1px solid var(--line-soft);align-items:center}.audit-item strong{font-size:11px}.audit-item p{margin:0;color:#b9c3c2;font-size:11px}.audit-item time{font:9px var(--mono);color:var(--faint)}
.empty-state{padding:48px 20px;text-align:center;color:var(--muted)}.empty-state strong{display:block;color:#cdd6d4;margin-bottom:6px}.toast-region{position:fixed;right:20px;bottom:20px;z-index:100;display:flex;flex-direction:column;gap:8px}.toast{min-width:260px;padding:12px 14px;border:1px solid #35444c;border-radius:9px;background:#131c22;box-shadow:0 12px 30px rgba(0,0,0,.32);font-size:12px}.toast.error{border-color:#66303a;color:#ffadb5}.toast.success{border-color:#374c31;color:#d8efa5}
.login-body{background:#080c10}.login-layout{display:grid;grid-template-columns:1.15fr .85fr;min-height:100vh}.login-visual{position:relative;overflow:hidden;display:flex;align-items:center;padding:8vw;background:radial-gradient(circle at 65% 50%,rgba(92,114,28,.17),transparent 35%),linear-gradient(145deg,#11191e,#080c10 70%);border-right:1px solid var(--line-soft)}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,#000,transparent)}.visual-copy{position:relative;z-index:2}.visual-copy h1{font-size:clamp(36px,4.3vw,67px);line-height:1.13;letter-spacing:-.065em;margin:17px 0}.visual-copy h1 span{color:var(--accent)}.visual-copy>p:last-child{color:var(--muted);font-size:15px}.radar{position:absolute;right:-10%;top:50%;width:38vw;height:38vw;border:1px solid rgba(214,242,61,.11);border-radius:50%;transform:translateY(-50%)}.radar:before,.radar:after,.radar i{content:"";position:absolute;border:1px solid rgba(214,242,61,.08);border-radius:50%;inset:15%}.radar:after{inset:30%}.radar i:nth-child(1){inset:45%}.radar b{position:absolute;inset:50% auto auto 50%;width:44%;height:1px;background:linear-gradient(to right,rgba(214,242,61,.5),transparent);transform-origin:left;transform:rotate(-33deg)}.login-panel{display:grid;place-items:center;padding:30px}.login-card{width:min(390px,100%)}.login-brand{padding:0;margin-bottom:70px}.login-heading{margin-bottom:28px}.login-heading h2{font-size:27px;letter-spacing:-.04em;margin:8px 0}.login-heading>p:last-child{color:var(--muted);font-size:12px}.login-card .field{margin-bottom:15px}.login-card .field input{min-height:48px}.login-button{width:100%;height:48px;display:flex;align-items:center;justify-content:space-between;margin-top:8px}.form-error{min-height:18px;color:var(--danger);font-size:11px}.security-note{display:flex;gap:8px;color:var(--faint);font-size:10px;line-height:1.5;margin-top:25px}.security-note span{color:var(--accent)}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.member-summary{grid-template-columns:24px 1fr 2.5fr 1fr 22px}.summary-change{display:none}.dragon-editor-grid{grid-template-columns:1fr}.buff-rows{grid-template-columns:1fr}.inline-form{grid-template-columns:repeat(2,1fr)}.inline-form .button{align-self:end}}
@media(max-width:780px){:root{--sidebar:230px}.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0);box-shadow:0 0 50px rgba(0,0,0,.6)}.main-column{width:100%}.mobile-menu{display:block}.topbar{height:72px;padding:0 16px}.topbar .eyebrow,.role-chip{display:none}.topbar h1{font-size:18px}.week-picker{font-size:0}.content{padding:16px}.metric-grid{grid-template-columns:1fr 1fr}.hero-strip{min-height:110px;padding:20px}.hero-strip h2{font-size:19px}.status-live{display:none}.toolbar{flex-wrap:wrap}.search-box{min-width:100%;order:-1}.toolbar-spacer{display:none}.member-summary{grid-template-columns:20px 1fr 1fr 22px;padding:12px;gap:9px}.dragon-line{display:none}.summary-change{display:block}.member-index{display:none}.detail-head{align-items:stretch;flex-direction:column}.detail-head .field:first-child{width:100%}.dragon-editor-grid{grid-template-columns:1fr}.split-layout,.settings-layout,.buff-grid{grid-template-columns:1fr}.buff-rows{grid-template-columns:1fr 1fr}.inline-form{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr}.login-visual{display:none}.login-brand{margin-bottom:55px}.login-panel{padding:30px 22px}.quick-form{align-items:stretch;flex-direction:column}.quick-form .field{width:100%}.audit-item{grid-template-columns:80px 1fr}.audit-item time{display:none}}
@media(max-width:480px){.metric-grid{grid-template-columns:1fr}.toolbar .button.ghost{display:none}.member-summary{grid-template-columns:1fr 1fr 20px}.summary-eval{text-align:right}.summary-change,.member-index{display:none}.buff-rows{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.table-actions{flex-wrap:wrap}.topbar-actions{gap:4px}.week-picker select{max-width:145px}}