*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0f0f0f;--card:#1a1a1a;--border:#2a2a2a;--text:#e5e5e5;--sub:#888;--accent:#6c5ce7;--accent2:#a29bfe;--green:#00b894;--red:#e17055;--orange:#fdcb6e;--r:12px}body{font-family:-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--accent2);text-decoration:none}input,select,textarea{font-family:inherit}#toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{padding:10px 18px;border-radius:8px;font-size:13px;font-weight:500;animation:toastIn .3s ease,toastOut .3s ease 2.2s forwards;pointer-events:none;min-width:180px}.toast.ok{background:#1a2d1a;border:1px solid #00b89444;color:var(--green)}.toast.err{background:#2d1a1a;border:1px solid #e1705544;color:var(--red)}.toast.info{background:#1a1a2d;border:1px solid #6c5ce744;color:var(--accent2)}@keyframes toastIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.btn{padding:8px 18px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:.15s;display:inline-flex;align-items:center;gap:6px}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.btn-primary:hover{opacity:.88}.btn-sm{padding:5px 12px;font-size:12px;border-radius:6px}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--accent);color:var(--accent2)}.btn-danger{background:#e1705518;color:var(--red);border:1px solid #e1705530}.btn-danger:hover{background:#e1705528}.btn-green{background:#00b89418;color:var(--green);border:1px solid #00b89430}.btn-green:hover{background:#00b89428}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:12px;color:var(--sub);margin-bottom:5px;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:9px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;outline:none;transition:border-color .15s}.form-group input:focus,.form-group select:focus{border-color:var(--accent)}.badge{display:inline-block;padding:2px 9px;border-radius:10px;font-size:11px;font-weight:600}.badge.active{background:#00b89420;color:var(--green)}.badge.disabled{background:#e1705520;color:var(--red)}.badge.expired{background:#fdcb6e20;color:var(--orange)}.badge.hour_1,.badge.hour_3,.badge.hour_5{background:#e1705518;color:var(--red)}.badge.day{background:#6c5ce718;color:var(--accent2)}.badge.week{background:#00b89418;color:var(--green)}.badge.month{background:#fdcb6e18;color:var(--orange)}.badge.custom{background:#ffffff10;color:var(--sub)}.badge.immediate{background:#00b89418;color:var(--green)}.badge.pending{background:#fdcb6e18;color:var(--orange)}table{width:100%;border-collapse:collapse;font-size:13px}thead th{text-align:left;padding:10px 12px;color:var(--sub);font-weight:500;border-bottom:1px solid var(--border);font-size:12px;white-space:nowrap}tbody td{padding:10px 12px;border-bottom:1px solid #1f1f1f;vertical-align:middle}tbody tr:hover{background:#ffffff05}.empty td{text-align:center;color:var(--sub);padding:40px 12px}.loading-spinner{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--sub);font-size:13px}.loading-spinner:before{content:"";width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toolbar{display:flex;gap:10px;margin-bottom:14px;align-items:center;flex-wrap:wrap}.toolbar input,.toolbar select{padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;outline:none}.toolbar input:focus,.toolbar select:focus{border-color:var(--accent)}.pagination{display:flex;gap:8px;margin-top:14px;align-items:center;font-size:13px;color:var(--sub)}.pagination button{padding:5px 12px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text);cursor:pointer;font-size:12px}.pagination button:hover{border-color:var(--accent)}.pagination button:disabled{opacity:.35;cursor:default}.modal-mask{position:fixed;inset:0;background:#000a;display:flex;align-items:center;justify-content:center;z-index:100}.modal-box{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:28px;width:460px;max-width:92vw;max-height:82vh;overflow-y:auto;position:relative}.modal-box h3{font-size:16px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}.close-x{background:none;border:none;color:var(--sub);cursor:pointer;font-size:18px}.close-x:hover{color:var(--text)}.page-title{font-size:20px;font-weight:700;margin-bottom:22px;display:flex;align-items:center;gap:12px}.page-title .refresh{background:none;border:1px solid var(--border);border-radius:6px;padding:4px 10px;cursor:pointer;color:var(--sub);font-size:12px;transition:.15s}.page-title .refresh:hover{border-color:var(--accent);color:var(--accent2)}.key-text{font-family:Cascadia Code,Fira Code,monospace;font-size:12px;color:var(--accent2);cursor:pointer}.key-text:hover{text-decoration:underline}.stat-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-bottom:24px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:18px;cursor:pointer;transition:.15s}.stat-card:hover{border-color:var(--accent)}.stat-card .num{font-size:28px;font-weight:700;color:var(--accent2)}.stat-card .lbl{font-size:12px;color:var(--sub);margin-top:2px}.stat-card.green .num{color:var(--green)}.stat-card.red .num{color:var(--red)}.stat-card.orange .num{color:var(--orange)}.card-types{display:flex;gap:8px;margin-bottom:16px}.card-types-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.card-type-btn{padding:10px 8px;text-align:center;border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:.15s;background:var(--bg)}.card-type-btn:hover{border-color:var(--accent)}.card-type-btn.active{border-color:var(--accent);background:#6c5ce710}.card-type-btn .ct-label{font-size:13px;font-weight:600}.mode-toggle{display:flex;gap:6px;margin-top:4px}.mode-btn{flex:1;padding:8px;text-align:center;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;transition:.15s;background:var(--bg)}.mode-btn:hover{border-color:var(--accent)}.mode-btn.active{border-color:var(--accent);background:#6c5ce710;color:var(--accent2)}.mode-hint{font-size:11px;color:var(--sub);margin-top:6px;padding:6px 10px;background:#fdcb6e08;border:1px solid #fdcb6e22;border-radius:6px}.gen-keys{margin-top:12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px;max-height:200px;overflow-y:auto}.gen-key-item{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;border-radius:6px;font-family:Cascadia Code,monospace;font-size:13px;color:var(--accent2)}.gen-key-item:hover{background:#ffffff08}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}