:root{--surface:#f7f7f5;--paper:#fff;--ink:#171717;--muted:#777;--soft:#626262;--line:#e5e5e0;--line-strong:#d6d6d0;color:var(--ink);background:var(--surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:PingFang SC,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}html{background:var(--surface);min-width:320px}body{min-width:320px;min-height:100svh;margin:0}img,svg{display:block}a{color:inherit}.admin-login{background:#fafaf8;justify-content:center;align-items:center;height:100vh;display:flex}.login-card{background:#fff;border:1px solid #e3e3dd;border-radius:12px;width:360px;padding:32px}.login-logo{align-items:center;gap:10px;margin-bottom:24px;display:flex}.login-logo span{color:#fff;background:#171717;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:700;display:flex}.login-logo strong{font-size:16px;display:block}.login-logo small{color:#747474;font-size:12px;display:block}.login-card input{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:12px;padding:12px;font-size:14px}.login-card button{color:#fff;cursor:pointer;background:#171717;border:0;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:600}.login-card button:disabled{opacity:.5;cursor:not-allowed}.login-error{color:#e53e3e;text-align:center;margin-bottom:12px;font-size:13px}.admin-shell{color:#171717;background:#f6f6f3;min-height:100svh;display:grid}.admin-nav{background:#ffffffd1;border-bottom:1px solid #e3e3dd;border-right:1px solid #e3e3dd;padding:16px}.admin-logo{align-items:center;gap:12px;margin-bottom:14px;display:flex}.admin-logo span{color:#fff;background:#111;border-radius:14px;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:23px;display:grid}.admin-logo strong,.admin-logo small{display:block}.admin-logo small,.admin-topbar p,.panel-heading p,.panel p,.metric-card span{color:#747474}.admin-nav nav{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.admin-nav button,.review-actions button,.upload-panel button,.job-row button{font:inherit;cursor:pointer;border:0;border-radius:8px}.admin-nav nav button,.logout{color:#626262;background:0 0;flex:none;align-items:center;gap:10px;padding:12px 14px;display:flex}.admin-nav nav button.active,.admin-nav nav button:hover{color:#fff;background:#171717}.logout{width:100%;margin-top:28px;display:none}.admin-main{min-width:0;padding:clamp(16px,3vw,34px)}.admin-topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.admin-topbar-right{align-items:center;gap:16px;display:flex}.admin-user{color:#555;white-space:nowrap;font-size:13px;font-weight:500}.admin-topbar h1{margin:0;font-size:clamp(34px,5vw,58px);line-height:1}.admin-topbar p{margin:0 0 6px;font-weight:700}.admin-search{background:#fff;border:1px solid #deded8;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:0 14px;display:grid}input,select,textarea{box-sizing:border-box;color:#171717;width:100%;font:inherit;background:#fff;border:1px solid #d8d8d0;border-radius:8px;padding:12px 13px}.admin-search input{border:0;outline:0}.dashboard-cards,.workflow,.split,.left-stack{gap:14px;display:grid}.dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.metric-card,.workflow article,.panel{background:#fff;border:1px solid #e3e3dd;border-radius:8px;box-shadow:0 16px 40px #0000000a}.metric-card{gap:8px;padding:18px;display:grid}.metric-card strong{font-size:30px}.workflow{margin-bottom:18px}.workflow article{gap:8px;padding:18px;display:grid;position:relative}.workflow article>span{color:#1769c2;background:#edf6ff;border-radius:999px;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.workflow p{color:#626262;margin:0}.workflow em{color:#747474;font-style:normal;position:absolute;top:18px;right:18px}.panel{padding:20px}.upload-panel{align-content:start;gap:16px;display:grid}.upload-panel h2,.review-panel h2{margin:0}label{color:#626262;gap:8px;display:grid}.upload-panel button,.job-row button,.review-actions button:last-child{color:#fff;background:#171717;padding:13px 18px;font-weight:700}.upload-panel button:disabled,.job-row button:disabled,.review-actions button:disabled{cursor:not-allowed;opacity:.55}.job-notice{border-radius:8px;padding:12px 14px;font-size:14px;line-height:1.5}.job-hint{color:#1769c2;background:#f2f8ff;border:1px solid #d8e8ff;border-radius:8px;padding:12px 14px;font-size:14px;line-height:1.55}.job-notice.success{color:#0b6f35;background:#e9f8ee;border:1px solid #bfe9cd}.job-notice.error{color:#b10917;background:#fff0f0;border:1px solid #ffd0d3}.jobs-panel{gap:14px;display:grid}.jobs-panel h2{margin:0}.job-list{gap:10px;display:grid}.job-row{border:1px solid #e3e3dd;border-radius:8px;grid-template-columns:auto 1fr;gap:6px 10px;padding:12px;display:grid}.job-row strong{color:#1769c2}.job-row span{overflow-wrap:anywhere}.job-row em{color:#747474;grid-column:2;font-style:normal}.job-row button{grid-column:1/-1;justify-self:start;padding:10px 12px;font-size:14px}.empty-state{color:#747474;text-align:center;align-content:center;place-items:center;gap:10px;min-height:260px;display:grid}.empty-state h2,.empty-state p{margin:0}.panel-heading{justify-content:space-between;align-items:start;gap:16px;margin-bottom:16px;display:flex}.panel-heading input{margin-top:6px;font-size:20px;font-weight:700}.review-meta{gap:12px;margin-bottom:14px;display:grid}.summary-field{margin-bottom:14px}.panel-heading span{color:#805600;background:#fff6d9;border-radius:999px;padding:6px 10px;font-size:13px}.caption-table{border:1px solid #e3e3dd;border-radius:8px;overflow:auto}.table-head,.table-row{grid-template-columns:70px 1.4fr 1.25fr 1fr;min-width:850px;display:grid}.table-head{color:#747474;background:#f0f0eb;font-weight:700}.table-head span,.table-row>span,.table-row textarea,.table-row input{border:0;border-bottom:1px solid #e3e3dd;border-radius:0;padding:12px}.table-row textarea,.table-row input{resize:vertical;min-height:58px}.review-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.review-actions button:first-child{color:#171717;background:#efefea;padding:13px 18px}.list-panel{gap:14px;display:grid}.list-panel h2{margin:0}.compact-list{gap:10px;display:grid}.compact-row{background:#fff;border:1px solid #e3e3dd;border-radius:8px;gap:5px;padding:13px;display:grid}.compact-row strong{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.compact-row em{color:#626262;background:#f0f0eb;border-radius:999px;padding:2px 8px;font-size:12px;font-style:normal}.compact-row span,.compact-row small{color:#747474}.row-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.row-actions button{color:#fff;cursor:pointer;font:inherit;background:#171717;border:0;border-radius:8px;padding:9px 12px}.row-actions button.danger{background:#b10917}.row-actions button:disabled{cursor:not-allowed;opacity:.55}.user-actions{flex-direction:column;gap:4px;display:flex}.user-actions button{padding:5px 10px;font-size:12px}.btn-disable{color:#e53e3e!important;background:#fff!important;border:1px solid #e53e3e!important}.btn-enable{color:#0a7c2d!important;background:#fff!important;border:1px solid #0a7c2d!important}.btn-role{color:#555!important;background:#fff!important;border:1px solid #ddd!important}@media (width>=760px){.dashboard-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.workflow{grid-template-columns:repeat(5,minmax(0,1fr))}.review-meta{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1040px){.admin-shell{grid-template-columns:270px 1fr}.admin-nav{border-bottom:0;height:100svh;padding:22px;display:block;position:sticky;top:0}.admin-logo{margin-bottom:28px}.admin-nav nav{padding-bottom:0;display:grid;overflow:visible}.logout{display:flex}.admin-topbar{grid-template-columns:1fr minmax(280px,420px);align-items:center}.split{grid-template-columns:minmax(300px,.42fr) minmax(500px,1fr);align-items:start}}.compact-row.clickable{cursor:pointer;transition:background .15s,border-color .15s}.compact-row.clickable:hover{background:#f7f7f5;border-color:#c8292d}.user-stats-panel{background:#fafaf8;border:1px solid #e3e3dd;border-radius:8px;margin-top:4px;padding:16px}.stat-row{gap:16px;margin-bottom:16px;display:flex}.stat-item{text-align:center;background:#fff;border:1px solid #e3e3dd;border-radius:8px;flex:1;padding:12px}.stat-label{color:#747474;margin-bottom:4px;font-size:12px;display:block}.stat-value{color:#171717;font-size:22px;display:block}.growth-section{margin-top:8px}.growth-chart{align-items:flex-end;gap:8px;height:80px;padding-top:8px;display:flex}.growth-bar-wrap{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.growth-bar{background:linear-gradient(#e05558,#c8292d);border-radius:4px 4px 0 0;width:100%;max-width:32px;min-height:4px}.growth-bar-wrap small{color:#747474;font-size:10px}.growth-bar-wrap span{color:#171717;font-size:12px;font-weight:600}.add-sub-form{background:#fafaf8;border:1px solid #e3e3dd;border-radius:8px;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:12px;display:flex}.add-sub-form input,.add-sub-form select{border:1px solid #ddd;border-radius:6px;min-width:80px;padding:8px 10px;font-size:13px}.add-sub-form button{color:#fff;cursor:pointer;background:#171717;border:0;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600}.form-message{color:#171717;margin:8px 0;font-size:13px}.filter-bar{gap:6px;margin-bottom:12px;display:flex}.filter-bar button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 12px;font-size:12px}.filter-bar button.active{color:#fff;background:#171717;border-color:#171717}.bulk-section{background:#fafaf8;border:1px solid #e3e3dd;border-radius:8px;margin-top:16px;padding:12px}.bulk-section h3{color:#747474;margin:0 0 8px;font-size:13px}.bulk-section textarea{resize:vertical;border:1px solid #ddd;border-radius:6px;width:100%;padding:8px;font-family:monospace;font-size:12px}.bulk-section button{color:#fff;cursor:pointer;background:#171717;border:0;border-radius:6px;margin-top:8px;padding:8px 16px;font-size:13px;font-weight:600}.user-search-bar{gap:8px;margin-bottom:16px;display:flex}.user-search-bar input{border:1px solid #ddd;border-radius:6px;flex:1;padding:8px 12px;font-size:13px}.user-search-bar button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 16px;font-size:13px}.user-row{align-items:center;gap:16px;display:flex}.user-info{flex:1;min-width:0}.user-info strong{font-size:14px;display:block}.user-info span{color:#747474;margin-top:2px;font-size:12px;display:block}.user-info small{color:#999;margin-top:2px;font-size:11px;display:block}.user-pw{color:#888;word-break:break-all;background:#f5f5f0;border-radius:4px;margin-top:3px;padding:2px 6px;font-family:Courier New,monospace;font-size:11px;display:block}.user-sub-info{flex-direction:column;align-items:center;gap:4px;min-width:100px;display:flex}.user-sub-info small{color:#999;font-size:11px}.sub-badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.sub-badge.active{color:#0a7c2d;background:#e6f9ed}.sub-badge.none{color:#999;background:#f0f0eb}.extend-form{background:#fafaf8;border:1px solid #e3e3dd;border-radius:8px;margin-bottom:12px;padding:14px}.extend-form strong{margin-bottom:8px;font-size:13px;display:block}.extend-controls{align-items:center;gap:8px;display:flex}.extend-controls select,.extend-controls input{border:1px solid #ddd;border-radius:6px;padding:6px 10px;font-size:13px}.extend-controls input{width:80px}.extend-controls button{color:#fff;cursor:pointer;background:#171717;border:0;border-radius:6px;padding:6px 14px;font-size:13px}.extend-controls .cancel-btn{color:#747474;background:0 0;border:1px solid #ddd}.heading-actions{align-items:center;gap:12px;display:flex}.export-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 14px;font-size:13px}.export-btn:hover{background:#f5f5f0}.search-bar{margin-bottom:16px}.search-bar input{border:1px solid #ddd;border-radius:8px;width:100%;padding:10px 14px;font-size:14px}.search-bar input:focus{border-color:#999;outline:none}.bulk-generate-bar{align-items:center;gap:8px;margin-bottom:12px;display:flex}.bulk-generate-bar select,.bulk-generate-bar input{border:1px solid #ddd;border-radius:6px;padding:8px 12px;font-size:13px}.bulk-generate-bar input{width:80px}.bulk-generate-bar button{color:#fff;cursor:pointer;background:#171717;border:0;border-radius:6px;padding:8px 20px;font-size:13px;font-weight:600}.bulk-generate-bar button:disabled{opacity:.5;cursor:not-allowed}.generated-codes{margin-top:8px}.generated-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.generated-header span{font-size:13px;font-weight:600}.generated-header button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:4px 12px;font-size:12px}.generated-codes textarea{resize:vertical;background:#fafaf8;border:1px solid #ddd;border-radius:6px;width:100%;padding:8px;font-family:Courier New,monospace;font-size:13px}