/* BetPro Account Management Portal — no external framework required */
:root{--bg:#050607;--bg-soft:#0b0e14;--surface:#10151f;--surface-2:#151c28;--surface-3:#0d1119;--line:#293447;--text:#f7f9fb;--muted:#a0a8b8;--primary:#28d1c8;--primary-soft:rgba(40,209,200,.13);--success:#35d07f;--warning:#f6c946;--danger:#f07f86;--shadow:0 24px 58px rgba(0,0,0,.28);--radius:20px;--radius-sm:14px}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.muted{color:var(--muted)}.hidden{display:none!important}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}
.auth-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 14% 18%,rgba(40,209,200,.1),transparent 28%),radial-gradient(circle at 84% 82%,rgba(45,80,137,.16),transparent 27%),var(--bg)}.auth-card{width:min(100%,510px);border:1px solid var(--line);background:linear-gradient(160deg,rgba(20,27,39,.98),rgba(12,15,22,.98));border-radius:28px;padding:clamp(28px,5vw,48px);box-shadow:var(--shadow)}.auth-brand{display:flex;align-items:center;gap:14px;margin-bottom:28px}.auth-brand strong{font-size:1.25rem}.auth-brand small{display:block;color:var(--muted);margin-top:2px}.brand-logo{flex:0 0 auto;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,var(--primary),#76e7e0);color:#051010;font-weight:900;font-style:italic;font-family:Georgia,serif;box-shadow:0 10px 26px rgba(40,209,200,.18)}.brand-logo span{font-size:1.25em}.brand-logo img{width:100%;height:100%;object-fit:cover}.brand-logo-sm{width:46px;height:46px}.brand-logo-md{width:58px;height:58px}.brand-logo-lg{width:78px;height:78px}.auth-card h1{font-size:2rem;margin:0 0 8px}.auth-card>p{color:var(--muted);margin:0 0 28px}.auth-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;color:var(--muted);font-size:.93rem;margin-top:18px}.auth-links a,.link-primary{color:var(--primary);font-weight:700}.form-grid{display:grid;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:8px}.field label{font-weight:700;color:#e6ebf1;font-size:.94rem}.field small{color:var(--muted);font-size:.8rem}.field input,.field select,.field textarea,.field .input-static{width:100%;background:#07090d;border:1px solid #344057;border-radius:14px;color:var(--text);padding:14px 15px;outline:none;transition:.2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.field textarea{resize:vertical;min-height:110px}.field input[type=file]{padding:11px}.input-icon{position:relative}.input-icon input{padding-left:48px}.input-icon>span{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--primary);z-index:1}.check-row{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.9rem}.check-row input{accent-color:var(--primary)}.button,.button-outline,.button-danger,.button-soft{border:1px solid transparent;border-radius:14px;min-height:46px;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.button:hover,.button-outline:hover,.button-danger:hover,.button-soft:hover{transform:translateY(-1px)}.button{background:linear-gradient(110deg,var(--primary),#18bcb6);color:#061010;box-shadow:0 10px 22px rgba(40,209,200,.12)}.button-outline{background:transparent;border-color:#354158;color:var(--text)}.button-danger{background:rgba(214,59,69,.12);color:var(--danger);border-color:rgba(240,127,134,.3)}.button-soft{background:var(--primary-soft);color:var(--primary);border-color:rgba(40,209,200,.22)}.button-sm{min-height:38px;padding:8px 12px;border-radius:11px;font-size:.88rem}.button-block{width:100%}.button[disabled]{opacity:.55;cursor:not-allowed;transform:none}.alert{position:relative;margin:0 0 18px;padding:13px 44px 13px 15px;border-radius:13px;border:1px solid var(--line);font-weight:600}.alert-success{background:rgba(53,208,127,.11);border-color:rgba(53,208,127,.34);color:#b8f7d2}.alert-danger{background:rgba(240,127,134,.12);border-color:rgba(240,127,134,.34);color:#ffd1d4}.alert-info{background:var(--primary-soft);border-color:rgba(40,209,200,.28);color:#c5fffb}.alert-close{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:currentColor;font-size:1.35rem}.alert-fade{opacity:0;transition:opacity .7s}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;font-size:.8rem;font-weight:800;line-height:1;white-space:nowrap}.badge-success{background:rgba(53,208,127,.14);color:#5fe797}.badge-warning{background:rgba(246,201,70,.15);color:#ffd660}.badge-danger{background:rgba(240,127,134,.14);color:#ff9ca2}.badge-muted{background:#263143;color:#d7dee8}.badge-info{background:var(--primary-soft);color:var(--primary)}
.app-body{min-height:100vh}.user-shell{min-height:100vh;padding-bottom:86px}.topbar{position:sticky;top:0;z-index:20;min-height:76px;display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px clamp(16px,4vw,40px);border-bottom:1px solid rgba(48,62,84,.65);background:rgba(11,14,20,.94);backdrop-filter:blur(12px)}.topbar-brand{display:flex;align-items:center;gap:12px;min-width:0}.topbar-brand strong{display:block;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-brand small{display:block;color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{display:flex;align-items:center;gap:12px}.notification-button{height:41px;width:41px;position:relative;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px}.notification-button>span{font-size:1.05rem}.notification-button>b{position:absolute;top:-7px;right:-6px;background:var(--danger);color:#220609;border:2px solid var(--bg-soft);min-width:19px;height:19px;padding:1px 4px;border-radius:10px;font-size:.64rem;text-align:center}.logout-link{color:var(--danger);font-weight:800}.user-main{width:min(100%,1120px);padding:clamp(20px,4vw,38px);margin:0 auto}.welcome-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:28px}.welcome-copy{display:flex;gap:14px;align-items:center}.welcome-copy h1{font-size:clamp(1.55rem,4vw,2.35rem);margin:1px 0 0}.welcome-copy p{color:var(--muted);margin:0}.status-pill{border:1px solid rgba(53,208,127,.45);background:rgba(53,208,127,.08);color:#61e99b;border-radius:100px;padding:8px 12px;font-weight:800;white-space:nowrap}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}.action-card{min-height:190px;border-radius:var(--radius);border:1px solid var(--line);padding:24px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.action-card:hover{transform:translateY(-3px);border-color:var(--primary)}.action-card.deposit{background:radial-gradient(circle at 5% 12%,rgba(40,209,200,.22),transparent 45%),linear-gradient(135deg,#103d3d,#081817)}.action-card.withdraw{background:radial-gradient(circle at 7% 10%,rgba(240,127,134,.2),transparent 46%),linear-gradient(135deg,#3a151b,#16080a)}.action-card .action-symbol{font-size:2.3rem;line-height:1}.action-card h2{margin:0;font-size:1.65rem}.action-card p{color:#bac2ce;margin:4px 0}.action-card .arrow{font-size:1.7rem;color:var(--primary)}.action-card.withdraw .arrow{color:var(--danger)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:22px}.card{background:linear-gradient(150deg,rgba(18,23,33,.98),rgba(13,17,25,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 30px rgba(0,0,0,.13)}.card-pad{padding:clamp(20px,3vw,28px)}.section-title{display:flex;align-items:center;gap:10px;margin:0 0 17px;font-size:1.22rem}.section-title .icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#050709;color:var(--primary)}.credential-card{border-color:rgba(40,209,200,.43);background:linear-gradient(150deg,rgba(10,24,29,.98),rgba(15,21,31,.98))}.credential-card .title-row{display:flex;justify-content:space-between;gap:15px;align-items:center}.credential-card .title-row h2{margin:0;font-size:1.45rem}.credential-grid{margin:18px 0;display:grid;gap:12px;padding:16px;border-radius:15px;background:#0c111a;border:1px solid rgba(40,209,200,.3)}.credential-line{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#111824;border-radius:10px;padding:13px 15px}.credential-line span{color:var(--muted)}.credential-line strong{color:var(--primary);font-size:1.15rem;word-break:break-all}.announcement-card{display:flex;gap:15px;align-items:flex-start}.announcement-icon{height:46px;width:46px;flex:0 0 auto;border-radius:13px;background:rgba(246,201,70,.14);display:grid;place-items:center;color:var(--warning);font-size:1.35rem}.announcement-card h3{margin:0 0 5px}.announcement-card p{margin:0;color:var(--muted);font-size:.92rem}.activity-list{display:grid;gap:0}.activity{display:grid;grid-template-columns:10px 1fr auto;align-items:start;gap:11px;padding:14px 0;border-bottom:1px solid rgba(47,61,82,.7)}.activity:last-child{border-bottom:0}.activity-dot{width:9px;height:9px;background:var(--primary);border-radius:50%;margin-top:7px}.activity strong{display:block}.activity p{margin:2px 0 0;color:var(--muted);font-size:.9rem}.activity time{font-size:.78rem;color:var(--muted);white-space:nowrap}.bottom-nav{position:fixed;z-index:25;bottom:0;left:0;right:0;height:78px;padding:8px max(12px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-right));background:rgba(13,17,25,.98);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-evenly;box-shadow:0 -14px 34px rgba(0,0,0,.25)}.bottom-nav a{height:60px;min-width:70px;display:grid;place-items:center;gap:3px;color:#8994a5;border-radius:14px;padding:6px 10px}.bottom-nav a span{font-size:1.37rem;line-height:1}.bottom-nav a small{font-size:.74rem}.bottom-nav a.active{color:var(--primary);background:rgba(40,209,200,.07)}.whatsapp-float{position:fixed;right:20px;bottom:97px;z-index:30;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#2dc65b;color:white;font-size:1.8rem;box-shadow:0 15px 30px rgba(0,0,0,.35)}
.page-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin:0 0 24px}.page-heading h1{font-size:clamp(1.65rem,3.4vw,2.25rem);margin:4px 0 5px}.page-heading p{margin:0;color:var(--muted)}.eyebrow{color:var(--primary);font-size:.78rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:22px}.stack{display:grid;gap:20px}.form-card{padding:clamp(20px,4vw,30px)}.form-card h2{margin:0 0 7px}.form-card>p{margin:0 0 22px;color:var(--muted)}.method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.method-choice{display:block;position:relative}.method-choice input{opacity:0;position:absolute}.method-choice label{min-height:112px;padding:16px;display:grid;place-items:center;gap:9px;text-align:center;background:var(--surface);border:2px solid var(--line);border-radius:15px;font-weight:800;cursor:pointer}.method-choice input:checked+label{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.method-choice .method-icon{font-size:1.6rem;color:var(--primary)}.payment-box{padding:18px;background:#090d13;border:1px solid var(--line);border-radius:16px}.payment-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.payment-detail-grid div{padding:12px;border-radius:11px;background:var(--surface-2)}.payment-detail-grid small{display:block;color:var(--muted);margin-bottom:3px}.payment-detail-grid strong{word-break:break-all}.payment-instructions{color:var(--muted);white-space:pre-wrap}.payment-qr{max-width:185px;margin-top:10px;border-radius:10px;border:1px solid var(--line)}.upload-box{border:2px dashed #42506a;border-radius:16px;padding:22px;text-align:center;background:rgba(10,14,21,.75)}.upload-box strong{display:block;font-size:1.12rem}.upload-box small{color:var(--muted)}.request-list{display:grid;gap:15px}.request-card{padding:19px;border:1px solid var(--line);background:var(--surface);border-radius:16px}.request-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.request-card h3{margin:0 0 5px;font-size:1.1rem}.request-card p{margin:0;color:var(--muted)}.request-meta{display:flex;gap:11px;flex-wrap:wrap;margin-top:12px;color:var(--muted);font-size:.9rem}.request-meta strong{color:var(--text)}.notice-box{padding:16px;border-left:3px solid var(--primary);background:var(--primary-soft);border-radius:0 12px 12px 0;color:#c7fbf8}.profile-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:35px}.avatar{display:grid;place-items:center;width:112px;height:112px;border-radius:50%;background:linear-gradient(145deg,var(--primary),#1bbeb7);font-size:2.25rem;color:#051010;font-weight:900;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.profile-hero h1{margin:16px 0 3px}.profile-hero p{margin:0;color:var(--muted)}.profile-summary{padding:23px;display:grid;gap:17px}.summary-row{display:flex;justify-content:space-between;gap:20px;align-items:center}.summary-row span{color:var(--muted)}.summary-row strong{word-break:break-all;text-align:right}.ticket-message-list{display:grid;gap:14px}.ticket-message{padding:16px;border-radius:15px;border:1px solid var(--line);background:var(--surface)}.ticket-message.admin{border-color:rgba(40,209,200,.28);background:rgba(40,209,200,.06)}.ticket-message.internal{border-color:rgba(246,201,70,.35);background:rgba(246,201,70,.07)}.ticket-message-head{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:.84rem;margin-bottom:8px}.ticket-message p{margin:0;white-space:pre-wrap}.empty-state{padding:42px 22px;text-align:center;border:1px dashed #44516a;border-radius:18px;background:rgba(18,23,33,.6)}.empty-icon{font-size:2rem;color:var(--primary)}.empty-state h3{margin:10px 0 4px}.empty-state p{color:var(--muted);margin:0 0 17px}
.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.admin-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:#0b0f16;border-right:1px solid var(--line);padding:23px 14px;z-index:50}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 9px 25px;border-bottom:1px solid var(--line)}.sidebar-brand strong{display:block;font-size:1.05rem}.sidebar-brand small{display:block;color:var(--muted);font-size:.75rem;margin-top:2px}.side-nav{display:grid;gap:5px;overflow-y:auto;padding:18px 0}.side-nav a{min-height:43px;padding:10px 11px;display:flex;align-items:center;gap:11px;border-radius:11px;color:#b4bfcc;font-weight:700;font-size:.91rem}.side-nav a span{width:22px;text-align:center;color:#8a97a8}.side-nav a:hover{background:#151d2a;color:#f7f9fb}.side-nav a.active{background:var(--primary);color:#051010;box-shadow:0 10px 20px rgba(40,209,200,.12)}.side-nav a.active span{color:#051010}.sidebar-logout{margin-top:auto;color:var(--danger);font-weight:800;padding:11px}.admin-content{min-width:0}.admin-main{padding:clamp(22px,4vw,42px);max-width:1600px;margin:0 auto}.admin-body .topbar{position:sticky}.mobile-menu-toggle{display:none}.icon-button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;width:38px;height:38px;font-size:1.1rem}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.metric-card{padding:20px;background:linear-gradient(145deg,#121924,#0e121b);border:1px solid var(--line);border-radius:18px;min-height:129px}.metric-card small{display:block;color:var(--muted);font-weight:700}.metric-card strong{display:block;font-size:2rem;margin-top:12px}.metric-card.primary strong{color:var(--primary)}.metric-card.success strong{color:var(--success)}.metric-card.warning strong{color:var(--warning)}.metric-card.danger strong{color:var(--danger)}.admin-card{padding:clamp(18px,3vw,27px)}.admin-card h2{margin:0 0 17px;font-size:1.22rem}.data-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:end;padding:18px;margin-bottom:16px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.data-toolbar .field{min-width:160px;flex:1}.data-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.data-table{width:100%;border-collapse:collapse;min-width:680px}.data-table th,.data-table td{padding:14px 15px;text-align:left;border-bottom:1px solid rgba(48,62,84,.65);vertical-align:middle}.data-table th{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:#9ba5b4}.data-table td{font-size:.93rem}.data-table tr:last-child td{border-bottom:0}.data-table a{color:var(--primary);font-weight:700}.compact-cards{display:none}.filter-actions{display:flex;gap:10px;align-items:center}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.detail-box{padding:15px;border:1px solid var(--line);background:#0d121b;border-radius:14px}.detail-box small{display:block;color:var(--muted);margin-bottom:4px}.detail-box strong{word-break:break-word}.detail-box.full{grid-column:1/-1}.detail-section{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}.detail-section h3{margin:0 0 14px}.admin-actions{display:flex;gap:10px;flex-wrap:wrap}.list-line{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid rgba(48,62,84,.65)}.list-line:last-child{border-bottom:0}.list-line p{margin:3px 0 0;color:var(--muted);font-size:.9rem}.switch{display:flex;align-items:center;gap:10px}.switch input{accent-color:var(--primary);width:18px;height:18px}.key-mask{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;background:#080b10;padding:11px 12px;border-radius:10px;border:1px solid var(--line)}.logo-preview{display:flex;align-items:center;gap:12px}.logo-preview img{height:54px;width:54px;border-radius:14px;object-fit:cover;border:1px solid var(--line)}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:20px}.receipt-preview{display:block;max-width:100%;max-height:500px;border-radius:14px;border:1px solid var(--line);margin-top:10px}.table-note{font-size:.83rem;color:var(--muted);margin-top:10px}.pill-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 20px}.pill-tabs a{padding:9px 13px;border:1px solid var(--line);border-radius:11px;font-weight:800;color:var(--muted)}.pill-tabs a.active{background:var(--primary);color:#071010;border-color:var(--primary)}.footer-note{margin:28px 0 8px;color:var(--muted);font-size:.86rem;text-align:center}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid,.content-grid,.two-col{grid-template-columns:1fr}.admin-shell{grid-template-columns:225px minmax(0,1fr)}}
@media(max-width:780px){.auth-body{padding:16px}.auth-card{padding:27px 22px;border-radius:22px}.form-row{grid-template-columns:1fr}.topbar{min-height:68px;padding:10px 16px}.topbar-brand small{display:none}.logout-link{font-size:.85rem}.welcome-row{align-items:center}.hero-actions{gap:13px}.action-card{min-height:160px;padding:18px}.action-card h2{font-size:1.35rem}.dashboard-grid{gap:15px}.card-pad{padding:19px}.bottom-nav{height:72px}.bottom-nav a{height:55px;min-width:64px}.whatsapp-float{bottom:85px;width:55px;height:55px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading .button{width:100%}.admin-shell{display:block}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:min(86vw,300px);transform:translateX(-105%);transition:transform .22s;box-shadow:20px 0 45px rgba(0,0,0,.35)}.admin-sidebar.is-open{transform:translateX(0)}.mobile-menu-toggle{display:inline-grid;place-items:center}.admin-main{padding:20px 15px 30px}.admin-body .topbar{padding-left:14px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.metric-card{min-height:112px;padding:16px}.metric-card strong{font-size:1.65rem;margin-top:9px}.data-table-wrap{display:none}.compact-cards{display:grid;gap:12px}.compact-card{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:15px}.compact-card-head{display:flex;justify-content:space-between;gap:10px;align-items:start}.compact-card h3{margin:0;font-size:1.02rem}.compact-card p{margin:3px 0;color:var(--muted);font-size:.88rem}.compact-card .card-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.data-toolbar{padding:15px;display:grid}.data-toolbar .field{min-width:0}.filter-actions{display:grid;grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.detail-box.full{grid-column:auto}.payment-detail-grid{grid-template-columns:1fr}.profile-hero{padding:27px}.profile-summary{padding:19px}.summary-row{align-items:flex-start}.summary-row strong{max-width:55%}.ticket-message-head{flex-direction:column;gap:2px}.admin-actions .button,.admin-actions .button-outline,.admin-actions .button-danger{flex:1}.user-main{padding:20px 15px}.method-grid{grid-template-columns:1fr 1fr}.method-choice label{min-height:100px}.credential-line{flex-direction:column;align-items:flex-start;gap:5px}.credential-card .title-row{align-items:flex-start;flex-direction:column}.activity{grid-template-columns:9px 1fr}.activity time{grid-column:2}.content-grid{gap:15px}.form-card{padding:20px}.topbar-actions{gap:8px}.notification-button{width:38px;height:38px}}
@media(max-width:390px){.metric-grid{grid-template-columns:1fr 1fr}.bottom-nav a{min-width:55px;padding:6px}.bottom-nav a small{font-size:.68rem}.topbar-brand strong{font-size:.98rem}.hero-actions{grid-template-columns:1fr}.action-card{min-height:138px}.method-grid{grid-template-columns:1fr}.auth-card h1{font-size:1.65rem}}

/* Form-based logout controls keep session termination CSRF-protected. */
.logout-form,.sidebar-logout-form{margin:0}.logout-button{border:0;background:transparent;padding:6px;color:var(--danger);font-weight:800}.sidebar-logout{display:block;width:100%;border:0;background:transparent;text-align:left;margin-top:auto;color:var(--danger);font-weight:800;padding:11px}.account-assigned-at{margin:-4px 0 15px;font-size:.88rem}

/* 2026 account-creation, payment-method and adaptive sidebar upgrades */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.field-help{margin:-2px 0 2px;color:var(--muted);font-size:.86rem}
.copy-value-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.copy-value-row strong{min-width:0;word-break:break-word}.copy-button{flex:0 0 auto}
.payment-selector{display:grid;gap:12px;margin:0;padding:0;border:0}.payment-selector legend{font-weight:800;padding:0}.payment-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.payment-card{position:relative;min-height:132px;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(20,28,40,.9),rgba(11,16,24,.95));cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.payment-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 55%,var(--line));box-shadow:0 12px 26px rgba(0,0,0,.2)}.payment-card:focus-within{outline:3px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:2px}.payment-card.is-selected{border-color:var(--primary);background:linear-gradient(145deg,rgba(40,209,200,.18),rgba(20,31,42,.95));box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 35%,transparent),0 12px 28px rgba(40,209,200,.12)}.payment-card input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.payment-card-logo{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;border:1px solid var(--line);background:#0a0e15;overflow:hidden}.payment-card-logo img{display:block;width:100%;height:100%;object-fit:cover}.payment-card-logo b{font-size:1rem;color:var(--primary)}.payment-card-name{font-weight:800;line-height:1.3;word-break:break-word}.payment-card-check{position:absolute;right:12px;top:11px;display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--line);border-radius:50%;font-size:.75rem;color:transparent}.payment-card.is-selected .payment-card-check{border-color:var(--primary);background:var(--primary);color:#061010}.payment-box{padding:17px;border:1px solid var(--line);border-radius:16px;background:rgba(15,21,31,.82)}.payment-box h3{margin:0 0 14px;font-size:1.02rem}.payment-details[hidden]{display:none!important}.payment-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.payment-detail-grid>div{display:grid;gap:7px;align-content:start;padding:12px;border-radius:12px;background:#0a0e15;border:1px solid rgba(48,62,84,.72)}.payment-detail-grid small{color:var(--muted)}.payment-detail-grid strong{word-break:break-word}.payment-detail-grid .button-soft{justify-self:start}.payment-instructions{margin:15px 0 0;line-height:1.62;color:#d1d9e3;white-space:pre-wrap}.payment-qr{display:block;width:min(220px,100%);height:auto;margin:16px auto 0;padding:8px;border-radius:14px;background:#fff}.countdown-panel{display:grid;gap:7px;margin-top:17px;padding:18px;border:1px solid color-mix(in srgb,var(--primary) 42%,var(--line));border-radius:15px;background:linear-gradient(135deg,rgba(40,209,200,.12),rgba(17,25,36,.9))}.countdown-panel>span,.countdown-panel small{color:var(--muted)}.countdown-panel>strong{font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,4vw,2.55rem);letter-spacing:.055em;color:var(--primary)}.delayed-account-notice{margin:15px 0 0;padding:16px;border-left:3px solid var(--warning);border-radius:0 12px 12px 0;background:rgba(246,201,70,.1);color:#fff2bd;line-height:1.58}.account-progress-card{overflow:hidden}.mobile-app-card{border-color:color-mix(in srgb,var(--primary) 40%,var(--line));background:linear-gradient(145deg,rgba(26,52,58,.76),rgba(16,22,32,.96))}.mobile-app-version{display:inline-flex;margin:14px 0 0;padding:5px 9px;border-radius:999px;background:rgba(40,209,200,.14);color:var(--primary);font-size:.8rem;font-weight:800}.sidebar-toggle{display:inline-grid;place-items:center}.sidebar-overlay{display:none}.admin-sidebar .nav-label,.sidebar-brand-copy{min-width:0}.side-nav a{position:relative}.side-nav a .nav-icon{flex:0 0 22px}.sidebar-logout{display:flex;align-items:center;gap:11px}
@media(min-width:781px){.admin-shell{grid-template-columns:260px minmax(0,1fr);transition:grid-template-columns .22s ease}.admin-sidebar{width:260px;transition:width .22s ease,padding .22s ease}.sidebar-toggle{display:inline-grid}.sidebar-collapsed .admin-shell{grid-template-columns:72px minmax(0,1fr)}.sidebar-collapsed .admin-sidebar{width:72px;padding-inline:10px}.sidebar-collapsed .sidebar-brand{justify-content:center;padding-inline:0}.sidebar-collapsed .sidebar-brand-copy,.sidebar-collapsed .nav-label{display:none}.sidebar-collapsed .side-nav a{justify-content:center;padding-inline:8px}.sidebar-collapsed .side-nav a .nav-icon{width:26px}.sidebar-collapsed .sidebar-logout{justify-content:center;padding-inline:8px}.sidebar-collapsed .side-nav a[data-nav-tooltip]:hover::after{content:attr(data-nav-tooltip);position:absolute;left:calc(100% + 12px);z-index:200;white-space:nowrap;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#080c13;color:var(--text);font-size:.78rem;box-shadow:0 12px 24px rgba(0,0,0,.3)}}
@media(max-width:780px){.sidebar-toggle{display:inline-grid}.admin-sidebar{width:min(86vw,300px)!important;transform:translateX(-105%)!important;transition:transform .22s ease}.sidebar-open .admin-sidebar{transform:translateX(0)!important}.sidebar-overlay{position:fixed;inset:0;z-index:45;display:block;border:0;background:rgba(0,0,0,.52);cursor:pointer}.sidebar-open{overflow:hidden}.payment-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-card{min-height:116px;grid-template-columns:1fr;justify-items:center;text-align:center;gap:8px;padding:13px}.payment-card-check{right:8px;top:8px}.payment-card-logo{width:46px;height:46px}.payment-detail-grid{grid-template-columns:1fr}.copy-value-row{align-items:flex-start;flex-direction:column}.copy-button{align-self:flex-start}.countdown-panel>strong{font-size:1.75rem;letter-spacing:.035em}}
@media(max-width:390px){.payment-card-grid{grid-template-columns:1fr}.payment-card{grid-template-columns:52px minmax(0,1fr);justify-items:stretch;text-align:left;min-height:92px}.payment-card-logo{width:48px;height:48px}}
/* Settings, account creation, and protected-download refinements */
.settings-form{display:grid;gap:20px}.settings-section{padding:clamp(18px,3vw,26px)}.settings-section>h2{margin:0 0 8px;font-size:1.2rem}.settings-section>p{margin:0 0 18px}.switch-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px}.readonly-note{padding:13px 15px;border:1px dashed #40506a;border-radius:13px;background:#0b1018;color:var(--muted);line-height:1.55}.settings-test-row{display:flex;gap:10px;align-items:center;margin-top:16px}.settings-test-row input{flex:1;min-width:0;background:#07090d;border:1px solid #344057;border-radius:14px;color:var(--text);padding:12px 14px;outline:none}.settings-test-row input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.settings-save{position:sticky;bottom:14px;z-index:10;box-shadow:0 14px 32px rgba(0,0,0,.35)}.inline-details{border:1px solid var(--line);border-radius:13px;padding:0;background:#0b1018}.inline-details>summary{padding:12px 14px;cursor:pointer;font-weight:800}.inline-details>div{padding:0 14px 14px}.status-overdue{color:#ffd660}.copy-value-row{display:flex;gap:12px;justify-content:space-between;align-items:center}.copy-button{white-space:nowrap}.copy-feedback{min-height:1.1em;color:var(--success);font-size:.82rem;font-weight:800}.app-download-card{display:grid;gap:12px}.app-download-card .button{width:max-content;max-width:100%}
@media(max-width:620px){.settings-test-row{align-items:stretch;flex-direction:column}.settings-test-row .button-outline{width:100%}.form-row{grid-template-columns:1fr}.settings-save{position:static}.app-download-card .button{width:100%}}


/* Customer/mobile access and reliable small-screen navigation fixes. */
.auth-whatsapp{width:100%;min-height:46px;text-decoration:none;margin-top:16px;border:1px solid rgba(45,198,91,.6);border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;background:rgba(45,198,91,.14);color:#d9ffe4;font-weight:800;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.auth-whatsapp:hover{transform:translateY(-1px);background:rgba(45,198,91,.22)}
.auth-support-note{margin:14px 0 0;text-align:center;color:var(--muted);font-size:.9rem}
.whatsapp-float{border:1px solid rgba(255,255,255,.32)}.whatsapp-float span:last-child{display:none}
.sidebar-overlay[hidden]{display:none!important;pointer-events:none!important}.sidebar-overlay:not([hidden]){pointer-events:auto}
@media(max-width:780px){
    .sidebar-overlay[hidden]{display:none!important;visibility:hidden!important;pointer-events:none!important}
    .sidebar-overlay:not([hidden]){display:block!important;visibility:visible!important;pointer-events:auto}
    .admin-sidebar{z-index:60!important}.sidebar-overlay{z-index:55!important}
    .auth-body{align-items:start;padding:max(18px,env(safe-area-inset-top)) 15px max(24px,env(safe-area-inset-bottom));overflow-x:hidden}
    .auth-card{margin:auto 0;width:100%;border-radius:22px;padding:24px 20px}
    .auth-card .form-row{grid-template-columns:1fr}
    .auth-whatsapp{min-height:50px}
    .bottom-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}
}


/* 2026-07-02 manual-request limits, WhatsApp SVG and administrative queue badges */
.whatsapp-icon{display:block;flex:0 0 auto;width:1.25em;height:1.25em;fill:currentColor}
.auth-whatsapp .whatsapp-icon{width:22px;height:22px;color:#53e580}.auth-whatsapp .whatsapp-label{line-height:1.2}
.whatsapp-float{display:grid;place-items:center}.whatsapp-float .whatsapp-icon{width:29px;height:29px;color:currentColor}.whatsapp-float .whatsapp-label{display:none}
.sidebar-count-badge{margin-left:auto;min-width:22px;height:22px;padding:0 6px;display:inline-grid;place-items:center;border:1px solid rgba(40,209,200,.5);border-radius:999px;background:rgba(40,209,200,.16);color:#a9fffb;font-size:.72rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;flex:0 0 auto;pointer-events:none;box-shadow:0 5px 12px rgba(0,0,0,.16)}
.side-nav a.active .sidebar-count-badge{border-color:rgba(8,16,16,.35);background:rgba(7,16,16,.2);color:#efffff}
@media(min-width:781px){.sidebar-collapsed .side-nav a .sidebar-count-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 4px;font-size:.62rem}.sidebar-collapsed .side-nav a .sidebar-count-badge{margin-left:0}}
@media(max-width:780px){.side-nav a .sidebar-count-badge{margin-left:auto;margin-right:2px;min-width:24px;height:24px;font-size:.76rem}.whatsapp-float .whatsapp-icon{width:27px;height:27px}}