:root { --navy:#18233d; --navy-2:#263755; --paper:#f4f0e9; --surface:#fffdf9; --ink:#172033; --muted:#647083; --coral:#df6d5f; --blue:#abc4d9; --line:#d6d9dd; --danger:#b8493f; }
* { box-sizing: border-box; }
body { min-height:100vh; margin:0; color:var(--ink); background-color:var(--paper); background-image:linear-gradient(rgba(24,35,61,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(24,35,61,.035) 1px,transparent 1px); background-size:34px 34px; font-family:"Noto Sans CJK SC","Microsoft YaHei",sans-serif; }
button,input,textarea,select { font:inherit; } button { cursor:pointer; } a { color:inherit; text-decoration:none; } .hidden { display:none!important; }
.login-screen { min-height:100vh; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr); }
.login-brand { position:relative; min-height:100vh; display:grid; align-content:space-between; padding:54px clamp(34px,7vw,120px); color:#fff; background:var(--navy); overflow:hidden; }
.login-brand::before { content:""; position:absolute; inset:0; opacity:.1; background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px); background-size:62px 62px; }
.login-brand::after { content:"ADMIN"; position:absolute; right:-34px; bottom:30px; color:rgba(255,255,255,.04); font:900 150px/1 Georgia,serif; }
.login-brand>* { position:relative; z-index:1; }
.admin-mark { width:48px; height:48px; display:grid; place-items:center; color:var(--navy); background:var(--coral); font:800 28px/1 Georgia,serif; }
.login-brand p,.kicker,.console-header p,.section-block header p { margin:0 0 9px; color:var(--coral); font-size:10px; font-weight:900; letter-spacing:.14em; }
.login-brand h1 { max-width:830px; margin:0; font:800 clamp(46px,6vw,92px)/1.04 Georgia,"Microsoft YaHei",serif; }
.login-brand>span { color:#8f9aaf; font-size:10px; letter-spacing:.16em; }
.login-panel { display:grid; place-items:center; padding:38px; background:rgba(255,253,249,.92); }
.login-panel form { width:min(420px,100%); }
.login-panel h2 { margin:0; font:800 40px/1.1 Georgia,"Microsoft YaHei",serif; }
.login-panel form>p:not(.kicker,.form-note) { margin:14px 0 34px; color:var(--muted); line-height:1.8; }
.login-panel label { display:block; margin-bottom:8px; color:var(--muted); font-size:12px; font-weight:800; }
.password-field { display:grid; grid-template-columns:1fr auto; border:1px solid var(--line); background:#fff; }
.password-field:focus-within { border-color:var(--navy); box-shadow:0 0 0 3px rgba(24,35,61,.1); }
.password-field input { min-width:0; height:50px; padding:0 14px; border:0; outline:0; }
.password-field button { width:60px; border:0; color:var(--coral); background:transparent; font-size:12px; font-weight:800; }
.primary-button,.outline-button,.refresh-button,.table-button { min-height:40px; border:1px solid var(--navy); border-radius:4px; padding:8px 14px; font-weight:800; }
.primary-button { width:100%; display:flex; align-items:center; justify-content:space-between; margin-top:14px; color:#fff; background:var(--navy); }
.primary-button span { color:var(--coral); font-size:20px; }.primary-button:disabled { opacity:.55; cursor:not-allowed; }
.form-note { min-height:24px; margin-top:12px; color:var(--danger); font-size:12px; }
.console { min-height:100vh; display:grid; grid-template-columns:220px minmax(0,1fr); }
.console-sidebar { position:sticky; top:0; height:100vh; display:grid; grid-template-rows:auto 1fr auto; gap:40px; padding:26px 18px; color:#fff; background:var(--navy); border-right:4px solid var(--coral); }
.console-wordmark { display:flex; align-items:center; gap:10px; }.console-wordmark>span { width:38px;height:38px;display:grid;place-items:center;color:var(--navy);background:var(--coral);font:800 23px/1 Georgia,serif; }.console-wordmark b,.console-wordmark small{display:block}.console-wordmark b{font:800 17px/1 Georgia,serif}.console-wordmark small{margin-top:4px;color:#9fa9bb;font-size:9px;letter-spacing:.16em}
.console-sidebar nav { display:grid; align-content:start; gap:4px; }.console-sidebar nav a{padding:12px;border-left:3px solid transparent;color:#b9c1d0;font-size:13px;font-weight:800}.console-sidebar nav a:hover,.console-sidebar nav a.active{border-left-color:var(--coral);color:#fff;background:var(--navy-2)}
.console-side-foot { display:grid; gap:10px; }.console-side-foot a,.console-side-foot button{padding:10px;border:1px solid #46536c;color:#c3cad6;background:transparent;text-align:left;font-size:12px;font-weight:800}.console-side-foot button{color:#f2a79c}
.console-page { min-width:0; padding:0 30px 60px; }.console-header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.console-header h1{margin:0;font:800 36px/1.1 Georgia,"Microsoft YaHei",serif}.refresh-button{background:var(--surface)}
#adminContent{width:min(1540px,100%);margin:0 auto;padding-top:24px;display:grid;gap:16px}.loading-state{min-height:320px;display:grid;place-items:center;color:var(--muted);background:var(--surface);border:1px solid var(--line)}
.metric-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.metric{min-height:130px;padding:20px;border-top:4px solid var(--blue);background:var(--surface);box-shadow:0 10px 24px rgba(24,35,61,.06)}.metric:nth-child(2),.metric:nth-child(5){border-top-color:var(--coral)}.metric span,.metric small{display:block;color:var(--muted);font-size:11px;font-weight:800}.metric strong{display:block;margin:15px 0 8px;font:800 36px/1 Georgia,serif}.metric small{letter-spacing:.12em}
.overview-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px}.section-block{background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 28px rgba(24,35,61,.055)}.section-block>header{padding:20px 20px 13px;border-bottom:1px solid var(--line)}.section-block h2{margin:0;font:800 25px/1.15 Georgia,"Microsoft YaHei",serif}.status-lines{padding:10px 20px 20px;display:grid}.status-lines span{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e5e3df;color:var(--muted);font-size:13px}.status-lines b{color:var(--ink)}
.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:12px 14px;border-bottom:1px solid #e5e3df;text-align:left;font-size:12px}th{color:var(--muted);background:#f1eee8}td small{display:block;margin-top:4px;color:var(--muted)}.rank{display:inline-block;width:28px;color:var(--coral);font:800 13px/1 Georgia,serif}.access{padding:4px 7px;color:var(--muted);background:#ecebe8}.access.on{color:#2f725f;background:#e0f0ea}.table-button{min-height:32px;padding:5px 9px;background:#fff}.table-button.danger{color:var(--danger);border-color:#e8bbb5}
.entitlement-manager>header small{display:block;margin-top:8px;color:var(--muted);font-size:12px;line-height:1.65}.entitlement-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:14px;padding:18px}.entitlement-tool{min-width:0;display:grid;align-content:start;gap:15px;padding:18px;border:1px solid #dedbd5;background:#f6f3ed}.entitlement-tool.batch{background:#f2f4f6}.entitlement-tool-head{display:flex;align-items:flex-start;gap:12px}.entitlement-tool-head>span{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;color:#fff;background:var(--navy);font:800 12px/1 Georgia,serif}.entitlement-tool-head h3{margin:0;font:800 20px/1.15 Georgia,"Microsoft YaHei",serif}.entitlement-tool-head p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.entitlement-field{min-width:0;display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:800}.entitlement-field input,.entitlement-field textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:4px;padding:11px 12px;color:var(--ink);background:#fff;outline:0}.entitlement-field input{height:46px}.entitlement-field textarea{min-height:142px;resize:vertical;line-height:1.6}.entitlement-field input:focus,.entitlement-field textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(24,35,61,.1)}.entitlement-field>small{color:var(--muted);font-size:10px;font-weight:700}.entitlement-field>small.over-limit{color:var(--danger)}.entitlement-submit{min-height:46px;margin:0}.entitlement-result{margin:0 18px 18px;border:1px solid var(--line);background:#fff}.entitlement-result>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border-bottom:1px solid var(--line)}.entitlement-result header p{margin:0 0 5px;color:var(--coral);font-size:9px;font-weight:900;letter-spacing:.14em}.entitlement-result h3{margin:0;font:800 20px/1.15 Georgia,"Microsoft YaHei",serif}.result-close{width:36px;height:36px;border:1px solid var(--line);color:var(--muted);background:#fff;font-size:22px;line-height:1}.result-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.result-summary span{display:grid;gap:4px;padding:13px 15px;color:var(--muted);background:#f7f5f1;font-size:10px;font-weight:800}.result-summary b{color:var(--ink);font:800 24px/1 Georgia,serif}.result-summary .success b{color:#2f725f}.result-summary .not-found b,.result-summary .invalid b{color:var(--danger)}.result-note{margin:0;padding:12px 16px;color:var(--muted);background:#fbfaf7;font-size:11px}.result-list{max-height:290px;overflow:auto;padding:0 16px}.result-item{display:grid;grid-template-columns:minmax(130px,.65fr) minmax(0,1.35fr);align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid #ece9e3;font-size:11px}.result-item:last-child{border-bottom:0}.result-item>div{min-width:0}.result-item b,.result-item small{display:block}.result-item b{font-size:12px}.result-item small{margin-top:4px;color:var(--muted)}.result-item>span{justify-self:start;padding:4px 7px;color:var(--muted);background:#ecebe8}.result-item.success>span{color:#2f725f;background:#e0f0ea}.result-item.not-found>span,.result-item.invalid>span,.result-item.conflict>span{color:var(--danger);background:#f7e4e1}.user-access-table>header small{display:block;margin-top:8px;color:var(--muted);font-size:11px;line-height:1.55}
.entitlement-result.has-error{border-color:#e1a69f}.result-error{padding:16px;border-left:4px solid var(--danger);background:#fff1ef}.result-error b{display:block;color:var(--danger);font-size:14px}.result-error p{margin:7px 0 0;color:#754e49;font-size:11px;line-height:1.65}.validity-note{color:#2f725f;background:#edf6f2;font-weight:800}.result-expiry{color:#2f725f!important;font-weight:800}.expiry-date{color:#2f725f}.expiry-pending{color:#8a5c31;font-weight:800}
.invite-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px}.invite-maker{padding-bottom:20px}.invite-maker label{display:grid;gap:6px;margin:14px 20px;color:var(--muted);font-size:12px;font-weight:800}.invite-maker input{height:42px;padding:0 10px;border:1px solid var(--line);border-radius:4px}.invite-maker .primary-button,.invite-maker .outline-button{width:calc(100% - 40px);margin:10px 20px 0}.outline-button{background:#fff}.invite-maker>p{margin:15px 20px 0;color:var(--muted);font-size:11px;line-height:1.6}
.camp-editor>header{display:flex;align-items:center;justify-content:space-between;gap:18px}.review-badge{padding:7px 10px;color:#8a5c31;background:#f6ead6;font-size:11px;font-weight:800}.review-badge.on{color:#2f725f;background:#e0f0ea}.camp-editor-body{display:grid;gap:22px;padding:20px}.camp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.camp-grid label,.faq-row label{min-width:0;display:grid;align-content:start;gap:7px;color:var(--muted);font-size:12px;font-weight:800}.camp-grid .wide,.faq-row .wide{grid-column:1/-1}.camp-grid input,.camp-grid select,.camp-grid textarea,.faq-row input,.faq-row select,.faq-row textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:4px;padding:10px;color:var(--ink);background:#fff;outline:0}.camp-grid input,.camp-grid select,.faq-row input,.faq-row select{height:43px}.camp-grid textarea,.faq-row textarea{resize:vertical;line-height:1.65}.camp-grid input:focus,.camp-grid select:focus,.camp-grid textarea:focus,.faq-row input:focus,.faq-row select:focus,.faq-row textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(24,35,61,.1)}.faq-editor{border-top:1px solid var(--line);padding-top:20px}.faq-editor>header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.faq-editor h3{margin:0;font:800 22px/1.15 Georgia,"Microsoft YaHei",serif}.faq-editor header p{margin:0 0 7px;color:var(--coral);font-size:10px;font-weight:900;letter-spacing:.14em}#campFaqRows{display:grid;gap:10px}.faq-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 180px;gap:12px;padding:14px;background:#f5f2ec;border:1px solid #e1ddd6}.faq-row-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.camp-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:18px}.camp-actions p{margin-right:auto;color:var(--muted);font-size:11px}.camp-actions .primary-button{width:auto;min-width:210px;margin:0}.camp-actions .outline-button{min-height:40px;border:1px solid var(--navy);border-radius:4px;padding:8px 14px;font-weight:800}.camp-actions button:disabled{opacity:.55;cursor:not-allowed}
.toast{position:fixed;right:20px;bottom:20px;z-index:50;max-width:360px;padding:12px 16px;color:#fff;background:var(--navy);border-left:4px solid var(--coral);box-shadow:0 16px 36px rgba(24,35,61,.2);transform:translateY(140%);opacity:0;transition:.2s}.toast.show{transform:none;opacity:1}
@media(max-width:1050px){.metric-row{grid-template-columns:repeat(3,1fr)}.overview-grid{grid-template-columns:1fr}.entitlement-grid{grid-template-columns:1fr}.invite-layout{grid-template-columns:1fr}.invite-maker{display:grid;grid-template-columns:1fr 1fr;column-gap:0}.invite-maker header,.invite-maker>p{grid-column:1/-1}.camp-grid{grid-template-columns:1fr 1fr}.faq-row{grid-template-columns:1fr 1fr}.faq-row label:last-child{grid-column:1/-1}}
@media(max-width:760px){.login-screen{grid-template-columns:1fr}.login-brand{min-height:38vh;padding:28px 22px}.login-brand h1{font-size:42px}.login-brand>span{display:none}.login-panel{min-height:62vh;padding:28px 20px}.console{display:block}.console-sidebar{position:static;width:100%;height:auto;grid-template-columns:1fr auto;grid-template-rows:auto;align-items:center;padding:14px 16px}.console-sidebar nav{display:none}.console-side-foot{display:flex}.console-side-foot a{display:none}.console-side-foot button{padding:8px}.console-page{padding:0 12px 30px}.console-header{height:82px}.console-header h1{font-size:26px}.metric-row{grid-template-columns:1fr 1fr}.metric{min-height:108px;padding:15px}.metric strong{font-size:29px}.entitlement-grid{padding:12px}.entitlement-tool{padding:14px}.entitlement-result{margin:0 12px 12px}.result-summary{grid-template-columns:1fr 1fr}.result-item{grid-template-columns:1fr;gap:7px}.entitlement-mode{gap:7px 14px}.entitlement-mode label{min-height:40px}.result-close{width:42px;height:42px}.invite-maker{grid-template-columns:1fr}.camp-editor>header{align-items:flex-start;flex-direction:column}.camp-grid,.faq-row{grid-template-columns:1fr}.faq-row label:last-child{grid-column:auto}.camp-actions{align-items:stretch;flex-direction:column}.camp-actions p{margin-right:0}.camp-actions .primary-button{width:100%;min-width:0}}
@media(max-width:420px){.metric-row{grid-template-columns:1fr 1fr}.metric:last-child{grid-column:1/-1}.refresh-button{padding-inline:9px}.console-wordmark small{display:none}}