.access-floating-button{position:fixed;right:22px;bottom:22px;z-index:60;box-shadow:0 16px 40px #0006}.access-floating-button strong{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;color:#fff;background:#be123c;border-radius:999px;font-size:12px}.access-overlay{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:18px;background:#020617e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.access-dialog{width:min(100%,920px);max-height:calc(100vh - 36px);overflow:hidden;color:#f8fafc;background:#0f172a;border:1px solid #334155;border-radius:20px;box-shadow:0 30px 100px #0000008c}.access-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px;background:#0f172a;border-bottom:1px solid #1e293b}.access-header p{margin:0;color:#fbbf24;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.access-header h2{margin:4px 0;font-size:26px}.access-header span{color:#94a3b8}.access-icon-button{width:42px;min-height:42px;padding:0;color:#fff;background:#1e293b;border:1px solid #334155}.access-toolbar{display:flex;gap:10px;padding:15px 20px}.access-search{display:flex;align-items:center;gap:9px;flex:1;padding:0 12px;color:#94a3b8;background:#020617;border:1px solid #334155;border-radius:11px}.access-search input{min-height:43px;padding:0;background:transparent;border:0;box-shadow:none}.access-refresh{color:#fff;background:#1e293b;border-color:#334155}.access-filters{display:flex;gap:8px;padding:0 20px 15px;overflow-x:auto}.access-filters button{min-height:38px;padding:7px 12px;color:#cbd5e1;background:#1e293b;border:1px solid #334155;white-space:nowrap}.access-filters button.active{color:#111827;background:#fbbf24;border-color:#fcd34d}.access-filters span{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 5px;background:#ffffff1f;border-radius:999px;font-size:11px}.access-alert{display:flex;align-items:center;gap:8px;margin:0 20px 12px;padding:11px 13px;border-radius:10px}.access-alert.error{color:#fecaca;background:#7f1d1db3;border:1px solid #991b1b}.access-alert.success{color:#a7f3d0;background:#064e3ba6;border:1px solid #047857}.access-list{max-height:55vh;overflow-y:auto;padding:0 20px 20px}.access-user{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid #1e293b}.access-user:last-child{border-bottom:0}.access-user-identity{display:flex;align-items:center;gap:13px;min-width:0}.access-user-identity img,.access-avatar-fallback{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;object-fit:cover;color:#111827;background:#fbbf24;border-radius:999px;font-size:19px;font-weight:900}.access-user-identity h3{display:flex;align-items:center;gap:8px;margin:0;color:#fff;font-size:16px}.access-user-identity h3 small{padding:2px 7px;color:#fcd34d;background:#fbbf241f;border-radius:999px;font-size:10px}.access-user-identity p{margin:3px 0;color:#94a3b8;font-size:13px}.access-user-identity span{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:800}.access-user-identity span.active{color:#a7f3d0;background:#10b9811f}.access-user-identity span.pending{color:#fcd34d;background:#fbbf241f}.access-user-controls{display:flex;align-items:flex-end;gap:10px}.access-user-controls label{color:#94a3b8;font-size:11px;font-weight:800;text-transform:uppercase}.access-user-controls select{display:block;width:155px;min-height:40px;margin-top:5px;padding:7px 10px}.access-user-controls button{min-height:40px}.access-approve{color:#ecfdf5;background:#047857}.access-approve:hover{background:#059669}.access-deny{color:#fecaca;background:#7f1d1d}.access-deny:hover{background:#991b1b}.access-empty{padding:35px;text-align:center;color:#94a3b8;background:#020617;border:1px dashed #334155;border-radius:12px}.access-footer{display:flex;align-items:center;gap:9px;padding:14px 20px;color:#94a3b8;background:#020617;border-top:1px solid #1e293b;font-size:12px}.access-spin{animation:access-spin 1s linear infinite}@keyframes access-spin{to{transform:rotate(360deg)}}@media(max-width:720px){.access-floating-button{right:12px;bottom:12px}.access-overlay{align-items:start;padding:8px}.access-dialog{max-height:calc(100vh - 16px);border-radius:14px}.access-toolbar{flex-direction:column}.access-refresh{align-self:flex-start}.access-user{grid-template-columns:1fr}.access-user-controls{justify-content:space-between}.access-user-controls label{flex:1}.access-user-controls select{width:100%}.access-footer{align-items:flex-start}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fafc;background:#020617;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#020617}body{min-width:320px;min-height:100vh;margin:0;background:#020617}button,input,select,textarea{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 16px;color:#111827;font-weight:800;background:#fbbf24;border:1px solid transparent;border-radius:11px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}button:hover{background:#fcd34d}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.55}button.secondary{color:#fff;background:#1e293b;border-color:#334155}button.secondary:hover{background:#334155}button.danger{color:#fecaca;background:#7f1d1d;border-color:#991b1b}button.danger:hover{color:#fff;background:#991b1b}input,select,textarea{width:100%;min-height:44px;padding:10px 12px;color:#fff;background:#020617;border:1px solid #334155;border-radius:10px;outline:none}input:focus,select:focus,textarea:focus{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241f}input::placeholder,textarea::placeholder{color:#64748b}option{color:#fff;background:#0f172a}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{color:#fff}a{color:#fbbf24}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px max(16px,calc((100% - 1200px)/2));background:#0f172a;border-bottom:1px solid #1e293b}header h1{margin:0;font-size:clamp(23px,4vw,32px)}header small{display:block;margin-top:4px;color:#94a3b8}.actions{display:flex;flex-wrap:wrap;gap:8px}nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;max-width:1200px;margin:0 auto;padding:16px}nav button{width:100%;min-width:0;min-height:50px;color:#fff;background:#1e293b;border-color:#334155}nav button:hover{background:#334155}nav button.active{color:#111827;background:#fbbf24;border-color:#fcd34d}main{width:100%;max-width:1200px;margin:0 auto;padding:16px}.groups{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:7px;width:100%;margin-bottom:16px}.groups button{width:100%;min-width:0;height:44px;min-height:44px;padding:0;color:#fff;line-height:1;text-align:center;background:#1e293b;border-color:#334155}.groups button:hover{background:#334155}.groups button.active{color:#111827;background:#fbbf24;border-color:#fcd34d}.card{width:100%;min-width:0;padding:18px;color:#f8fafc;background:#0f172a;border:1px solid #1e293b;border-radius:16px}.grid2{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:16px;width:100%}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:16px;width:100%}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin-bottom:16px}.tablewrap{width:100%;max-width:100%;overflow-x:auto;border-radius:12px;scrollbar-color:#475569 #0f172a;scrollbar-width:thin}table{width:100%;border-collapse:collapse}th,td{padding:13px 14px;text-align:left;vertical-align:middle;border-bottom:1px solid #1e293b}th{color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.04em;background:#02061780}td{color:#e2e8f0}tbody tr:hover{background:#ffffff06}.matchline{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid #1e293b}.matchline:last-child{border-bottom:0}.matchline span{min-width:0}.matchline small{display:block;margin-top:4px;color:#94a3b8}.matchline b{flex-shrink:0}.win{color:#6ee7b7;font-weight:800}.win b{float:right}.error{margin:0 0 16px;padding:13px 15px;color:#fecaca;background:#7f1d1dbf;border:1px solid #991b1b;border-radius:10px}.modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:18px;background:#020617e6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog{width:min(100%,580px);max-height:calc(100vh - 36px);overflow-y:auto}.dialog h2{margin-top:0}.dialog label{display:block;margin:14px 0;color:#cbd5e1;font-size:14px;font-weight:600}.dialog label input,.dialog label select,.dialog label textarea{display:block;margin-top:6px}.dialog input[type=checkbox]{display:inline-block;width:auto;min-height:auto;margin:0 8px 0 0}.dialog .actions{justify-content:flex-end;margin-top:20px}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,rgba(251,191,36,.14),transparent 38%),#020617}.loginbox{width:min(100%,430px);padding:34px;text-align:center}.loginbox h1{margin:0 0 10px;font-size:32px}.loginbox p{margin-bottom:24px;color:#94a3b8;line-height:1.6}.center,.status-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,rgba(251,191,36,.13),transparent 38%),#020617}.status-card{width:min(100%,520px);padding:34px;color:#f8fafc;text-align:center;background:#0f172a;border:1px solid #1e293b;border-radius:20px;box-shadow:0 25px 80px #0000006b}.status-card h1{margin:14px 0 16px;font-size:clamp(25px,5vw,32px);line-height:1.2}.status-card p{margin:10px 0;color:#cbd5e1;line-height:1.65}.status-card p strong{color:#fff}.status-logo{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 16px;color:#111827;font-weight:900;font-size:21px;background:#fbbf24;border-radius:20px;box-shadow:0 14px 35px #fbbf242e}.profile-avatar,.profile-avatar-fallback{display:grid;place-items:center;width:80px;height:80px;margin:0 auto 16px;object-fit:cover;color:#111827;font-size:30px;font-weight:900;background:#fbbf24;border:3px solid #fcd34d;border-radius:999px;box-shadow:0 12px 30px #fbbf2426}.status-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto;font-size:30px;font-weight:900;border-radius:999px}.status-icon-error{color:#fecaca;background:#f43f5e21;border:1px solid rgba(251,113,133,.35)}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 13px;color:#fcd34d;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;background:#fbbf241f;border:1px solid rgba(251,191,36,.27);border-radius:999px}.account-details{display:flex;flex-direction:column;gap:5px;margin-top:18px;padding:14px 16px;overflow-wrap:anywhere;text-align:left;background:#020617;border:1px solid #1e293b;border-radius:12px}.account-details span{color:#94a3b8;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.account-details strong{color:#fff}.account-details .pending-text{color:#fcd34d}.status-button{margin-top:22px}.loading-indicator{display:flex;justify-content:center;gap:7px;margin-top:20px}.loading-indicator span{width:8px;height:8px;background:#fbbf24;border-radius:999px;animation:loading-pulse 1.2s infinite ease-in-out}.loading-indicator span:nth-child(2){animation-delay:.15s}.loading-indicator span:nth-child(3){animation-delay:.3s}@keyframes loading-pulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}@media(max-width:900px){nav{grid-template-columns:repeat(2,minmax(0,1fr))}.groups{grid-template-columns:repeat(6,minmax(0,1fr))}.grid2{grid-template-columns:minmax(0,1fr)}header{align-items:flex-start}}@media(max-width:600px){header{flex-direction:column;align-items:stretch}header .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}header .actions button{width:100%}nav{padding:12px}nav button{padding:9px 7px;font-size:13px}main{padding:12px}.groups{grid-template-columns:repeat(4,minmax(0,1fr))}.sectionhead{align-items:stretch;flex-direction:column}.sectionhead button{align-self:flex-start}.cards{grid-template-columns:minmax(0,1fr)}.card{padding:14px}.tablewrap{margin:0}table{min-width:570px}th,td{padding:11px 10px}.modal{align-items:start;padding:10px}.dialog{max-height:calc(100vh - 20px)}.status-card{padding:25px 19px}.account-details{padding:13px}}.cards article.card>p{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:34px;margin:6px 0}.cards article.card>p b{flex-shrink:0;min-width:36px;margin-left:auto;color:#fff;font-size:18px;font-weight:900;text-align:right}.cards article.card>p.win{color:#6ee7b7}.cards article.card>p.win b{float:none;color:#6ee7b7}.cards article.card>p:not(.win) b{float:none;color:#f8fafc}