:root{--ink:#111827;--muted:#667085;--line:#e4e7ec;--primary:#7c3aed;--danger:#d92d20}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#f3f5f9}.admin-layout{min-height:100vh;display:grid;grid-template-columns:246px 1fr}.admin-sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;background:#111827;color:#fff;display:flex;flex-direction:column}.admin-brand{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;padding:0 6px 25px}.admin-brand>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#ff7a45,#f43f7f);font-size:20px;font-weight:900}.admin-brand b,.admin-brand small{display:block}.admin-brand small{color:#98a2b3;font-size:10px;margin-top:3px}.admin-sidebar nav{display:flex;flex-direction:column;gap:5px}.admin-sidebar nav a{color:#aeb7c7;text-decoration:none;padding:12px 13px;border-radius:12px;font-size:13px}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{color:#fff;background:#ffffff12}.logout-link{margin-top:auto;width:100%;border:1px solid #ffffff18;background:transparent;color:#aeb7c7;border-radius:12px;padding:11px}.admin-main{min-width:0}.admin-topbar{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#fff;border-bottom:1px solid var(--line)}.admin-topbar h1{font-size:22px;margin:0}.admin-topbar p{font-size:11px;color:var(--muted);margin:6px 0 0}.admin-account{background:#f2f4f7;border-radius:999px;padding:9px 14px;font-size:12px}.admin-content{padding:24px 28px 50px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat-grid article{background:#fff;border:1px solid #eaecf0;border-radius:18px;padding:18px;box-shadow:0 6px 20px #10182808}.stat-grid small,.stat-grid span{display:block;color:var(--muted)}.stat-grid b{display:block;font-size:28px;margin:9px 0 5px}.stat-grid span{font-size:10px}.admin-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-top:16px}.panel,.table-card{background:#fff;border:1px solid #eaecf0;border-radius:18px;box-shadow:0 6px 20px #10182808}.panel{padding:19px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-title h2{font-size:15px;margin:0}.panel-title a{font-size:11px;color:#7c3aed}.bar-chart{height:210px;display:flex;gap:18px;align-items:flex-end;padding:20px 5px 0}.bar-chart div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.bar-chart i{width:min(42px,70%);background:linear-gradient(180deg,#8b5cf6,#f43f7f);border-radius:9px 9px 3px 3px}.bar-chart b{font-size:10px}.bar-chart small{font-size:9px;color:#98a2b3}.checklist ul,.rule-list{list-style:none;padding:0;margin:0}.checklist li{padding:12px 0;border-top:1px solid #f0f1f4}.checklist b,.checklist span{display:block}.checklist b{font-size:12px}.checklist span{font-size:10px;color:#667085;margin-top:4px}.filter-bar{display:flex;justify-content:flex-end;margin-bottom:12px}.filter-bar form{display:flex;gap:8px}.filter-bar input,.filter-bar select,.admin-form input,.admin-form select,.admin-form textarea,.inline-actions input,.vip-action input{border:1px solid var(--line);border-radius:10px;padding:9px 10px;background:#fff}.filter-bar button,.admin-form button,.inline-actions button,.vip-action button{border:0;background:#111827;color:#fff;border-radius:10px;padding:9px 13px;font-weight:700}.table-card{overflow:auto}.table-card table{width:100%;border-collapse:collapse;min-width:980px}.table-card th{background:#f9fafb;color:#667085;text-align:left;font-size:10px;padding:12px;border-bottom:1px solid var(--line)}.table-card td{padding:12px;border-bottom:1px solid #f0f1f4;font-size:11px;vertical-align:top}.table-card td b,.table-card td small{display:block}.table-card td small{color:#98a2b3;margin-top:4px}.table-card td p{max-width:330px;color:#667085;line-height:1.5;margin:4px 0}.status{display:inline-block;font-style:normal;border-radius:99px;padding:4px 8px;font-size:9px}.status-pending{background:#fffaeb;color:#b54708}.status-approved,.status-active,.status-paid,.status-resolved{background:#ecfdf3;color:#067647}.status-rejected,.status-banned,.status-offline,.status-cancelled{background:#fef3f2;color:#b42318}.status-inactive,.status-dismissed{background:#f2f4f7;color:#475467}.inline-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.inline-actions input{width:130px}.inline-actions button.warn{background:#f79009}.inline-actions button.danger{background:#d92d20}.table-link{font-size:10px;color:#7c3aed}.vip-action{display:flex;gap:4px;margin-top:6px}.vip-action input{width:55px}.empty-table{padding:40px;text-align:center;color:#98a2b3}.admin-pager{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px;font-size:10px;color:#667085}.admin-pager a{text-decoration:none;background:#fff;padding:8px 10px;border-radius:9px;color:#344054}.admin-form label{display:block;font-size:11px;font-weight:700;margin:11px 0}.admin-form input,.admin-form select,.admin-form textarea{width:100%;display:block;margin-top:6px}.admin-form textarea{min-height:100px}.admin-form>button{width:100%;margin-top:8px;padding:11px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check-row{display:flex!important;align-items:center;gap:8px}.check-row input{width:auto!important;margin:0!important}.rule-list li{padding:10px 0;border-bottom:1px solid #f0f1f4;font-size:12px}.panel-text{font-size:12px;line-height:1.8;color:#667085}.flash-stack{position:fixed;z-index:9999;right:24px;top:18px;width:360px}.flash{display:flex;justify-content:space-between;background:#fff;border-radius:12px;padding:12px;box-shadow:0 15px 40px #10182826;margin-bottom:7px;font-size:12px}.flash button{border:0;background:transparent}.flash-success{border-left:4px solid #12b76a}.flash-error{border-left:4px solid #f04438}.flash-warning{border-left:4px solid #f79009}.admin-login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#7c3aed55,transparent 30%),radial-gradient(circle at 80% 70%,#f43f7f44,transparent 35%),#111827}.admin-login-card{width:min(440px,calc(100% - 30px));background:#fff;border-radius:24px;padding:28px;box-shadow:0 30px 80px #0005}.admin-login-brand{display:flex;align-items:center;gap:12px;margin-bottom:25px}.admin-login-brand>span{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#ff7a45,#f43f7f);color:#fff;font-size:24px;font-weight:900}.admin-login-brand h1{font-size:20px;margin:0}.admin-login-brand p{font-size:10px;color:#667085;margin:4px 0}.admin-login-card label{display:block;font-size:11px;font-weight:700;margin:13px 0}.admin-login-card input{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:12px;padding:12px}.admin-login-card form>button{width:100%;border:0;background:#111827;color:#fff;border-radius:12px;padding:12px;font-weight:800}.admin-login-card>a{display:block;text-align:center;font-size:10px;color:#667085;margin-top:16px}@media(max-width:900px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}.admin-sidebar nav{display:grid;grid-template-columns:repeat(3,1fr)}.admin-main{min-width:0}.admin-grid,.stat-grid{grid-template-columns:1fr}.admin-content{padding:16px}.admin-topbar{padding:0 16px}}
