*{box-sizing:border-box}html,body{margin:0;background:#050505;color:#fff;font-family:Arial,"Microsoft YaHei",sans-serif}button,input,select{font-family:inherit}button{cursor:pointer}.app{max-width:1500px;margin:0 auto;padding:28px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:radial-gradient(circle at top left,rgba(109,255,124,.18),transparent 30%),linear-gradient(135deg,#111,#070707);margin-bottom:18px}.eyebrow{color:#6dff7c;font-weight:700;margin-bottom:10px}.hero h1{font-size:42px;margin:0 0 10px}.hero p{margin:0;color:#999}.hero-actions{display:flex;gap:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-card{padding:20px;border-radius:20px;background:#0d0d0d;border:1px solid rgba(255,255,255,.06)}.stat-card span{display:block;color:#888;margin-bottom:10px}.stat-card strong{font-size:36px}.stat-card.green strong{color:#6dff7c}.stat-card.orange strong{color:#ffbd4a}.stat-card.red strong{color:#ff5c5c}.panel{padding:24px;border-radius:24px;background:#0b0b0b;border:1px solid rgba(255,255,255,.06);margin-bottom:18px}.panel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.panel h2{margin:0 0 8px;font-size:24px}.panel p{margin:0;color:#888}.form-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.form-grid label{display:grid;gap:8px;color:#aaa;font-size:13px}.form-grid .wide{grid-column:span 2}input,select{width:100%;height:42px;border-radius:12px;background:#111;border:1px solid rgba(255,255,255,.08);color:#fff;padding:0 12px;outline:none}input:focus,select:focus{border-color:rgba(109,255,124,.45)}.action-row{display:flex;gap:16px;align-items:center;margin-top:18px}.primary-btn{height:44px;border:0;border-radius:14px;background:#6dff7c;color:#000;font-weight:800;padding:0 22px}.ghost-btn{height:42px;border-radius:14px;background:#111;border:1px solid rgba(255,255,255,.1);color:#fff;padding:0 18px;font-weight:700}.hint{color:#777;font-size:13px}.filters{display:flex;gap:10px;min-width:520px}.filters input{min-width:260px}.table-wrap{overflow:auto;border-radius:16px;border:1px solid rgba(255,255,255,.05)}table{width:100%;border-collapse:collapse;min-width:1100px;background:#080808}th,td{padding:13px;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px;text-align:left;vertical-align:top}th{color:#999;background:#101010;position:sticky;top:0}td{color:#ddd}.code{font-weight:800;color:#fff;letter-spacing:.5px}.badge{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700}.active{background:rgba(109,255,124,.12);color:#6dff7c}.used_up{background:rgba(255,189,74,.12);color:#ffbd4a}.expired,.disabled{background:rgba(255,92,92,.12);color:#ff5c5c}.muted{color:#777;font-size:12px;line-height:1.6}.ops{display:flex;gap:8px;flex-wrap:wrap}.small-btn{height:30px;padding:0 10px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#111;color:#ddd}.danger{color:#ff7070}.toast{position:fixed;right:22px;bottom:22px;background:#111;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px 16px;color:#fff;opacity:0;transform:translateY(8px);transition:.2s}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:900px){.app{padding:14px}.hero{flex-direction:column;align-items:stretch}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.panel-head{flex-direction:column}.filters{width:100%;min-width:0;flex-direction:column}.hero h1{font-size:30px}}