@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-darkest:#f3f4f6;--bg-primary:#f9fafb;--bg-secondary:#fff;--bg-surface:#fff;--card-bg:#fffffffa;--card-border:#00000014;--accent-red:#c10;--accent-red-hover:#e01200;--accent-red-bright:#ff1a00;--accent-red-glow:#cc110014;--accent-black:#1a0a00;--accent-gold:#b8900a;--accent-gold-hover:#9a7800;--accent-gold-glow:#b4780033;--accent-emerald:#c10;--accent-emerald-hover:#e01200;--accent-emerald-glow:#cc110026;--accent-ruby:#c10;--accent-ruby-glow:#cc110026;--text-primary:#1a0800;--text-secondary:#4a2e00;--text-muted:#7a5200;--border-light:#00000014;--border-focus:#c109;--border-emerald:#c106;--border-red:#cc110080;--border-gold:#96640066;--shadow-lg:0 10px 30px -5px #78500040, 0 6px 12px -4px #0000001f;--shadow-emerald:0 0 20px #cc110038;--shadow-red:0 0 20px #cc110038;--shadow-gold:0 0 20px #b4780040;--font-sans:"Outfit", sans-serif;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);font-family:var(--font-sans);background-color:#f9fafb;background-image:none;background-attachment:fixed;min-height:100vh;overflow-x:hidden}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);box-shadow:var(--shadow-lg);transition:var(--transition-normal);border-radius:12px;padding:1.5rem}.glass-card:hover{border-color:#ffffff1f}.glass-card.glow-emerald{border-color:var(--border-emerald);box-shadow:var(--shadow-lg), var(--shadow-emerald)}.glass-card.glow-gold{border-color:var(--border-focus);box-shadow:var(--shadow-lg), var(--shadow-gold)}.tabs-container{border:1px solid var(--border-light);background:#00000008;border-radius:8px;gap:.25rem;margin-bottom:1.5rem;padding:.25rem;display:flex;overflow-x:auto}.tab-btn{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;transition:var(--transition-fast);background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.95rem;font-weight:500;display:flex}.tab-btn:hover{color:var(--text-primary);background:#00000008}.tab-btn.active{color:var(--accent-gold);background:var(--bg-primary);box-shadow:inset 0 0 0 1px var(--border-light)}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-size:.85rem;font-weight:500;display:block}.form-control,.form-select{width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-fast);background:#fff;border:1px solid #f5c40040;border-radius:8px;outline:none;padding:.75rem 1rem;font-size:.95rem}.form-control:focus,.form-select:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px var(--accent-gold-glow)}.form-select option{background:var(--bg-primary);color:var(--text-primary)}.btn{font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-gold{background:var(--accent-gold);color:#000}.btn-gold:hover:not(:disabled){background:var(--accent-gold-hover);box-shadow:0 0 15px #dfb73c66}.btn-gold:disabled{background:var(--bg-surface);color:var(--text-muted);cursor:not-allowed}.btn-emerald{background:var(--accent-emerald);color:#fff;width:100%}.btn-emerald:hover:not(:disabled){background:var(--accent-emerald-hover);box-shadow:0 0 15px #10b98166}.btn-emerald:disabled{background:var(--bg-surface);color:var(--text-muted);cursor:not-allowed}.btn-outline:hover{border-color:var(--text-secondary);background:#ffffff0d}.btn-danger{color:var(--accent-ruby);background:#ef44441a;border:1px solid #ef44444d}.btn-danger:hover{background:var(--accent-ruby);color:#fff}.badge{text-transform:uppercase;border-radius:4px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-emerald{color:var(--accent-emerald);background:#10b9811a;border:1px solid #10b98133}.badge-gold{color:var(--accent-gold);background:#dfb73c1a;border:1px solid #dfb73c33}.badge-ruby{color:var(--accent-ruby);background:#ef44441a;border:1px solid #ef444433}.badge-blue{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633}.dashboard-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem;display:grid}@media (width>=1024px){.dashboard-grid{grid-template-columns:2.2fr 1fr}}.cards-container-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.cards-container-grid{grid-template-columns:1.2fr 1fr}}.table-responsive{border:1px solid #f5c40040;border-radius:8px;width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.custom-table th{color:#ffeca7;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light);background:#2a1900d1;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.custom-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle;padding:.85rem 1rem}.custom-table tr:last-child td{border-bottom:none}.custom-table tbody tr:hover{background:#00000003}.code-logger{color:#10b981;white-space:pre-wrap;background:#04080f;border:1px solid #f5c40040;border-radius:8px;max-height:200px;padding:1rem;font-family:Courier New,Courier,monospace;font-size:.8rem;overflow-y:auto}.drag-drop-zone{border:2px dashed var(--border-light);text-align:center;cursor:pointer;transition:var(--transition-fast);background:#ffffff03;border-radius:8px;padding:2rem 1.5rem}.drag-drop-zone:hover,.drag-drop-zone.active{border-color:var(--accent-gold);background:#dfb73c05}.drag-drop-zone .icon{color:var(--accent-gold);margin-bottom:.75rem}@media (width<=767px){.btn{padding:.6rem 1rem;font-size:.85rem}.glass-card{padding:1rem}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#e6b800}::-webkit-scrollbar-thumb{background:#78460059;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c10}.glass-card{-webkit-backdrop-filter:blur(8px);border-radius:12px;padding:1.5rem;box-shadow:0 8px 32px #7846002e,0 2px 8px #00000014;background:#ffffffed!important;border:1px solid #b4780038!important}.glass-card.glow-gold{box-shadow:0 0 0 2px #cc11002e,0 8px 32px #78460033!important}.glass-card.glow-red{box-shadow:0 0 0 2px #cc110040,0 8px 32px #cc110024!important}.form-label{letter-spacing:.04em;text-transform:uppercase;margin-bottom:.4rem;font-size:.82rem;font-weight:600;display:block;color:#3a1e00!important}.form-group{margin-bottom:1.1rem}.form-control{width:100%;font-size:.95rem;font-family:var(--font-sans);border-radius:8px;padding:.65rem .9rem;transition:border-color .2s,box-shadow .2s;color:#1a0800!important;background:#fff!important;border:1.5px solid #7846004d!important}.form-control::placeholder{color:#9a7040!important}.form-control:focus{outline:none;border-color:#c10!important;box-shadow:0 0 0 3px #cc11001f!important}.form-control:disabled{opacity:.7;background:#fff3cc!important}.btn{font-weight:700;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.2rem;font-size:.9rem;transition:all .2s;display:inline-flex}.btn-red{color:#fff;background:linear-gradient(135deg,#c10 0%,#a50d00 100%);border:none;box-shadow:0 4px 14px #cc11004d}.btn-red:hover:not(:disabled){background:linear-gradient(135deg,#e01200 0%,#c10 100%);transform:translateY(-1px);box-shadow:0 6px 20px #cc11006b}.btn-red:disabled{opacity:.5;cursor:not-allowed}.btn-gold{color:#f5c400;background:#1a0800;border:2px solid #1a0800;box-shadow:0 2px 8px #00000026}.btn-gold:hover:not(:disabled){background:#2c1400;transform:translateY(-1px);box-shadow:0 4px 16px #00000038}.btn-gold:disabled{opacity:.5;cursor:not-allowed}.btn-outline{color:#1a0800;background:0 0;border:1.5px solid #78460066}.btn-outline:hover:not(:disabled){background:#78460014;border-color:#78460099}.btn-outline:disabled{opacity:.4;cursor:not-allowed}.badge-red,.badge-emerald{color:#c10;letter-spacing:.05em;background:#cc11001f;border:1px solid #cc110040;border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.badge-gold{color:#1a0800;letter-spacing:.05em;background:#1a08001a;border:1px solid #1a080033;border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.glow-red{box-shadow:0 0 0 2px #c103,0 4px 20px #cc110026!important}.glow-gold{box-shadow:0 0 0 2px #78460040,0 4px 20px #78460026!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.container,[class*=container]{padding-left:1rem;padding-right:1rem}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:520px}@media (width<=479px){.glass-card{border-radius:8px!important;padding:1.25rem!important}header{flex-wrap:wrap;gap:.75rem}header h1{font-size:1.2rem!important}header p{font-size:.78rem!important}.pkg-grid{grid-template-columns:repeat(2,1fr)!important}.stats-grid{grid-template-columns:1fr 1fr!important}.main-pad{padding:.75rem!important}h1{font-size:1.3rem!important}h2{font-size:1.1rem!important}h3{font-size:1rem!important}.btn-block-mobile{width:100%}.wallet-grid{grid-template-columns:1fr!important}.nav-tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;overflow-x:auto}.form-row-2col{grid-template-columns:1fr!important}.confirm-bar{flex-direction:column!important;gap:.75rem!important}.confirm-bar button{width:100%!important}}@media (width>=480px) and (width<=767px){.glass-card{padding:1.5rem!important}.pkg-grid,.stats-grid{grid-template-columns:repeat(2,1fr)!important}.wallet-grid{grid-template-columns:1fr!important}h1{font-size:1.45rem!important}}@media (width>=768px) and (width<=1023px){.pkg-grid{grid-template-columns:repeat(2,1fr)!important}.stats-grid{grid-template-columns:repeat(3,1fr)!important}}@media (pointer:coarse){.btn{min-height:46px;padding:.75rem 1.25rem}.form-control,select{min-height:46px;font-size:16px!important}}@media screen and (width<=767px){input,select,textarea{font-size:16px!important}}
