:root{--bg:#080b11;--bg2:#0d1119;--panel:#111722;--panel2:#151d2a;--line:#273142;--text:#f4f1ea;--muted:#8f9aab;--gold:#e3b45d;--gold2:#8b632d;--red:#c7423b;--blue:#4f7fc9;--green:#38c58b;--sidebar:232px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,Pretendard,"Noto Sans KR","Malgun Gothic",Arial,sans-serif;background:radial-gradient(circle at 80% 0,#291114 0,transparent 28%),radial-gradient(circle at 15% 90%,#15172a 0,transparent 26%),var(--bg);min-height:100vh}a{color:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:50;left:0;top:0;bottom:0;width:var(--sidebar);background:linear-gradient(180deg,rgba(13,16,23,.98),rgba(7,9,14,.99));border-right:1px solid #342a28;padding:22px 14px;display:flex;flex-direction:column;box-shadow:20px 0 60px rgba(0,0,0,.25)}.brand{display:flex;align-items:center;gap:12px;padding:5px 9px 24px;text-decoration:none;border-bottom:1px solid #292b31}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border:1px solid #79512e;background:radial-gradient(circle,#5e241e,#1b1112 65%);color:#f2c16c;font-size:25px;box-shadow:0 0 25px rgba(190,56,40,.2)}.brand strong{font-family:Georgia,"Noto Serif KR",serif;font-size:26px;letter-spacing:3px;display:block;color:#f4d7a1}.brand small{font-size:9px;color:#8d8175;letter-spacing:1.4px}.side-nav{padding-top:20px;display:flex;flex-direction:column;gap:6px}.side-nav a{padding:12px 13px;border-radius:7px;text-decoration:none;color:#c9cdd4;font-size:14px;display:flex;gap:12px;align-items:center;border:1px solid transparent}.side-nav a:hover{color:white;background:linear-gradient(90deg,#381518,transparent);border-color:#4a2726}.side-nav a span{width:20px;color:#d5a55b;text-align:center}.nav-label{font-size:10px;color:#5f6773;letter-spacing:1.7px;margin:18px 13px 4px}.sidebar-foot{margin-top:auto;border-top:1px solid #292b31;padding:18px 8px 0}.user-chip{display:flex;align-items:center;gap:10px}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#332021;border:1px solid #6e4635;color:#efc379;font-weight:800}.user-chip b{font-size:13px;display:block}.user-chip small{font-size:10px;color:var(--muted)}.logout{display:block;margin-top:13px;font-size:11px;color:#737d8c;text-decoration:none}.page-shell{margin-left:var(--sidebar);min-height:100vh}.topbar{height:62px;border-bottom:1px solid #222935;background:rgba(8,11,17,.86);backdrop-filter:blur(12px);display:flex;align-items:center;padding:0 30px;position:sticky;top:0;z-index:30}.topbar>div:first-of-type b{display:block;font-size:13px}.topbar>div:first-of-type small{display:block;color:#697483;font-size:9px;letter-spacing:1px}.live-pill{margin-left:auto;border:1px solid #294c3e;background:#10261f;color:#75dfb3;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:800;letter-spacing:1px}.live-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4be0a4;margin-right:5px;box-shadow:0 0 8px #4be0a4}.menu-toggle{display:none;background:none;border:0;color:white;font-size:21px;padding:5px;margin-right:12px}.content{max-width:1260px;margin:0 auto;padding:38px 34px 70px}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;color:var(--gold);letter-spacing:2px;font-weight:800}.page-title h1{font-family:Georgia,"Noto Serif KR",serif;font-size:30px;margin:7px 0 6px;letter-spacing:-.5px}.page-title p{margin:0;color:var(--muted);font-size:13px}.refresh-note{font-size:11px;color:#778391}.refresh-note span{color:var(--green);font-size:8px;margin-right:5px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.metric-card{min-height:122px;background:linear-gradient(135deg,#151c28,#0d121b);border:1px solid #2a3443;display:flex;align-items:center;padding:22px;gap:18px;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.22)}.metric-card:after{content:"";position:absolute;inset:auto -30px -60px auto;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,currentColor,transparent 65%);opacity:.07}.metric-card.gold{color:var(--gold);border-top-color:#6e4f2a}.metric-card.blue{color:#82a8e0;border-top-color:#37557d}.metric-card.red{color:#e1756d;border-top-color:#743530}.metric-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid currentColor;background:rgba(255,255,255,.025);font-size:25px}.metric-card small{display:block;color:#9ca6b4;font-size:11px}.metric-card strong{display:inline-block;color:#fff;font-size:31px;line-height:1.1;margin-top:6px}.metric-card em{display:block;font-style:normal;font-size:9px;letter-spacing:1.4px;margin-top:6px;opacity:.65}.metric-card .metric-text{font-size:21px}.panel{background:linear-gradient(180deg,rgba(18,24,34,.96),rgba(12,17,25,.96));border:1px solid var(--line);padding:20px 22px;margin:14px 0;box-shadow:0 12px 40px rgba(0,0,0,.18)}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.panel-title>div{display:flex;align-items:center;gap:11px}.panel-title h2{font-size:16px;margin:0 0 3px}.panel-title p{font-size:11px;color:var(--muted);margin:0}.title-icon{width:31px;height:31px;border:1px solid #554126;display:grid;place-items:center;color:#e4b45d;background:#211b13}.filter-panel{padding-bottom:17px}.date-filter{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:6px}.field.grow{flex:1;min-width:180px}.field label{font-size:10px;color:#8994a4;font-weight:700;letter-spacing:.3px}input{height:40px;background:#090d14;color:#e8ebef;border:1px solid #303a49;border-radius:5px;padding:0 11px;outline:none;min-width:150px}input:focus{border-color:#8b6638;box-shadow:0 0 0 2px rgba(195,144,73,.08)}button,.button,.discord{height:40px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#9c632e,#75421f);border:1px solid #c28a4b;color:#fff4de;border-radius:5px;padding:0 16px;text-decoration:none;font-weight:800;font-size:12px;cursor:pointer;white-space:nowrap}button:hover,.button:hover{filter:brightness(1.12)}.secondary{background:#171e29;border-color:#394455;color:#cbd2dc}.danger{background:#4a1b1c;border-color:#7a2b2d;color:#ffb8b4}.small,button.small{height:31px;padding:0 10px;font-size:10px}.filter-caption,.muted{font-size:11px;color:#7f8a99}.filter-caption{margin:12px 0 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:620px}th{text-align:left;color:#6f7b8c;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:10px 12px;border-bottom:1px solid #29313d}td{padding:13px 12px;border-bottom:1px solid #202733;color:#d9dde3;font-size:12px}tbody tr:hover{background:rgba(255,255,255,.018)}tbody tr:last-child td{border-bottom:0}.boss-name{display:flex;align-items:center;gap:10px}.boss-orb{width:31px;height:31px;display:grid;place-items:center;background:radial-gradient(circle,#4d211c,#171016);border:1px solid #5b3028;color:#dc9a61}.score-badge{display:inline-block;color:#efc063;background:#2c2214;border:1px solid #5d4825;border-radius:4px;padding:5px 8px;font-weight:800}.date-cell{color:#8995a5}.empty{text-align:center!important;color:#687483!important;padding:34px!important}.admin-shortcut{margin-top:15px;border:1px solid #3b2f25;background:linear-gradient(90deg,#241914,#111720);padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.admin-shortcut b,.admin-shortcut span{display:block}.admin-shortcut b{font-size:13px}.admin-shortcut span{font-size:10px;color:#8d98a6;margin-top:3px}.flash{background:#17263a;border:1px solid #29486e;color:#cde1ff;padding:12px 15px;margin-bottom:15px;font-size:12px}.flash.warning{background:#302313;border-color:#684c26;color:#f1ce8e}.flash a{font-weight:800}.distribution-hero{min-height:150px;border:1px solid #503b24;background:radial-gradient(circle at 78% 50%,rgba(187,126,46,.16),transparent 25%),linear-gradient(120deg,#17120f,#111722 55%,#17130f);display:flex;align-items:center;justify-content:space-between;padding:28px 32px;margin-bottom:15px}.distribution-hero small{font-size:9px;color:#b38b51;letter-spacing:2px}.distribution-hero h2{font-family:Georgia,serif;font-size:23px;margin:8px 0}.distribution-hero h2 span{color:#765d3e;margin:0 8px}.distribution-hero p{font-size:11px;color:#8994a2;margin:0}.diamond-total{display:flex;align-items:center;gap:14px;color:#6bb8ff}.diamond-total>span{font-size:36px;text-shadow:0 0 20px #1771bd}.diamond-total small{display:block;color:#8995a5;letter-spacing:0}.diamond-total strong{display:block;color:#fff;font-size:28px;margin-top:4px}.diamond-value{color:#7cc2ff;font-weight:800}.rank{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#1b222e;color:#8f9aaa;font-weight:800}.rank.top{background:#392a15;border:1px solid #76582a;color:#f0c66d}.distribution-metrics{grid-template-columns:repeat(3,1fr)}.empty-state{text-align:center;padding:65px 20px}.empty-state .empty-icon{font-size:35px;color:#4b6f91}.empty-state h2{font-size:18px}.empty-state p{color:var(--muted);font-size:12px}.admin-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.admin-grid .panel{margin:0}.settings-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.input-unit{position:relative}.input-unit input{padding-right:35px;width:160px}.input-unit span{position:absolute;right:11px;top:12px;font-size:10px;color:#7c8795}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-stats div{background:#0b1017;border:1px solid #252e3a;padding:16px 10px;text-align:center}.mini-stats strong{display:block;font-size:24px;color:#e5bb70}.mini-stats span{font-size:9px;color:#7d8998}.actions{display:flex;gap:6px;align-items:center}.actions form{margin:0}.role-badge{font-size:9px;background:#1b2430;border:1px solid #344154;color:#aab5c4;padding:5px 7px;border-radius:3px}.role-badge.admin{background:#312512;border-color:#5d4825;color:#efc16d}.role-badge.inactive{background:#35191b;border-color:#65292d;color:#e78e8e}.distribution-admin{border-color:#403323}.compact{margin-bottom:14px}.confirm-row{display:flex;justify-content:flex-end;gap:10px;align-items:center}.confirm-row form{margin:0}.confirm-row input[type=hidden]{display:none}.profile-card{max-width:650px;display:flex;gap:22px;padding:28px}.profile-avatar{width:82px;height:82px;flex:0 0 82px;display:grid;place-items:center;font-size:31px;color:#e6b867;background:radial-gradient(circle,#4a2820,#151117);border:1px solid #704832}.profile-info{flex:1}.profile-info>small{font-size:9px;color:#7f8997;letter-spacing:1.5px}.profile-info h2{margin:4px 0 18px}.profile-info input{width:100%;max-width:380px}.profile-info form{display:flex;align-items:end;gap:10px}.guest-content{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 20% 20%,#381719,transparent 30%),radial-gradient(circle at 80% 70%,#18203a,transparent 35%),#080a0f}.login-page{width:min(900px,100%);min-height:520px;display:grid;grid-template-columns:1.2fr 1fr;border:1px solid #3c3027;box-shadow:0 30px 100px rgba(0,0,0,.55)}.login-art{padding:55px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 50% 25%,rgba(173,48,36,.35),transparent 24%),linear-gradient(150deg,rgba(16,12,14,.4),rgba(7,9,13,.98)),linear-gradient(30deg,#2a1114,#101620);position:relative}.login-crest{position:absolute;top:55px;left:55px;width:70px;height:70px;display:grid;place-items:center;font-size:37px;color:#f1c274;border:1px solid #86573a;background:#211416}.login-art>span{font-size:9px;letter-spacing:2.5px;color:#b58b55}.login-art h1{font-family:Georgia,"Noto Serif KR",serif;font-size:58px;margin:5px 0;color:#f0d0a0;letter-spacing:8px}.login-art p{font-family:Georgia,"Noto Serif KR",serif;font-size:27px;line-height:1.5;margin:10px 0 0}.login-card{padding:55px 45px;display:flex;flex-direction:column;justify-content:center;background:#0e131b}.login-card h2{font-size:25px;margin:8px 0}.login-card p{font-size:12px;color:#929dac;line-height:1.8;margin-bottom:25px}.login-card .discord{background:#5865f2;border-color:#7480ff;height:46px}.login-card>small{font-size:9px;color:#626d7b;margin-top:14px;line-height:1.6}
@media(max-width:900px){:root{--sidebar:220px}.sidebar{transform:translateX(-100%);transition:.2s}.menu-open .sidebar{transform:translateX(0);box-shadow:30px 0 80px #000}.page-shell{margin-left:0}.menu-toggle{display:block}.content{padding:28px 18px 55px}.metric-grid,.distribution-metrics{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.page-title{align-items:flex-start}.distribution-hero{padding:23px}.login-page{grid-template-columns:1fr}.login-art{min-height:310px;padding:35px}.login-crest{top:35px;left:35px}.login-card{padding:40px 35px}}
@media(max-width:620px){.topbar{padding:0 16px}.content{padding:24px 13px 50px}.page-title{display:block}.page-title .button{margin-top:15px}.page-title h1{font-size:25px}.refresh-note{margin-top:10px}.metric-grid,.distribution-metrics{grid-template-columns:1fr}.metric-card{min-height:100px;padding:17px}.metric-card strong{font-size:27px}.panel{padding:16px 13px}.panel-title.split{align-items:flex-start;gap:10px}.date-filter{display:grid;grid-template-columns:1fr 1fr}.date-filter .field,.date-filter input{width:100%;min-width:0}.date-filter button,.date-filter .button{width:100%}.date-filter .grow{grid-column:1/-1}.distribution-hero{display:block}.diamond-total{margin-top:25px}.admin-shortcut{display:block}.admin-shortcut .button{margin-top:12px}.settings-form{display:grid;grid-template-columns:1fr 1fr}.settings-form .field,.settings-form input{width:100%}.settings-form button{grid-column:1/-1}.mini-stats{grid-template-columns:1fr 1fr 1fr}.actions{min-width:180px}.profile-card{display:block}.profile-avatar{margin-bottom:18px}.profile-info form{display:block}.profile-info button{margin-top:10px;width:100%}.login-art{min-height:270px}.login-art h1{font-size:45px}.login-art p{font-size:22px}.login-card{padding:32px 25px}.confirm-row{align-items:stretch;flex-direction:column}.confirm-row .button,.confirm-row button{width:100%}}
/* V6.2.3 distribution management */
.metric-grid{grid-template-columns:repeat(4,1fr)}
a.metric-card{text-decoration:none}.reward-card{color:#70c8ff;border-top-color:#3784ad;background:radial-gradient(circle at 90% 15%,rgba(54,151,212,.12),transparent 35%),linear-gradient(180deg,rgba(18,24,34,.96),rgba(12,17,25,.96))}.reward-card strong{color:#8bd4ff}.cycle-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 17px;margin:12px 0 15px;border:1px solid #3c3327;background:linear-gradient(90deg,#19150f,#101722)}.cycle-strip div{display:flex;align-items:center;gap:12px}.cycle-strip b{font-size:12px;color:#e6bd73}.cycle-strip span{font-size:10px;color:#8d98a6}.cycle-strip>strong{font-size:13px;color:#fff}.payment-status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:4px;font-size:10px;font-weight:800}.payment-status.paid{background:#142b22;border:1px solid #285b45;color:#75d5a3}.payment-status.unpaid{background:#332513;border:1px solid #6b4b22;color:#f1bd65}.inline-form{display:inline-block;margin-left:6px}.cycle-admin-preview{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.cycle-admin-preview>div{padding:13px;background:#0b1017;border:1px solid #252e3a}.cycle-admin-preview small,.cycle-admin-preview b{display:block}.cycle-admin-preview small{font-size:9px;color:#7d8998;margin-bottom:5px}.cycle-admin-preview b{font-size:12px}.unpaid-total{text-align:right}.unpaid-total small,.unpaid-total strong{display:block}.unpaid-total small{font-size:9px;color:#8995a5}.unpaid-total strong{font-size:21px;color:#79c9ff;margin-top:4px}.unpaid-admin{border-color:#3b382d}.latest-public{margin-top:14px}
@media(max-width:900px){.metric-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.metric-grid{grid-template-columns:1fr}.cycle-strip,.cycle-strip div{align-items:flex-start;flex-direction:column;gap:5px}.cycle-admin-preview{grid-template-columns:1fr}.unpaid-total{text-align:left;margin-top:8px}}
.inline-stat-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-stat-form label{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted,#9ca3af)}.inline-stat-form input{width:72px;min-width:72px;padding:7px 8px;text-align:center}.inline-stat-form button{white-space:nowrap}
