@tailwind base;@tailwind components;@tailwind utilities;:root{--brand-green:#25bd2f;--brand-green-hover:#1da928;--bg-color:#0f0f0f;--secondary-bg:#1a1a1a;--text-color:#fff;--font:"Inter",sans-serif}body,html{margin:0;padding:0;font-family:var(--font);background-color:var(--bg-color);color:var(--text-color)}.bb-accounts{background:#ff8a00;border-color:#ff8a00;color:#111;font-weight:700}.bb-accounts:hover{filter:brightness(1.05)}.bb-accounts:active{transform:translateY(1px)}@media (min-width:700px){.bb-actions{grid-template-columns:auto auto auto}}.container{padding:1.5rem}.logo{display:block;margin:0 auto;width:96px;height:96px;border-radius:50%;object-fit:cover}a{color:var(--brand-green);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.85}.restricted-text{word-break:break-word;white-space:normal}.card-box *{max-width:100%;box-sizing:border-box}.button-half{width:100%;margin-bottom:10px}@media (min-width:640px){.button-half{width:48%}}.card-box{border:1px solid var(--brand-green);border-radius:12px;padding:1.5rem;background-color:var(--secondary-bg);box-shadow:0 0 10px rgba(37,189,47,.1);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.card-box:hover{transform:translateY(-3px);box-shadow:0 4px 20px rgba(37,189,47,.2)}.telegram-btn,button{background-color:var(--brand-green);color:#fff;padding:.6rem 1.2rem;border:none;border-radius:8px;font-weight:600;transition:background .2s ease,transform .2s ease;cursor:pointer;text-align:center}.telegram-btn:hover,button:hover{background-color:var(--brand-green-hover);transform:translateY(-1px)}.card-imgx{width:100%;object-fit:cover;border-radius:8px;border:1px solid #333}.profile-pic{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--brand-green)}.restricted-box{font-size:.875rem;color:#9ca3af;word-break:break-word;max-height:8rem;overflow-y:auto;padding-right:.5rem;white-space:pre-wrap}.header{justify-content:space-between;padding:1rem 1.5rem;background-color:var(--secondary-bg);border-bottom:1px solid #333;margin-bottom:1.5rem}.header,.nav-links{display:flex;align-items:center}.nav-links{flex-wrap:nowrap!important;gap:.5rem!important;overflow-x:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a{white-space:nowrap;padding:.25rem .5rem}.status-emoji{font-size:1.5rem;line-height:1}.status-pill{display:inline-block;font-size:.75rem;font-weight:500;border-radius:9999px;padding:.25rem .75rem}.brand-linkx{color:#da7124!important;transition:opacity .2s ease;font-weight:500}.brand-linkx:hover{opacity:.85;text-decoration:underline}.greeting{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:#aaa}.greeting strong{color:var(--text-color)}h1,h2,h3{font-weight:700;color:var(--brand-green);margin:0}h2{font-size:1.3rem;margin-top:1.2rem;margin-bottom:.6rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:1.5rem;gap:1.5rem}@media (max-width:600px){.header{flex-direction:column;align-items:flex-start;gap:1rem}.greeting{align-self:flex-end}}input,select,textarea{background-color:var(--secondary-bg);color:var(--text-color);border:1px solid #333;border-radius:8px;padding:.5rem .75rem;font-size:.95rem;width:100%;transition:border-color .2s ease,box-shadow .2s ease;font-family:var(--font)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-green);box-shadow:0 0 0 2px rgba(37,189,47,.3)}input::placeholder,textarea::placeholder{color:#888}.form-group{margin-bottom:1rem}@media (max-width:600px){.card-box{padding:1rem}}.card-list{display:flex;flex-direction:column;gap:1rem}.card-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border:2px solid var(--brand-green);border-radius:8px;background-color:var(--secondary-bg);transition:box-shadow .2s,transform .2s;cursor:pointer}.card-item:hover{box-shadow:0 4px 15px rgba(37,189,47,.2);transform:translateY(-2px)}.card-item.inactive{border-color:#e53e3e}.card-content{display:flex;flex-direction:column;margin-right:1rem}.card-number{font-size:1rem;font-weight:600;color:var(--text-color)}.details-btn{margin-top:.5rem;background-color:var(--brand-green);color:#fff;border:none;padding:.4rem .8rem;font-weight:600;border-radius:6px;transition:background .2s,transform .2s}.details-btn:hover{background-color:#1da928;transform:translateY(-1px)}.card-img{width:64px;object-fit:contain;border-radius:4px}.detail-box{border:2px solid var(--brand-green);background-color:var(--secondary-bg)}.detail-box h2{font-size:1.125rem}.tx-table{margin-top:.5rem}.tx-table td,.tx-table th{border:1px solid #333;padding:.5rem;font-size:.875rem;color:var(--text-color)}.toggle-btn{background:var(--brand-green);color:#fff;border:none;padding:.4rem .8rem;margin-bottom:.75rem}.toggle-btn:hover{background:var(--brand-green-hover)}.btn-delete,.btn-lock,.btn-topup,.btn-unlock{flex:1 1;padding:.5rem 1rem;font-weight:600;border-radius:6px;border:none;cursor:pointer}.btn-topup{background:var(--brand-green)}.btn-topup:hover{background:var(--brand-green-hover)}.btn-lock{background:#e53e3e}.btn-lock:hover{background:#c53030}.btn-unlock{background:#4299e1}.btn-unlock:hover{background:#3182ce}.btn-delete{background:#718096;color:#fff}.btn-delete:hover{background:#4a5568}.detail-page{background:var(--bg-color);color:var(--text-color);min-height:100vh}.container{max-width:960px;margin:0 auto;padding:1rem}.error,.loading{padding:1rem;text-align:center;font-size:1.1rem}.error{color:#f87171}.card-actions{flex-wrap:wrap;gap:.75rem;justify-content:flex-end;margin-bottom:1.5rem}.card-actions .btn{padding:.6rem 1.2rem;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:background .2s ease}.btn-topup{background:#25bd2f}.btn-topup:hover{background:#1da928}.btn-lock{background:#ef4444;color:#fff}.btn-unlock{background:#3b82f6;color:#fff}.btn-delete{background:#9ca3af;color:#1f1f1f}.btn-delete:hover{background:#6b7280}.detail-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}@media (min-width:600px){.detail-grid{grid-template-columns:repeat(3,1fr)}}.detail-box{background:var(--secondary-bg);border:1px solid #333;border-radius:8px;padding:1rem}.detail-box h2{margin-top:0;color:var(--brand-green);font-size:1.1rem;margin-bottom:.5rem}.balance-amount{font-size:1.5rem;font-weight:700}.tx-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.toggle-btn{background:transparent;border:1px solid var(--brand-green);color:var(--brand-green);padding:.3rem .6rem;border-radius:4px;cursor:pointer}.tx-table-container{overflow-x:auto}.tx-table{width:100%;border-collapse:collapse;min-width:600px}.tx-table td,.tx-table th{padding:.5rem .75rem;text-align:left;border-bottom:1px solid #444}.tx-table th{background:#1a1a1a;position:-webkit-sticky;position:sticky;top:0}.card-number{display:flex;align-items:center;gap:.5rem}.copy-btn{background:none;border:none;font-size:1.1rem;cursor:pointer;opacity:.7;transition:opacity .2s}.copy-btn:hover{opacity:1}.copy-feedback{margin-left:.5rem;font-size:.9rem;color:#25bd2f}.card-actions{display:flex;justify-content:flex-start;margin-bottom:1rem}.btn{padding:.5rem 1rem;border:none;border-radius:4px;font-weight:500;cursor:pointer;margin-right:.5rem}.btn-topup.active{background-color:#1a1a1a;color:#25bd2f}.btn-topup{background-color:#25bd2f;color:#fff}.topup-form select,select{background-color:var(--secondary-bg);color:var(--text-color);border:1px solid #333}.topup-form select:focus,select:focus{border-color:var(--brand-green);box-shadow:0 0 0 2px rgba(37,189,47,.3)}.react-select__control{background-color:var(--secondary-bg)!important;border-color:#333!important;color:var(--text-color)}.react-select__control--is-focused{border-color:var(--brand-green)!important;box-shadow:0 0 0 2px rgba(37,189,47,.3)!important}.react-select__menu,.react-select__menu-list{background-color:var(--secondary-bg)!important;color:var(--text-color)}.react-select__option{background-color:var(--secondary-bg)!important;color:var(--text-color)!important}.react-select__option--is-focused{background-color:#333!important}.react-select__single-value{color:var(--text-color)!important}.react-select__placeholder{color:#888!important}.react-select__indicator-separator{background-color:#444!important}.react-select__dropdown-indicator svg{fill:var(--text-color)!important}.card-details-list{list-style:none;margin:0;padding:0}.card-details-list li{display:flex;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid #333}.card-details-list li:last-child{border-bottom:none}.card-details-list .label{color:#aaa;font-weight:500}.card-details-list .balance-row .balance-amount,.card-details-list .balance-row .label{color:var(--brand-green);font-weight:700}.topup-form{margin-bottom:1.5rem}.topup-form .form-row{margin-bottom:1rem}.topup-form .form-row label{display:block;margin-bottom:.3rem;color:#ddd;font-size:.9rem}.btn-paynow{display:block;width:100%;margin-top:.5rem;background-color:#da7124;color:#fff}.btn-paynow:hover{background-color:#c25e1d}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:50}.modal-box{background:var(--secondary-bg);padding:1.5rem;border-radius:8px;max-width:90%;width:320px;color:var(--text-color)}.modal-box h3{margin:0 0 1rem;color:var(--brand-green)}.modal-box .confirm{background:#e53e3e;margin-left:auto}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600;border-radius:9999px;border:1px solid;line-height:1}.badge--available{--badge-color:#10b981}.badge--unavailable{--badge-color:#ef4444}.badge--available,.badge--unavailable{color:var(--badge-color);border-color:var(--badge-color)}.badge .badge__dot{width:.5rem;height:.5rem;background-color:var(--badge-color);border-radius:50%}.faq-summary-icon{width:.75rem;height:.75rem}.filters-card{background:var(--secondary-bg);border:1px solid #222;border-radius:14px;padding:1rem;box-shadow:0 0 0 1px rgba(37,189,47,.08),0 6px 20px rgba(0,0,0,.35)}.filters-header{justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.filters-header,.filters-title{display:flex;align-items:center}.filters-title{font-size:1rem;font-weight:700;color:var(--brand-green);gap:.5rem}.filters-subtle{font-size:.85rem;color:#9aa3a9}.filters-actions{display:flex;align-items:center;gap:.5rem}.btn-ghost{background:transparent;color:var(--brand-green);border:1px solid rgba(37,189,47,.35);padding:.45rem .8rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .18s ease}.btn-ghost:hover{background:rgba(37,189,47,.08);border-color:var(--brand-green)}.filter-chip-grid{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip{position:relative;display:inline-block}.filter-chip input{position:absolute;inset:0;opacity:0;pointer-events:none}.filter-chip .chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .7rem;background:#131313;border:1px solid #2b2b2b;color:#e5e7eb;border-radius:9999px;font-size:.85rem;font-weight:600;letter-spacing:.2px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .06s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filter-chip .chip:before{content:"";width:.95rem;height:.95rem;border:2px solid #3b3b3b;border-radius:50%;display:inline-block;background:radial-gradient(circle at center,hsla(0,0%,100%,.12) 0,transparent 60%)}.filter-chip input:checked+.chip{border-color:var(--brand-green);background:rgba(37,189,47,.08);box-shadow:0 0 0 2px rgba(37,189,47,.18);transform:translateY(-1px)}.filter-chip input:checked+.chip:before{border-color:var(--brand-green);background:radial-gradient(circle at center,var(--brand-green) 45%,transparent 47%) 50%/100% 100% no-repeat,radial-gradient(circle at center,rgba(37,189,47,.25) 0,transparent 70%)}.filter-chip input:focus-visible+.chip{outline:0;box-shadow:0 0 0 3px rgba(37,189,47,.35);border-color:var(--brand-green)}.filters-count{padding:.28rem .6rem;font-size:.75rem;color:var(--brand-green);border:1px solid rgba(37,189,47,.45);border-radius:9999px}.tags-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.5rem}.tag{--tag-c:#7b7b7b;display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:700;letter-spacing:.2px;color:var(--tag-c);border:1px solid var(--tag-c);background:hsla(0,0%,100%,.02)}.tag--manage{--tag-c:var(--brand-green)}.tag--nokyc{--tag-c:#22c55e}.tag--reload{--tag-c:#f59e0b}.tag--ds{--tag-c:#a855f7}.tag--gpay{--tag-c:#38bdf8}.tag--apay{--tag-c:#9ca3af}.tag:before{content:\"\";width:.45rem;height:.45rem;border-radius:50%;background:var(--tag-c)}.tag:hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--tag-c) 35%,transparent);background:color-mix(in srgb,var(--tag-c) 12%,transparent)}@media (max-width:480px){.filter-chip .chip{padding:.45rem .6rem}.tag{padding:.22rem .5rem}}