:root{--bg:#050505;--nav:#131313;--workspace:#1a1919;--surface:#20201f;--surface-high:#292927;--surface-glass:#20201fad;--surface-solid:#20201fe0;--text:#f7f5f2;--muted:#a5a7ad;--subtle:#6f747c;--line:#ffffff14;--field-bg:#151515;--field-preview-bg:#111;--table-head-bg:#1c1c1b;--hover-bg:#5bb1ff14;--hover-bg-strong:#5bb1ff1f;--hover-row-bg:#5bb1ff0d;--soft-bg:#ffffff0a;--control-bg:#ffffff0f;--badge-bg:#ffffff12;--modal-backdrop:#00000094;--login-glow:#5bb1ff24;--shadow-soft:#00000052;--shadow-strong:#00000075;--focus-ring:#5bb1ff3d;--progress-bg:#5bb1ff21;--scrollbar-thumb:#5bb1ff33;--success-bg:#42d3921f;--danger-bg:#ff6b731f;--warn-bg:#ffce6b1f;--success-shadow:#42d39224;--danger-shadow:#ff6b7329;--on-primary:#00111c;--on-danger:#fff;--on-warn:#1b1200;--primary:#5bb1ff;--primary-strong:#44a3f5;--cyan:#00f2fe;--success:#42d392;--danger:#ff6b73;--warn:#ffce6b;color:var(--text);background:var(--bg);font-family:PingFang SC,Plus Jakarta Sans,Arial,sans-serif}html[data-theme=light]{--bg:#f3f6fb;--nav:#fff;--workspace:#eef3f9;--surface:#fff;--surface-high:#f7faff;--surface-glass:#ffffffc7;--surface-solid:#fffffff0;--text:#142033;--muted:#526173;--subtle:#778397;--line:#1420331a;--field-bg:#f5f8fc;--field-preview-bg:#eef3f8;--table-head-bg:#f3f7fc;--hover-bg:#3789d717;--hover-bg-strong:#3789d724;--hover-row-bg:#3789d70f;--soft-bg:#1420330a;--control-bg:#1420330f;--badge-bg:#14203312;--modal-backdrop:#0f172a6b;--login-glow:#44a3f52e;--shadow-soft:#0f172a24;--shadow-strong:#0f172a38;--focus-ring:#1478d438;--progress-bg:#1478d41f;--scrollbar-thumb:#1478d43d;--success-bg:#1284551f;--danger-bg:#c93d481f;--warn-bg:#a163001f;--success-shadow:#12845524;--danger-shadow:#c93d4829;--primary:#1478d4;--primary-strong:#0b66bd;--success:#128455;--danger:#c93d48;--warn:#a16300;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{background:var(--bg);min-width:1180px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.svg-icon{color:currentColor;fill:none;vertical-align:-.15em;flex:none;display:inline-block}.admin-shell{background:var(--bg);min-height:100vh;display:flex}.sidebar{background:var(--nav);flex:0 0 240px;width:240px;min-height:100vh;padding:20px 14px;position:sticky;top:0;overflow-y:auto}.brand,.login-brand{align-items:center;gap:12px;display:flex}.brand{padding:6px 8px 22px}.brand-mark{width:52px;height:44px;color:var(--on-primary);letter-spacing:0;background:linear-gradient(135deg,#00f2fe 0%,#4facfe 100%);border-radius:8px;place-items:center;font-size:13px;font-weight:800;display:grid;box-shadow:0 0 24px #4facfe47}.brand strong,.login-brand h1{color:var(--text);margin:0;font-size:18px;display:block}.brand span,.login-brand span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.nav-groups{gap:18px;display:grid}.nav-groups p{color:var(--subtle);margin:0 0 8px;padding:0 12px;font-size:12px}.nav-link{min-height:40px;color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:0 12px;text-decoration:none;transition:color .2s,background .2s;display:flex;position:relative}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--hover-bg)}.nav-link.active:before{content:"";background:linear-gradient(#00f2fe,#4facfe);border-radius:6px;width:3px;position:absolute;top:8px;bottom:8px;left:0}.main-area{background:var(--workspace);flex:1;min-width:0;padding:0 28px 40px}.topbar{background:var(--workspace);justify-content:space-between;align-items:center;gap:20px;min-height:84px;display:flex}.topbar h1,.page-hero h2,.panel h2,.modal-head h2,.drawer-head h2{color:var(--text);letter-spacing:0;margin:0}.topbar h1{font-size:24px}.eyebrow{color:var(--primary);letter-spacing:0;margin:0 0 6px;font-size:12px}.top-actions{align-items:center;gap:12px;display:flex}.admin-chip{background:var(--surface);border-radius:8px;min-width:142px;padding:9px 12px}.admin-chip span,.admin-chip small{display:block}.admin-chip small{color:var(--muted);margin-top:2px}.page-stack{gap:18px;display:grid}.page-hero,.filter-bar,.panel,.table-shell,.pager,.metric-card{background:var(--surface);border-radius:8px}.page-hero{justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.page-hero h2{font-size:22px}.page-hero span{color:var(--muted);margin-top:8px;font-size:14px;display:block}.filter-bar{flex-wrap:wrap;align-items:end;gap:12px;padding:16px;display:flex}.filter-bar label,.form-field,.login-form label{gap:7px;display:grid}.filter-bar label{min-width:170px}.filter-bar span,.form-field span,.login-form span{color:var(--muted);font-size:12px}input,select,textarea{width:100%;color:var(--text);background:var(--field-bg);border:0;border-radius:8px;outline:none;padding:10px 12px}textarea{resize:vertical;line-height:1.6}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus-ring)}.form-image-field,.case-cover-field{gap:10px;display:grid}.form-image-field img,.form-image-field video,.case-cover-field img{object-fit:cover;background:var(--field-preview-bg);border-radius:8px;width:100%;max-height:180px}.upload-pick{background:var(--hover-bg-strong);width:max-content;min-height:34px;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex;position:relative}.upload-pick.action{border:0}.upload-pick input{opacity:0;cursor:pointer;position:absolute;inset:0}.work-picker-field{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.case-asset-field{gap:12px;display:grid}.case-asset-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.case-asset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.case-asset-card{background:var(--soft-bg);border-radius:8px;min-width:0;padding:10px;display:grid}.case-asset-preview{background:var(--field-preview-bg);aspect-ratio:4/3;border-radius:8px;position:relative;overflow:hidden}.case-asset-preview img,.case-asset-preview video{object-fit:cover;width:100%;height:100%}.case-long-preview{background:var(--soft-bg);border-radius:8px;gap:10px;padding:10px;display:grid}.case-long-preview>span{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.case-long-preview small{color:var(--subtle)}.case-long-preview img{object-fit:contain;background:var(--field-preview-bg);border-radius:8px;width:100%;max-height:260px}.case-asset-remove{color:#fff;background:#00000094;border:0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;display:inline-flex;position:absolute;top:8px;right:8px}.case-asset-empty,.work-picker-empty{background:var(--soft-bg);min-height:92px;color:var(--subtle);border-radius:8px;place-items:center;font-size:13px;display:grid}.json-editor{display:none}.work-picker-panel{width:min(980px,100vw - 48px)}.work-picker-search{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:14px;display:grid}.work-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.work-card{background:var(--soft-bg);min-width:0;color:var(--text);text-align:left;border:0;border-radius:8px;gap:10px;padding:10px;transition:background .2s,transform .2s,box-shadow .2s;display:grid}.work-card:hover{background:var(--hover-bg);box-shadow:0 14px 36px var(--shadow-soft);transform:translateY(-2px)}.work-card-preview{background:var(--field-preview-bg);aspect-ratio:4/3;border-radius:8px;display:block;overflow:hidden}.work-card-preview img,.work-card-preview video{object-fit:cover;width:100%;height:100%}.work-card-empty{height:100%;color:var(--subtle);place-items:center;font-size:12px;display:grid}.work-card-body{gap:4px;min-width:0;display:grid}.work-card-body strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.work-card-body small,.pager-actions>span{color:var(--subtle);font-size:12px}.pager-actions{justify-content:space-between;align-items:center}.pager-actions div{gap:10px;display:flex}.primary-btn,.ghost-btn,.theme-toggle,.icon-btn,.circle-btn{min-height:38px;color:var(--text);border:0;border-radius:8px;padding:0 14px}.primary-btn{color:var(--on-primary);background:linear-gradient(135deg,#00f2fe 0%,#4facfe 100%);font-weight:700}.primary-btn.danger{color:var(--on-danger);background:linear-gradient(135deg,#ff6b73 0%,#cf3f4a 100%)}.primary-btn.warn{color:var(--on-warn);background:linear-gradient(135deg,#ffce6b 0%,#f3a942 100%)}.primary-btn.full{width:100%}.ghost-btn,.theme-toggle,.icon-btn,.circle-btn{background:var(--control-bg)}.ghost-btn:hover,.theme-toggle:hover,.icon-btn:hover,.circle-btn:hover{background:var(--hover-bg-strong)}.theme-toggle{width:38px;color:var(--muted);justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-toggle:hover{color:var(--text)}.icon-btn{white-space:nowrap;min-height:30px;padding:0 10px;font-size:12px}.icon-btn.danger{color:var(--danger)}.icon-btn.warn{color:var(--warn)}.circle-btn{width:36px;padding:0;font-size:22px}.table-shell{overflow:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%;min-width:980px}.data-table th,.data-table td{text-align:left;white-space:nowrap;padding:14px 12px;font-size:13px}.data-table th{color:var(--subtle);background:var(--table-head-bg);font-weight:500}.data-table td{color:var(--muted);background:var(--surface);vertical-align:middle}.data-table tr:hover td{background:var(--hover-row-bg)}.action-col,.action-cell{width:124px;min-width:124px;max-width:124px;position:sticky;right:0;background:var(--surface)!important}.action-cell{overflow:visible}.data-table tr:hover .action-cell{background:var(--hover-row-bg)!important}.action-cluster{justify-content:flex-end;align-items:center;gap:6px;width:100%;display:inline-flex;position:relative}.circle-mini-btn{width:30px;height:30px;color:var(--text);background:var(--control-bg);border:0;border-radius:8px}.circle-mini-btn:hover{background:var(--hover-bg-strong)}.action-menu{z-index:1200;background:var(--surface-solid);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:118px;box-shadow:0 18px 44px var(--shadow-soft);border-radius:8px;gap:4px;padding:6px;display:grid;position:absolute;top:36px;right:0}.action-menu.up{top:auto;bottom:36px}.floating-action-menu{position:fixed;bottom:auto;right:auto}.action-menu button{min-height:32px;color:var(--text);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:0 10px}.action-menu button:hover{background:var(--hover-bg-strong)}.action-menu button.danger{color:var(--danger)}.action-menu button.warn{color:var(--warn)}.empty-cell{height:110px;text-align:center!important;color:var(--subtle)!important}.table-thumb{object-fit:cover;background:var(--field-preview-bg);border-radius:8px;width:52px;height:52px}.status-badge{min-height:24px;color:var(--muted);background:var(--badge-bg);border-radius:999px;align-items:center;padding:0 9px;font-size:12px;display:inline-flex}.status-badge.active,.status-badge.paid,.status-badge.success,.status-badge.super_admin{color:var(--success);background:var(--success-bg)}.status-badge.failed,.status-badge.banned,.status-badge.deleted,.status-badge.disabled,.status-badge.admin_deduct{color:var(--danger);background:var(--danger-bg)}.status-badge.processing,.status-badge.queued,.status-badge.pending,.status-badge.refunded{color:var(--warn);background:var(--warn-bg)}.pager{color:var(--muted);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.pager div{gap:10px;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{padding:18px}.metric-card span{color:var(--muted);font-size:13px}.metric-card strong{color:var(--text);margin-top:12px;font-size:26px;display:block}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.panel{padding:18px}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel h2{font-size:17px}.panel-head span{color:var(--muted);font-size:12px}.rank-list,.compact-table,.status-bars{gap:10px;display:grid}.rank-row,.compact-row,.timeline-row{background:var(--soft-bg);border-radius:8px;align-items:center;gap:12px;min-height:46px;padding:10px;display:grid}.rank-row{grid-template-columns:32px 1fr auto}.rank-row b{color:var(--primary)}.rank-row strong,.timeline-row strong{color:var(--text);display:block}.rank-row span,.timeline-row span{color:var(--subtle);margin-top:4px;font-size:12px;display:block}.rank-row em{color:var(--muted);font-style:normal}.status-bars>div{background:var(--soft-bg);border-radius:8px;grid-template-columns:1fr auto;gap:10px;padding:12px;display:grid;position:relative;overflow:hidden}.status-bars span,.status-bars strong{z-index:1;position:relative}.status-bars i{background:var(--progress-bg);position:absolute;top:0;bottom:0;left:0}.compact-row{grid-template-columns:1.4fr .8fr auto 150px}.compact-row span,.compact-row time{color:var(--muted);font-size:12px}.compact-row b{color:var(--text);font-weight:600}.login-page{background:radial-gradient(circle at 50% 0%, var(--login-glow), transparent 34%), var(--bg);place-items:center;min-height:100vh;display:grid}.login-theme-toggle{position:fixed;top:24px;right:24px}.login-panel{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:430px;box-shadow:0 28px 80px var(--shadow-soft);border-radius:8px;padding:34px}.login-form{gap:16px;margin-top:30px;display:grid}.modal-backdrop{z-index:30;background:var(--modal-backdrop);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);place-items:center;display:grid;position:fixed;inset:0}.modal-panel{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:min(860px,100vw - 48px);max-height:calc(100vh - 48px);box-shadow:0 28px 90px var(--shadow-strong);border-radius:8px;padding:22px;overflow:auto}.modal-panel.compact-modal{width:min(520px,100vw - 48px)}.modal-head,.drawer-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid.single{grid-template-columns:1fr}.form-field.wide{grid-column:1/-1}.form-field em{color:var(--danger);font-style:normal}.form-field small{color:var(--subtle);line-height:1.5}.confirm-copy{color:var(--muted);margin:0;line-height:1.7}.modal-actions{justify-content:flex-end;gap:12px;margin-top:22px;display:flex}.json-panel pre{white-space:pre-wrap;color:var(--muted);margin:0;line-height:1.6}.drawer{z-index:28;background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:520px;box-shadow:-24px 0 70px var(--shadow-soft);padding:24px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.drawer-section{background:var(--soft-bg);border-radius:8px;margin-bottom:16px;padding:16px}.drawer-section h3{margin:0 0 12px;font-size:15px}.user-card-inline{grid-template-columns:52px 1fr auto;align-items:center;gap:12px;display:grid}.user-card-inline img{object-fit:cover;border-radius:8px;width:52px;height:52px}.user-card-inline p{margin:0 0 6px}.drawer-actions{gap:8px;display:flex}.mini-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mini-metrics div{background:var(--soft-bg);border-radius:8px;padding:12px}.mini-metrics span,.mini-metrics strong{display:block}.mini-metrics span{color:var(--muted);font-size:12px}.mini-metrics strong{margin-top:6px;font-size:20px}.timeline-row{grid-template-columns:1fr auto}.timeline-row time{color:var(--subtle);font-size:12px}.toast{z-index:50;min-width:220px;color:var(--text);background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 18px 50px var(--shadow-soft);border-radius:8px;padding:13px 16px;position:fixed;top:24px;right:26px}.toast.success{box-shadow:0 18px 50px var(--success-shadow)}.toast.error{box-shadow:0 18px 50px var(--danger-shadow)}.toast-enter-active,.toast-leave-active,.modal-enter-active,.modal-leave-active,.drawer-enter-active,.drawer-leave-active{transition:opacity .22s,transform .22s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(-8px)}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-panel,.modal-leave-to .modal-panel{transform:translateY(10px)}.drawer-enter-from,.drawer-leave-to{opacity:0;transform:translate(24px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:8px}@media (width<=900px){.case-asset-grid,.work-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.work-picker-field,.work-picker-search,.case-asset-grid,.work-picker-grid,.form-grid{grid-template-columns:1fr}.pager-actions{flex-direction:column;align-items:stretch}}