:root{
  --green:#16733b;--green-2:#0f5d30;--mint:#eef9ef;--lime:#9bd35a;--gold:#efb93d;
  --ink:#183126;--muted:#718078;--line:#dbe7dd;--white:#fff;--red:#c83d45;--blue:#2f6ce5;
  --shadow:0 14px 38px rgba(24,68,43,.14);--radius:20px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f5faf5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.muted{color:var(--muted)}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:url('farm-bg.png') center/cover fixed no-repeat;position:relative}.auth-overlay{position:fixed;inset:0;background:linear-gradient(145deg,rgba(7,65,31,.28),rgba(255,255,255,.28));backdrop-filter:blur(2px)}.auth-card{position:relative;width:min(430px,100%);background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.7);border-radius:26px;padding:28px;box-shadow:var(--shadow)}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-lockup b{display:block;font-size:22px;color:var(--green-2)}.brand-lockup small{display:block;color:var(--muted);margin-top:2px}.brand-lockup.small b{font-size:19px}.brand-leaf{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#e8f8d3,#b9e66f);font-size:25px;box-shadow:inset 0 0 0 1px rgba(22,115,59,.08)}.auth-card h1{margin:28px 0 5px;font-size:31px}.stack-form,.panel-form{display:grid;gap:14px;margin-top:20px}.stack-form label,.panel-form label,.admin-form-grid label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#44544a}.optional{font-weight:500;color:var(--muted)}input,select{width:100%;border:1px solid var(--line);border-radius:13px;padding:13px 14px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus{border-color:#67a979;box-shadow:0 0 0 3px rgba(22,115,59,.08)}input[type=file]{padding:10px;background:#f9fcf9}.primary-btn,.admin-primary{border:0;border-radius:13px;padding:14px 18px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--green),var(--green-2));box-shadow:0 9px 22px rgba(22,115,59,.18)}.primary-btn[disabled]{opacity:.48;cursor:not-allowed}.link-btn{display:block;text-align:center}.auth-switch{text-align:center;color:var(--muted);margin:19px 0 0}.auth-switch a{color:var(--green);font-weight:800}.alert{border-radius:13px;padding:12px 14px;margin:14px 0;font-size:14px}.alert.error{background:#fff0f1;color:#9d2630;border:1px solid #f4c7cb}.alert.success{background:#eefaf0;color:#176635;border:1px solid #cfead6}.alert a{text-decoration:underline;font-weight:700}
.app-page{min-height:100vh;background:linear-gradient(rgba(245,250,245,.91),rgba(245,250,245,.95)),url('farm-bg.png') center/cover fixed no-repeat;padding-bottom:90px}.app-shell{width:min(900px,100%);margin:auto;padding:18px 14px 100px}.tab-content,.action-page{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.75);border-radius:25px;padding:18px;box-shadow:0 18px 46px rgba(31,79,47,.09)}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#d9f2c8,#92cf63);color:#175a31;font-weight:900}.avatar.tiny{width:34px;height:34px;font-size:13px}.avatar.large{width:62px;height:62px;font-size:24px}.home-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.home-actions a{min-width:0;background:#fff;border:1px solid var(--line);border-radius:17px;padding:12px 8px;text-align:center;display:grid;gap:7px;place-items:center;box-shadow:0 6px 18px rgba(31,79,47,.06)}.home-actions b{font-size:12px}.action-icon{width:45px;height:45px;border-radius:15px;background:linear-gradient(145deg,#eff8e7,#cdeca9);display:grid;place-items:center}.action-icon svg,.admin-sidebar svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.balance-card{margin-top:14px;border-radius:22px;padding:20px;color:#fff;background:linear-gradient(135deg,#0e6b35,#2c8d4d);position:relative;overflow:hidden}.balance-card:after{content:"";position:absolute;right:-35px;top:-45px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.09)}.balance-card span,.balance-card small{display:block;opacity:.86}.balance-card strong{display:block;font-size:30px;margin:4px 0 9px}.telegram-card{margin-top:12px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 14px}.telegram-card .telegram-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#e6f4ff;color:#228ad5;font-size:22px}.telegram-card div{flex:1}.telegram-card small,.telegram-card b{display:block}.telegram-card small{color:var(--muted);font-size:10px;letter-spacing:.08em}.telegram-card.disabled{opacity:.72}.stat-grid,.team-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.stat-grid article,.team-summary article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px;text-align:center}.stat-grid b,.team-summary b{display:block;font-size:19px}.stat-grid span,.team-summary span,.team-summary small{color:var(--muted);font-size:11px}.section-title{margin:22px 0 12px}.section-title small{color:var(--green);font-weight:900;letter-spacing:.12em}.section-title h1,.section-title h2{margin:3px 0}.section-title p{color:var(--muted);margin:4px 0}.machine-row{display:flex;gap:12px;overflow:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.machine-row article{min-width:220px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;scroll-snap-align:start}.machine-row img{display:block;width:100%;height:112px;object-fit:cover;border-radius:13px;background:#e9f5e8}.machine-row b,.machine-row span{display:block;margin-top:7px}.machine-row span{font-size:12px;color:var(--muted)}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-card,.my-product-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 9px 24px rgba(31,79,47,.05)}.product-image{height:150px;background:linear-gradient(145deg,#eef8e6,#cbe8b2);display:grid;place-items:center}.product-image img{width:100%;height:100%;object-fit:cover}.product-image span{font-size:50px}.product-body,.my-product-card{padding:15px}.product-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.product-title h3,.my-product-card h3{margin:0}.product-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.product-numbers div{background:#f7fbf6;border-radius:11px;padding:9px}.product-numbers small,.product-numbers b{display:block}.product-numbers small{font-size:10px;color:var(--muted)}.product-numbers b{font-size:12px;margin-top:4px}.status{display:inline-block;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;background:#eef1ef}.status.open,.status.approved,.status.active{background:#e6f8eb;color:#1e733b}.status.soon,.status.pending{background:#fff5d9;color:#996d00}.status.rejected,.status.closed,.status.expired{background:#ffe8e9;color:#a33239}.empty-card,.member-empty{padding:20px;border:1px dashed #bfd4c3;border-radius:16px;background:#fbfefb;color:var(--muted);text-align:center}.team-block{background:#fff;border:1px solid var(--line);border-radius:18px;margin-top:12px;overflow:hidden}.team-head{display:flex;justify-content:space-between;padding:13px 15px;background:#f5faf4}.team-head span{background:#e1f3dd;color:var(--green);border-radius:999px;padding:3px 9px;font-size:12px}.member-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px 14px;border-top:1px solid #edf2ed}.member-row b,.member-row small{display:block}.member-row small,.member-row>span{color:var(--muted);font-size:11px}
.profile-card{background:linear-gradient(135deg,#125f34,#329055);color:#fff;border-radius:23px;padding:18px}.profile-top{display:flex;gap:12px;align-items:center}.profile-top h2,.profile-top p{margin:2px 0}.profile-balance{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.2)}.profile-balance span,.profile-balance b{display:block}.profile-balance b{font-size:27px}.me-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.me-actions a{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 8px;text-align:center}.me-actions span,.me-actions b{display:block}.me-actions span{font-size:25px;color:var(--green)}.me-actions b{font-size:12px;margin-top:6px}.settings-list{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.settings-list a{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:14px;border-bottom:1px solid #eef2ee}.settings-list a:last-child{border-bottom:0}.settings-list span{font-size:20px;color:var(--green)}.settings-list i{font-style:normal;color:#9aa69e}.settings-list .danger b,.settings-list .danger span{color:var(--red)}
.bottom-nav{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(900px,100%);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.97);border-top:1px solid #dbe7dd;box-shadow:0 -7px 25px rgba(30,72,44,.08);padding:8px 7px max(8px,env(safe-area-inset-bottom))}.bottom-nav a{text-align:center;display:grid;gap:2px;color:#86948a}.bottom-nav span{font-size:21px}.bottom-nav b{font-size:10px}.bottom-nav a.active{color:var(--green)}
.action-page{max-width:650px;margin:auto}.back-link{display:inline-block;color:var(--green);font-weight:800;margin-bottom:14px}.page-head{display:flex;align-items:center;gap:12px}.page-head h1,.page-head p{margin:2px 0}.page-head p{color:var(--muted)}.hd-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#dff2c7,#9ed466);color:#195e32;font-size:28px;font-weight:900}.bank-detail-card,.rule-card,.invite-card,.info-card{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.bank-detail-card{display:grid;grid-template-columns:1fr auto;gap:9px}.bank-detail-card span{color:var(--muted);font-size:12px}.bank-detail-card b{text-align:right}.rule-card{display:flex;flex-wrap:wrap;gap:8px}.rule-card>*{background:#f4f9f2;border-radius:999px;padding:7px 10px;font-size:12px}.panel-form small{font-weight:400;color:var(--muted)}.net-hint{background:#f7fbf6;border-radius:12px;padding:11px;color:var(--muted);font-size:12px}.invite-card strong{font-size:27px;color:var(--green);display:block;margin:5px 0 14px}.invite-card label{display:grid;gap:6px}.records{display:grid;gap:9px}.record-row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.record-row b,.record-row small{display:block}.record-row small{color:var(--muted);font-size:11px;margin-top:3px}.positive{color:#138342}.negative{color:#b03740}.toast{position:fixed;z-index:99;top:14px;left:50%;transform:translateX(-50%);width:min(92%,520px);padding:12px 16px;border-radius:14px;box-shadow:var(--shadow);font-weight:700}.toast.success{background:#e9f9ed;color:#156735}.toast.error{background:#fff0f1;color:#9d2630}
.closed-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(rgba(12,70,36,.55),rgba(12,70,36,.55)),url('farm-bg.png') center/cover}.closed-card{width:min(520px,100%);background:rgba(255,255,255,.96);border-radius:26px;padding:32px;text-align:center;box-shadow:var(--shadow)}.closed-icon{font-size:55px}.closed-card button{border:0;background:var(--green);color:#fff;border-radius:13px;padding:12px 18px;font-weight:800}
.admin-login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#0f2c57,#1d58a1)}.admin-login-card{width:min(430px,100%);background:#fff;border-radius:24px;padding:28px;box-shadow:0 22px 55px rgba(0,0,0,.23)}.admin-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:#e7f0ff;color:#1e5ba3;font-weight:900;font-size:21px}.admin-login-card h1{margin-bottom:5px}.admin-login-card p{color:var(--muted)}.admin-primary{background:linear-gradient(135deg,#1f63b5,#164886)}
.admin-page{margin:0;background:#eef3f9;color:#18304b}.admin-layout{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.admin-sidebar{background:linear-gradient(180deg,#123f78,#0b2c55);color:#fff;padding:20px 13px;position:sticky;top:0;height:100vh;overflow:auto}.admin-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:12px}.admin-brand>span{width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.13);display:grid;place-items:center;font-weight:900}.admin-brand b,.admin-brand small{display:block}.admin-brand small{opacity:.65}.admin-sidebar nav{display:grid;gap:4px}.admin-sidebar a{display:flex;gap:11px;align-items:center;padding:11px 12px;border-radius:11px;color:rgba(255,255,255,.76)}.admin-sidebar a.active,.admin-sidebar a:hover{background:rgba(255,255,255,.12);color:#fff}.admin-sidebar svg{width:20px;height:20px}.admin-main{padding:22px}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.admin-top small{color:#6d8198;font-weight:900;letter-spacing:.13em}.admin-top h1{margin:2px 0}.admin-user{text-align:right}.admin-user span,.admin-user b{display:block}.admin-user b{font-size:10px;color:#1d7c47}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.admin-stats article,.admin-panel{background:#fff;border:1px solid #dde6f0;border-radius:17px;box-shadow:0 8px 24px rgba(30,67,105,.05)}.admin-stats article{padding:18px}.admin-stats span{color:#73859a;font-size:12px}.admin-stats b{display:block;font-size:29px;margin-top:6px}.admin-panel{padding:18px;margin-top:14px}.admin-panel h2{margin-top:0}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-form-grid .admin-primary{align-self:end}.admin-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-edit-card{background:#f7faff;border:1px solid #e0e8f2;border-radius:14px;padding:13px;display:grid;gap:10px}.triple{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.row-actions{display:flex;gap:7px;align-items:center}.mini{border:0;border-radius:9px;padding:8px 11px;font-weight:800;color:#fff}.mini.blue{background:#2868b6}.mini.green{background:#23834c}.mini.red{background:#bf3f49}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:720px}.table-wrap th,.table-wrap td{text-align:left;padding:11px;border-bottom:1px solid #edf1f6;vertical-align:middle;font-size:13px}.table-wrap th{color:#687e95;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.table-wrap td small{display:block;color:#8392a2}.power-panel{text-align:center;max-width:650px}.power-icon{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#e8f0fb;color:#1b5a9d;font-size:42px}.site-state{display:inline-block;margin:14px 0;padding:8px 20px;border-radius:999px;font-weight:900}.site-state.on{background:#e7f8ed;color:#217544}.site-state.off{background:#ffe8ea;color:#ad3540}.security-note{color:#718398;font-size:13px}
@media(max-width:760px){.product-grid,.admin-cards{grid-template-columns:1fr}.admin-layout{display:block}.admin-sidebar{position:relative;height:auto}.admin-sidebar nav{grid-template-columns:repeat(2,1fr)}.admin-main{padding:14px}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-form-grid{grid-template-columns:1fr}.home-actions{grid-template-columns:repeat(4,1fr)}.home-actions b{font-size:10px}.product-numbers{grid-template-columns:1fr 1fr}.stat-grid,.team-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:460px){.app-shell{padding:10px 8px 92px}.tab-content,.action-page{padding:14px;border-radius:20px}.home-actions{gap:6px}.home-actions a{padding:10px 3px}.action-icon{width:39px;height:39px}.action-icon svg{width:21px;height:21px}.balance-card strong{font-size:26px}.product-grid{grid-template-columns:1fr}.product-numbers{grid-template-columns:repeat(3,1fr)}.me-actions b{font-size:10px}.admin-sidebar nav{grid-template-columns:1fr 1fr}.admin-top{align-items:flex-start}.admin-user{font-size:12px}.triple{grid-template-columns:1fr}.auth-card{padding:22px}}

/* Admin V2 sidebar/control-center refinements */
.admin-menu-toggle{display:none;position:fixed;z-index:80;top:12px;left:12px;width:42px;height:42px;border:0;border-radius:12px;background:#0f3d75;color:#fff;font-size:22px;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.admin-overlay{display:none}.admin-nav-label{padding:14px 12px 6px;color:#78a6d6;font-size:10px;font-weight:900;letter-spacing:.23em}.admin-sidebar nav{gap:2px}.admin-sidebar a{position:relative}.admin-sidebar a em{margin-left:auto;background:#3dd0ff;color:#073052;border-radius:999px;padding:3px 7px;font-size:9px;font-style:normal;font-weight:900}.admin-sidebar a em.danger-badge{background:#ff3f63;color:#fff}.admin-sidebar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.admin-logout{margin-top:12px;border:1px solid rgba(255,255,255,.14);justify-content:center}.analytics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.analytics-grid article b{font-size:21px}.narrow-panel{max-width:780px}.full-span{grid-column:1/-1}.admin-form-grid textarea{width:100%;border:1px solid #d8e1ec;border-radius:11px;padding:11px;font:inherit;resize:vertical;background:#fff}.message-admin-card{background:#f7faff;border:1px solid #e0e8f2;border-radius:14px;padding:14px}.message-admin-card h3{margin:5px 0}.message-admin-card small{color:#72859b}.danger-zone{border-color:#f1c9cd}.clear-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-danger{width:100%;border:0;border-radius:11px;padding:13px;background:#bd3946;color:#fff;font-weight:900}.admin-panel label{font-size:12px;font-weight:800;color:#52677d}.admin-panel input,.admin-panel select,.admin-panel textarea{margin-top:6px}.admin-sidebar::-webkit-scrollbar{width:5px}.admin-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:99px}
@media(max-width:1000px){.analytics-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.admin-menu-toggle{display:grid;place-items:center}.admin-layout{display:block}.admin-sidebar{position:fixed;z-index:90;left:-290px;top:0;width:280px;height:100vh;transition:left .22s ease;box-shadow:18px 0 45px rgba(3,20,39,.25)}.admin-menu-open .admin-sidebar{left:0}.admin-menu-open .admin-overlay{display:block;position:fixed;z-index:85;inset:0;background:rgba(5,19,34,.48)}.admin-main{padding:66px 12px 18px}.admin-sidebar nav{grid-template-columns:1fr}.admin-top{margin-bottom:12px}.clear-grid{grid-template-columns:1fr}.full-span{grid-column:auto}.analytics-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.analytics-grid{grid-template-columns:1fr 1fr}.analytics-grid article{padding:13px}.analytics-grid article b{font-size:17px}.admin-stats{grid-template-columns:1fr 1fr}.admin-top h1{font-size:24px}}

/* Admin V3 dashboard overview + finance notifications */
.admin-top-actions{display:flex;align-items:center;gap:12px}.admin-bell{position:relative;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #dde6f0;box-shadow:0 6px 16px rgba(30,67,105,.08);font-size:19px}.admin-bell em{position:absolute;right:-4px;top:-5px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:#ef334e;color:#fff;font-style:normal;font-size:10px;font-weight:900;border:2px solid #eef3f9}.dashboard-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.dashboard-kpis .kpi,.dashboard-money-grid article,.quick-status-card{background:#fff;border:1px solid #dde6f0;border-radius:17px;box-shadow:0 8px 24px rgba(30,67,105,.05)}.dashboard-kpis .kpi{padding:18px}.dashboard-kpis span,.dashboard-money-grid span{display:block;font-size:11px;font-weight:900;letter-spacing:.04em;color:#557087}.dashboard-kpis b{display:block;font-size:31px;margin:8px 0 4px;color:#16854d}.dashboard-kpis .danger b{color:#d22c43}.dashboard-kpis small,.dashboard-money-grid small{display:block;color:#9aa8b7;font-size:11px}.dashboard-money-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:14px}.dashboard-money-grid article{padding:18px}.dashboard-money-grid b{display:block;font-size:22px;margin:7px 0 5px;color:#229963}.dashboard-money-grid article:nth-child(2) b{color:#d4587a}.dashboard-money-grid article:nth-child(3) b{color:#25a6cf}.dashboard-money-grid article:nth-child(4) b{color:#775dd5}.member-search-form{display:grid;grid-template-columns:1fr auto;gap:10px}.member-search-form .admin-primary{padding:12px 20px}.quick-status-list{display:grid;gap:12px;margin-top:14px}.quick-status-card{padding:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#18304b}.quick-status-card b,.quick-status-card small{display:block}.quick-status-card small{margin-top:5px;color:#8a9aab}.quick-status-card strong{color:#2287bd}.quick-status-card strong.red-count{color:#e1344d}.users-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.users-head h2{margin:0}.inline-user-search{display:flex;gap:8px;align-items:center}.inline-user-search input{min-width:230px;padding:9px 11px}.admin-sidebar a .danger-badge{min-width:22px;text-align:center}
@media(max-width:760px){.dashboard-kpis{grid-template-columns:1fr}.dashboard-money-grid{grid-template-columns:1fr 1fr}.member-search-form{grid-template-columns:1fr}.member-search-form .admin-primary{width:100%}.users-head{align-items:stretch;flex-direction:column}.inline-user-search{display:grid;grid-template-columns:1fr auto}.inline-user-search input{min-width:0}.admin-top-actions{gap:7px}.admin-bell{width:38px;height:38px}}
@media(max-width:430px){.dashboard-money-grid{grid-template-columns:1fr 1fr}.dashboard-money-grid article{padding:14px}.dashboard-money-grid b{font-size:18px}.quick-status-card{padding:15px}.quick-status-card strong{font-size:12px}.admin-bell{width:36px;height:36px}}

/* Admin V4 - screenshot matched control center */
:root{--aa-blue:#0c3d75;--aa-blue2:#123f78;--aa-active:#2b5d92;--aa-page:#f3f7fb;--aa-red:#ef3653;--aa-cyan:#31bfe7}
.admin-page{background:var(--aa-page);color:#1b2b40}
.admin-layout{grid-template-columns:340px 1fr;min-height:100vh}
.admin-sidebar{background:linear-gradient(180deg,#0c3d75 0%,#0b3a71 55%,#0c3d75 100%);padding:24px 20px 28px;width:340px;box-shadow:12px 0 35px rgba(9,36,70,.18)}
.admin-brand{border:0;margin:0 0 12px;padding:2px 8px 20px;gap:14px}
.admin-brand>span{width:52px;height:52px;border-radius:16px;background:#fff;color:#0f3f77;font-size:0;box-shadow:0 5px 16px rgba(0,0,0,.1)}
.admin-brand>span:after{content:'A';font-size:24px;font-weight:900}
.admin-brand b{font-size:20px;line-height:1.15}.admin-brand small{font-size:10px;letter-spacing:.08em;color:#9bc1e7;opacity:1;margin-top:4px;font-weight:800}
.admin-nav-label{padding:17px 14px 8px;color:#8fb4dc;font-size:11px;letter-spacing:.27em}
.admin-sidebar nav{gap:3px}.admin-sidebar a{min-height:54px;padding:14px 15px;border-radius:15px;color:#fff;font-size:15px;font-weight:800;gap:15px}
.admin-sidebar a.active{background:linear-gradient(90deg,#2e6095,#285889);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.admin-sidebar a:hover{background:rgba(255,255,255,.08)}
.admin-sidebar svg{width:20px;height:20px;stroke-width:2.1}.admin-sidebar a em{background:#39c9f0;color:#043156;font-size:10px;padding:4px 8px}.admin-sidebar a em.danger-badge{background:var(--aa-red);color:#fff;min-width:24px;height:24px;display:grid;place-items:center;padding:0}
.admin-logout{margin-top:20px;border:1px solid rgba(255,255,255,.17)!important;background:rgba(255,255,255,.03)!important}
.admin-main{background:#f5f8fc;padding:0 24px 35px;min-width:0}
.admin-top{height:82px;margin:0 -24px 22px;padding:0 24px;background:#fff;border-bottom:1px solid #e7edf4;display:flex;align-items:center;box-shadow:0 2px 8px rgba(30,67,105,.03)}
.admin-title-wrap{display:flex;align-items:center;gap:12px}.admin-title-wrap h1{margin:0;font-size:22px}.admin-title-wrap small{font-size:10px;color:#9aa9ba;letter-spacing:0;font-weight:800}
.admin-round-back{width:44px;height:44px;border:0;border-radius:50%;background:#164d84;color:#fff;font-size:25px;display:grid;place-items:center;cursor:pointer}
.admin-top-actions{gap:10px}.admin-bell{width:42px;height:42px;background:#fff6f7;border:1px solid #f4dfe3;color:#b98c00;box-shadow:none}.admin-top-logout{height:42px;display:flex;align-items:center;padding:0 15px;border-radius:22px;background:#fff7f8;border:1px solid #f3d9de;color:#a43c50;font-weight:800;text-decoration:none}
.dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dashboard-kpis .kpi{border-radius:18px;padding:17px 16px;box-shadow:none}.dashboard-kpis .kpi.today{background:#f2fcff;border-color:#d7eef5}.dashboard-kpis .kpi.danger{background:#fff7f8;border-color:#f4dce1}.dashboard-kpis span{color:#2a91b0;font-size:11px}.dashboard-kpis .danger span{color:#c53e53}.dashboard-kpis b{font-size:24px;margin:7px 0 0;color:#1f8aa8}.dashboard-kpis .danger b{color:#d31f3e}.dashboard-kpis small{display:none}
.dashboard-money-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dashboard-money-grid article{border-radius:20px;padding:20px 18px;min-height:135px;box-shadow:0 7px 20px rgba(32,68,108,.06)}.dashboard-money-grid span{font-size:10px;color:#95a3b6}.dashboard-money-grid b{font-size:26px;line-height:1.2}.dashboard-money-grid small{margin-top:10px}
.admin-panel.member-quick{border-radius:20px;padding:20px 18px}.admin-panel.member-quick h2{font-size:17px}.member-search-form input{height:48px;border-radius:14px}.member-search-form .admin-primary{height:48px;border-radius:14px;background:#229fe0}
.quick-status-list{gap:14px}.quick-status-card{border-radius:20px;padding:22px 18px;min-height:92px;box-shadow:0 7px 20px rgba(32,68,108,.05)}.quick-status-card b{font-size:15px}.quick-status-card strong{font-size:13px}.quick-status-card strong.red-count{color:var(--aa-red)}
.admin-panel{border-radius:20px;box-shadow:0 8px 24px rgba(30,67,105,.05)}
.admin-menu-toggle{display:none}
@media(max-width:760px){
 body.admin-page{background:#f5f8fc}.admin-layout{display:block}.admin-main{padding:0 18px 28px}.admin-top{height:78px;margin:0 -18px 18px;padding:0 18px}.admin-round-back{width:42px;height:42px}.admin-title-wrap h1{font-size:18px}.admin-title-wrap small{font-size:9px}.admin-top-logout{padding:0 12px;font-size:13px}.admin-bell{width:40px;height:40px}
 .admin-sidebar{position:fixed;z-index:100;left:-355px;top:0;width:340px;max-width:88vw;height:100vh;padding:24px 20px 30px;transition:left .22s ease}.admin-menu-open .admin-sidebar{left:0}.admin-menu-open .admin-overlay{display:block;position:fixed;z-index:95;inset:0;background:rgba(8,19,32,.45)}
 .admin-sidebar nav{grid-template-columns:1fr}.admin-menu-toggle{display:none!important}
 .dashboard-kpis{grid-template-columns:1fr}.dashboard-money-grid{grid-template-columns:1fr 1fr}.member-search-form{grid-template-columns:1fr auto}.quick-status-card{min-height:86px}
}
@media(max-width:430px){.admin-main{padding:0 14px 24px}.admin-top{margin:0 -14px 16px;padding:0 14px}.admin-round-back{width:40px;height:40px}.admin-title-wrap{gap:9px}.admin-title-wrap h1{font-size:17px}.admin-top-logout{font-size:12px;padding:0 10px}.admin-bell{width:38px;height:38px}.dashboard-money-grid article{padding:16px 14px;min-height:120px}.dashboard-money-grid b{font-size:21px}.admin-sidebar{width:340px;max-width:90vw}.admin-brand b{font-size:18px}.admin-sidebar a{min-height:53px;font-size:14px}}


/* Admin V5 - screenshot layout refinement + account logo manager */
.admin-page .admin-sidebar{overflow-y:auto;overscroll-behavior:contain}
.admin-page .admin-sidebar nav{padding-bottom:8px}
.admin-page .admin-sidebar a{position:relative}
.admin-page .admin-sidebar a>span:not(.danger-badge){min-width:0}
.admin-page .admin-main{max-width:none}
.admin-page .admin-top{position:sticky;top:0;z-index:50}
.admin-page .admin-top:before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#e7edf4}
.panel-heading-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}
.panel-heading-row h2{margin:3px 0 0}.panel-heading-row p{margin:6px 0 0;color:#8493a5;font-size:13px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:900;color:#2c9fca}
.account-editor-panel{padding:22px}.account-logo-demo{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#edf6ff,#dbe9fb);font-size:29px;border:1px solid #dce7f5}
.account-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.account-logo-field{grid-column:1/-1;padding:16px;border:1px dashed #c9d9ea;border-radius:16px;background:#f8fbff}.account-logo-field input{background:#fff}.account-logo-field small{display:block;margin-top:7px;color:#91a0b1;font-size:10px}.account-form-grid .full-span{grid-column:1/-1}
.bank-logo-thumb{width:48px;height:48px;object-fit:contain;border-radius:13px;background:#fff;border:1px solid #dce6f1;padding:5px;display:block}.bank-logo-fallback{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#eff5fb;font-size:22px}
.recharge-bank-card{position:relative;padding-top:18px}.recharge-bank-logo{display:flex;justify-content:center;margin:0 0 14px}.recharge-bank-logo img{width:42px;height:42px;object-fit:contain;padding:4px;border-radius:11px;background:#fff;border:1px solid #dce8dd;box-shadow:0 4px 10px rgba(31,79,47,.07)}
@media(max-width:760px){
 .admin-page .admin-sidebar{width:340px;max-width:90vw;left:-360px}.admin-page.admin-menu-open .admin-sidebar{left:0}
 .admin-page .admin-top{position:sticky;top:0}.account-form-grid{grid-template-columns:1fr}.account-logo-field,.account-form-grid .full-span{grid-column:auto}
 .panel-heading-row{align-items:flex-start}.account-logo-demo{width:56px;height:56px;border-radius:17px}
}

/* ===== Admin V6: light desktop dashboard reference layout ===== */
body.admin-page{background:#f3f5f8;color:#273142;min-width:1120px}
.admin-layout{display:grid!important;grid-template-columns:235px minmax(0,1fr)!important;min-height:100vh}
.admin-sidebar{position:sticky!important;left:auto!important;top:0!important;width:235px!important;max-width:none!important;height:100vh!important;background:#fff!important;color:#5c6674!important;padding:16px 12px 24px!important;box-shadow:1px 0 0 #e8edf3!important;overflow-y:auto!important;z-index:20!important}
.admin-brand{display:flex!important;align-items:center!important;gap:9px!important;border-bottom:1px solid #edf0f4!important;padding:0 3px 15px!important;margin-bottom:14px!important}
.admin-brand>span{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:9px!important;background:linear-gradient(145deg,#2e6fe8,#7552de)!important;color:#fff!important;font-size:10px!important;font-weight:900!important;box-shadow:none!important}
.admin-brand>span:after{display:none!important}
.admin-brand b{font-size:14px!important;color:#23304a!important}.admin-brand small{font-size:8px!important;color:#9aa6b4!important;margin-top:2px!important}
.admin-profile-mini{display:flex;align-items:center;gap:10px;padding:10px 9px;margin:0 0 12px;border:1px solid #e7e4fb;background:#f4f1ff;border-radius:11px}
.admin-profile-mini>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#4568dc;color:#fff;font-weight:800}
.admin-profile-mini b{display:block;color:#313a4d;font-size:12px}.admin-profile-mini small{display:block;color:#4d6fd2;font-size:8px;margin-top:2px}
.admin-nav-label{padding:11px 8px 5px!important;color:#a4acb8!important;font-size:8px!important;letter-spacing:.14em!important;font-weight:800!important}
.admin-sidebar nav{display:block!important}.admin-sidebar a{display:flex!important;align-items:center!important;gap:10px!important;min-height:36px!important;padding:8px 9px!important;margin:1px 0!important;border-radius:7px!important;color:#697484!important;font-size:11px!important;font-weight:650!important;text-decoration:none!important;background:transparent!important;box-shadow:none!important}
.admin-sidebar a svg{width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.admin-sidebar a.active{background:#eaf3ff!important;color:#2d73b7!important}
.admin-sidebar a:hover{background:#f4f7fb!important}.admin-sidebar a em{margin-left:auto!important;min-width:18px!important;height:18px!important;padding:0 5px!important;display:grid!important;place-items:center!important;border-radius:999px!important;font-size:8px!important;background:#ef2f67!important;color:#fff!important;font-style:normal!important}.admin-sidebar a em.danger-badge{background:#ef2f67!important;color:#fff!important}
.admin-system-link{color:#e04471!important}.admin-logout{color:#e04471!important;border:0!important;background:transparent!important;margin-top:1px!important}
.admin-main{background:#f3f5f8!important;padding:0 20px 40px!important;min-width:0!important}
.admin-top{height:58px!important;margin:0 -20px 18px!important;padding:0 20px!important;background:#fff!important;border-bottom:1px solid #e8edf3!important;display:grid!important;grid-template-columns:auto minmax(260px,1fr) auto!important;align-items:center!important;gap:18px!important;box-shadow:none!important;position:sticky!important;top:0!important;z-index:15!important}
.admin-title-wrap h1{font-size:16px!important;color:#273142!important;margin:0!important}.admin-title-wrap small{font-size:8px!important;color:#a0a8b3!important}.admin-top-search{display:flex;justify-content:center}.admin-top-search form{width:min(100%,360px)}.admin-top-search input{width:100%;height:32px;border:0;background:#f4f6f9;border-radius:16px;padding:0 15px;font-size:10px;outline:none}
.system-pill{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:16px;font-size:8px;font-weight:900;letter-spacing:.04em;border:1px solid #f0dfe5;background:#fff5f8;color:#d74471;white-space:nowrap}.system-pill span{width:5px;height:5px;border-radius:50%;background:currentColor}.system-pill.online{color:#cf3f70}.system-pill.offline{color:#8d96a3;background:#f4f5f6;border-color:#e5e8eb}
.admin-overlay,.admin-menu-toggle{display:none!important}
.overview-grid{display:grid;gap:14px}.top-overview{grid-template-columns:repeat(4,minmax(0,1fr))}.second-overview{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}
.metric-card,.pending-card,.chart-card,.compact-table-card{background:#fff;border:1px solid #e4e8ee;border-radius:12px;box-shadow:0 4px 12px rgba(41,58,83,.05)}
.metric-card{min-height:110px;padding:15px;display:flex;justify-content:space-between;gap:10px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;width:76px;height:76px;border-radius:50%;right:-18px;bottom:-18px;opacity:.65}.metric-card.revenue:after{background:#dff7e9}.metric-card.payouts:after{background:#fde6ee}.metric-card.profit:after{background:#e5efff}.metric-card.investors:after{background:#f0e7ff}.metric-card span,.pending-card>span{display:block;color:#8993a2;font-size:9px;font-weight:800;letter-spacing:.02em}.metric-card b{display:block;font-size:22px;margin:9px 0 5px;color:#22b86a}.metric-card.payouts b{color:#ef2d73}.metric-card.profit b{color:#2b80ca}.metric-card.investors b{color:#8452d1}.metric-card b small{font-size:10px;color:#8993a2}.metric-card p{margin:0;color:#99a2ae;font-size:8px}.metric-card p strong{color:#17b96b}.metric-card>i{width:31px;height:31px;border-radius:8px;background:#effbf4;color:#18b967;display:grid;place-items:center;font-style:normal;font-size:15px;font-weight:900}.metric-card.payouts>i{background:#fff2f6;color:#ef2d73}.metric-card.profit>i{background:#edf5ff;color:#2b80ca}.metric-card.investors>i{background:#f5efff;color:#8452d1}
.pending-card{display:block!important;min-height:92px!important;padding:14px!important;color:#334056!important;text-decoration:none!important}.pending-card b{display:block;font-size:18px;margin:8px 0 3px;color:#d89a2f}.pending-card:nth-child(2) b{color:#e54973}.pending-card:nth-child(3) b{color:#2c7dc8}.pending-card b small{font-size:9px;color:#8a94a2;font-weight:500}.pending-card p{margin:0;color:#9aa3ae;font-size:8px}.mini-progress{height:4px;background:#eff1f4;border-radius:4px;margin-top:9px;overflow:hidden}.mini-progress i{display:block;height:100%;background:#efb23c;border-radius:4px}.mini-progress.pink i{background:#ef4a7a}.mini-progress.blue i{background:#1d86d0}
.dashboard-visual-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:14px}.chart-card{padding:14px;min-height:245px}.chart-card h3,.compact-table-card h3{font-size:11px;margin:0 0 12px;color:#334056}.chart-legend{display:flex;justify-content:center;gap:20px;font-size:8px;color:#84909e}.chart-legend span:before{content:"";display:inline-block;width:18px;height:6px;border:2px solid currentColor;margin-right:5px;vertical-align:middle}.chart-legend .rev{color:#2b8ed5}.chart-legend .pay{color:#2cbf76}.bar-chart{height:170px;display:flex;align-items:flex-end;justify-content:space-around;gap:10px;padding:18px 10px 0;border-bottom:1px solid #e5e9ef;background:repeating-linear-gradient(to top,#f7f9fb 0,#f7f9fb 1px,transparent 1px,transparent 34px)}.bar-group{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:34px}.bars{height:145px;display:flex;align-items:flex-end;gap:3px}.bars i{display:block;width:11px;border-radius:3px 3px 0 0}.revbar{background:#d9edf9;border:1px solid #2b8ed5}.paybar{background:#dff7e9;border:1px solid #2cbf76}.bar-group small{font-size:7px;color:#9aa3af;margin-top:5px}.donut-card{display:flex;flex-direction:column;align-items:center}.donut-card h3{align-self:stretch}.donut{width:110px;height:110px;border-radius:50%;margin:12px auto;background:conic-gradient(#1b89d4 0 44%,#ec2d6c 44% 64%,#21bd68 64% 100%);position:relative}.donut:after{content:"";position:absolute;inset:25px;background:#fff;border-radius:50%}.donut-legend{display:grid;gap:7px;font-size:8px;color:#707b89}.donut-legend span{display:flex;align-items:center;gap:7px}.donut-legend i{width:28px;height:7px;display:block}.donut-legend .blue{background:#1b89d4}.donut-legend .pink{background:#ec2d6c}.donut-legend .green{background:#21bd68}
.lower-tables-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.compact-table-card{padding:14px}.compact-table-card table{width:100%;border-collapse:collapse;font-size:8px}.compact-table-card th{color:#8d97a4;font-size:7px;text-align:left;padding:7px 5px;border-bottom:1px solid #e8ebef}.compact-table-card td{padding:9px 5px;border-bottom:1px solid #f0f2f5;color:#394458}.compact-table-card tr:last-child td{border-bottom:0}.money-green{color:#24b768!important;font-weight:800}
.admin-panel{background:#fff!important;border:1px solid #e4e8ee!important;border-radius:12px!important;box-shadow:0 4px 12px rgba(41,58,83,.05)!important}
.admin-stats article,.dashboard-kpis .kpi,.dashboard-money-grid article,.quick-status-card{border-radius:12px!important;box-shadow:0 4px 12px rgba(41,58,83,.05)!important}
/* intentionally preserve a desktop-style admin canvas on phones, matching the reference */
@media(max-width:900px){body.admin-page{min-width:1120px}.admin-layout{grid-template-columns:235px 1fr!important}.admin-sidebar{position:sticky!important;left:auto!important;width:235px!important;max-width:none!important}.admin-main{padding:0 18px 32px!important}.admin-top{margin:0 -18px 16px!important;padding:0 18px!important}.top-overview{grid-template-columns:repeat(4,1fr)!important}.second-overview{grid-template-columns:repeat(3,1fr)!important}.dashboard-visual-grid{grid-template-columns:2fr 1fr!important}.lower-tables-grid{grid-template-columns:1fr 1fr!important}}

/* ===== Admin V7 FIX: responsive content visibility + screenshot-style layout ===== */
body.admin-page{min-width:0!important;overflow-x:hidden!important;background:#f3f5f8!important}
.admin-layout{display:grid!important;grid-template-columns:235px minmax(0,1fr)!important;width:100%!important;min-height:100vh!important}
.admin-main{display:block!important;visibility:visible!important;opacity:1!important;width:auto!important;min-width:0!important;overflow:visible!important;background:#f3f5f8!important}
.admin-main>*{visibility:visible!important}
.admin-top{display:grid!important;visibility:visible!important;opacity:1!important}
.admin-panel,.overview-grid,.dashboard-visual-grid,.lower-tables-grid,.admin-stats{visibility:visible!important;opacity:1!important}
.admin-menu-toggle{display:none!important}

@media (max-width:900px){
  body.admin-page{min-width:0!important;width:100%!important;overflow-x:hidden!important}
  .admin-layout{display:block!important;width:100%!important;min-height:100vh!important}
  .admin-sidebar{position:fixed!important;left:-290px!important;top:0!important;width:270px!important;max-width:86vw!important;height:100vh!important;z-index:1000!important;transition:left .22s ease!important;box-shadow:18px 0 45px rgba(12,32,56,.22)!important}
  body.admin-menu-open .admin-sidebar{left:0!important}
  .admin-overlay{display:none!important}
  body.admin-menu-open .admin-overlay{display:block!important;position:fixed!important;inset:0!important;background:rgba(12,25,40,.45)!important;z-index:990!important}
  .admin-main{display:block!important;width:100%!important;max-width:100%!important;padding:0 12px 28px!important;margin:0!important;min-height:100vh!important}
  .admin-top{height:62px!important;margin:0 -12px 14px!important;padding:0 12px 0 58px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;position:sticky!important;top:0!important;z-index:900!important;background:#fff!important}
  .admin-title-wrap h1{font-size:16px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .admin-title-wrap small{font-size:8px!important}
  .admin-top-search{display:none!important}
  .system-pill{font-size:7px!important;padding:6px 9px!important}
  .admin-menu-toggle{display:flex!important;position:fixed!important;left:12px!important;top:14px!important;width:38px!important;height:38px!important;border:1px solid #dfe6ef!important;border-radius:10px!important;background:#fff!important;z-index:1100!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;box-shadow:0 4px 14px rgba(38,57,78,.10)!important}
  .admin-menu-toggle span{display:block!important;width:17px!important;height:2px!important;background:#245f9c!important;border-radius:2px!important}
  .top-overview{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .second-overview{grid-template-columns:1fr!important;gap:10px!important;margin-top:10px!important}
  .dashboard-visual-grid{grid-template-columns:1fr!important;gap:10px!important;margin-top:10px!important}
  .lower-tables-grid{grid-template-columns:1fr!important;gap:10px!important;margin-top:10px!important}
  .metric-card{min-height:105px!important;padding:13px!important}
  .metric-card b{font-size:18px!important}
  .chart-card{min-height:220px!important;overflow:hidden!important}
  .table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .table-wrap table{min-width:720px!important}
  .admin-stats,.analytics-grid{grid-template-columns:1fr 1fr!important}
  .admin-form-grid{grid-template-columns:1fr!important}
  .full-span{grid-column:auto!important}
  .clear-grid{grid-template-columns:1fr!important}
  .users-head{display:block!important}
  .inline-user-search{display:grid!important;grid-template-columns:1fr auto!important;margin-top:10px!important}
  .inline-user-search input{min-width:0!important;width:100%!important}
}

@media (max-width:430px){
  .admin-main{padding:0 10px 24px!important}
  .admin-top{margin:0 -10px 12px!important;padding-left:56px!important;padding-right:10px!important}
  .top-overview{grid-template-columns:1fr 1fr!important}
  .metric-card{padding:11px!important;min-height:98px!important}
  .metric-card span{font-size:7px!important}.metric-card b{font-size:16px!important}.metric-card p{font-size:7px!important}
  .system-pill{max-width:110px!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .admin-stats,.analytics-grid{grid-template-columns:1fr!important}
}

/* ===== Admin V8 FINAL MOBILE / TABLET LAYOUT FIX ===== */
html,body.admin-page{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
body.admin-page{background:#f2f5f9!important}
.admin-layout{display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-height:100vh!important}
.admin-sidebar{width:230px!important;min-width:230px!important;max-width:230px!important;box-sizing:border-box!important}
.admin-main{display:block!important;position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:100vh!important;box-sizing:border-box!important;padding:0 18px 32px!important;margin:0!important;overflow:visible!important;background:#f2f5f9!important;color:#26354a!important}
.admin-main>*,.admin-main section,.admin-main article,.admin-main div{box-sizing:border-box}
.admin-top{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(220px,360px) auto!important;align-items:center!important;gap:14px!important;min-height:64px!important;margin:0 -18px 16px!important;padding:0 18px!important;background:#fff!important;border-bottom:1px solid #e4e9f0!important;visibility:visible!important;opacity:1!important}
.admin-title-wrap,.admin-top-search,.system-pill{visibility:visible!important;opacity:1!important}
.admin-title-wrap h1{font-size:18px!important;margin:0!important;color:#26354a!important}
.admin-title-wrap small{font-size:9px!important;color:#8995a5!important}
.admin-top-search input{width:100%!important;border:1px solid #e3e8ef!important;background:#f6f8fb!important;border-radius:999px!important;padding:9px 14px!important}
.system-pill{white-space:nowrap!important}
.admin-panel,.metric-card,.pending-card,.chart-card,.compact-table-card,.admin-stats article{display:block!important;visibility:visible!important;opacity:1!important;transform:none!important}
.overview-grid,.dashboard-visual-grid,.lower-tables-grid,.admin-stats,.analytics-grid{visibility:visible!important;opacity:1!important}
.admin-menu-toggle{display:none!important}
.admin-overlay{display:none!important}

@media (max-width: 900px){
  html,body.admin-page{width:100%!important;min-width:0!important;overflow-x:hidden!important}
  .admin-layout{display:block!important;width:100%!important;min-width:0!important}
  .admin-sidebar{position:fixed!important;top:0!important;bottom:0!important;left:-286px!important;width:276px!important;min-width:276px!important;max-width:88vw!important;height:100dvh!important;z-index:1200!important;overflow-y:auto!important;transition:left .22s ease!important;box-shadow:16px 0 42px rgba(16,40,68,.24)!important}
  body.admin-menu-open .admin-sidebar{left:0!important}
  body.admin-menu-open .admin-overlay{display:block!important;position:fixed!important;inset:0!important;background:rgba(18,31,48,.48)!important;z-index:1150!important}
  .admin-main{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:100vh!important;margin:0!important;padding:0 12px 28px!important;background:#f2f5f9!important}
  .admin-top{position:sticky!important;top:0!important;z-index:1000!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;min-height:62px!important;margin:0 -12px 12px!important;padding:0 12px 0 58px!important;background:#fff!important}
  .admin-top-search{display:none!important}
  .admin-title-wrap{min-width:0!important}
  .admin-title-wrap h1{font-size:16px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .admin-title-wrap small{font-size:8px!important}
  .system-pill{font-size:7px!important;padding:6px 8px!important;max-width:116px!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .admin-menu-toggle{display:flex!important;position:fixed!important;top:12px!important;left:12px!important;width:38px!important;height:38px!important;padding:0!important;border:1px solid #dfe6ef!important;border-radius:10px!important;background:#fff!important;z-index:1300!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;box-shadow:0 4px 14px rgba(38,57,78,.12)!important}
  .admin-menu-toggle span{display:block!important;width:17px!important;height:2px!important;background:#245f9c!important;border-radius:2px!important}
  .top-overview{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .second-overview{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:10px!important}
  .dashboard-visual-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:10px!important}
  .lower-tables-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:10px!important}
  .admin-stats,.analytics-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .admin-form-grid{display:grid!important;grid-template-columns:1fr!important}
  .admin-cards{grid-template-columns:1fr!important}
  .full-span{grid-column:auto!important}
  .clear-grid{grid-template-columns:1fr!important}
  .table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .table-wrap table{min-width:720px!important}
  .chart-card{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .bar-chart{width:100%!important;overflow:hidden!important}
  .metric-card{min-width:0!important}
}

@media (max-width: 480px){
  .admin-main{padding:0 9px 22px!important}
  .admin-top{margin:0 -9px 10px!important;padding-left:56px!important;padding-right:9px!important}
  .top-overview{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .metric-card{min-height:96px!important;padding:10px!important}
  .metric-card span{font-size:7px!important}.metric-card b{font-size:16px!important}.metric-card p{font-size:7px!important}
  .metric-card>i{width:27px!important;height:27px!important;font-size:12px!important}
  .admin-stats,.analytics-grid{grid-template-columns:1fr!important}
  .pending-card{min-height:86px!important}
}

/* V16 compact bank logo + account controls */
.recharge-bank-logo{margin:0 0 8px!important;justify-content:flex-start!important}
.recharge-bank-logo img{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;object-fit:contain!important;padding:3px!important;border-radius:9px!important}
.account-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}
.platform-account-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.platform-account-head h3{margin:0}.platform-account-head small{color:#748079}
.platform-logo-box{width:38px;height:38px;min-width:38px;border-radius:10px;background:#f5f8f4;border:1px solid #e1e8df;display:grid;place-items:center;overflow:hidden}.platform-logo-box img{width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important;object-fit:contain!important}.platform-logo-box span{font-size:19px}
.compact-account-form{gap:8px}.compact-account-form label{margin-top:7px}.checkline{display:flex!important;align-items:center;gap:8px}.checkline input{width:auto!important}.muted-note{color:#748079;font-size:12px}
@media(max-width:600px){.recharge-bank-logo img{width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important}.platform-logo-box{width:34px;height:34px;min-width:34px}.platform-logo-box img{width:26px!important;height:26px!important}}

/* V17 hard bank-logo size lock (also defeats old image/global rules) */
.recharge-bank-card .recharge-bank-logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;margin:0 0 10px!important;max-height:32px!important;overflow:hidden!important}
.recharge-bank-card .recharge-bank-logo>img{display:block!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:2px!important;border-radius:7px!important;box-shadow:none!important}
.platform-account-card .platform-logo-box{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;overflow:hidden!important}
.platform-account-card .platform-logo-box>img{display:block!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important;object-fit:contain!important;margin:0!important}
.edit-account-card .btn{min-height:44px}
@media(max-width:600px){.recharge-bank-card .recharge-bank-logo>img{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;max-width:26px!important;max-height:26px!important}.platform-account-card .platform-logo-box{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important}.platform-account-card .platform-logo-box>img{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important}}

/* Recharge two-step flow v18 */
.recharge-step{max-width:620px;margin:0 auto}
.amount-sheet{background:#fff;border:1px solid #e5e7eb;border-radius:24px;overflow:hidden;box-shadow:0 12px 30px rgba(15,23,42,.10);margin:14px 0 18px}
.amount-sheet-title{padding:20px 22px;font-size:22px;font-weight:800;color:#111827;border-bottom:1px solid #e5e7eb}
.amount-option{display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px!important;margin:0!important;border-bottom:1px solid #e5e7eb;font-size:21px;font-weight:700;color:#111827;background:#fff;cursor:pointer}
.amount-option:last-child{border-bottom:0}
.amount-option input[type="radio"]{appearance:none;-webkit-appearance:none;width:30px;height:30px;min-width:30px;border:3px solid #111;border-radius:50%;margin:0;padding:0;background:#fff;position:relative}
.amount-option input[type="radio"]:checked{border-color:#2f80ed}
.amount-option input[type="radio"]:checked::after{content:"";position:absolute;inset:5px;border-radius:50%;background:#2f80ed}
#rechargeContinueBtn:disabled{opacity:.5;cursor:not-allowed}
.secondary-inline-btn{border:0;background:transparent;color:#176b37;font-weight:800;font-size:14px;padding:4px 0 10px;cursor:pointer}
.selected-amount-card{display:flex;justify-content:space-between;align-items:center;background:#eef8ef;border:1px solid #dcebdd;border-radius:16px;padding:14px 16px;margin-bottom:14px}
.selected-amount-card span{color:#5f6f63;font-size:13px}.selected-amount-card strong{font-size:20px;color:#176b37}
.recharge-bank-card .recharge-bank-logo{display:flex;align-items:center;justify-content:flex-start;margin:0 0 8px}
.recharge-bank-card .recharge-bank-logo img{display:block!important;width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;min-width:28px!important;min-height:28px!important;object-fit:contain!important;border-radius:7px!important;padding:2px!important;background:#fff!important;border:1px solid #dce8dd!important;box-shadow:none!important}
@media(max-width:480px){.amount-sheet-title{font-size:20px;padding:18px}.amount-option{font-size:19px;padding:18px!important}.amount-option input[type="radio"]{width:28px;height:28px;min-width:28px}}

/* V19 Recharge order: amount -> account details -> FT -> screenshot. Bank logo intentionally hidden. */
.recharge-bank-logo{display:none!important}
.no-logo-bank{padding-top:14px!important}
.no-logo-bank>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #e4ebe3}
.no-logo-bank>div:last-child{border-bottom:0}
.no-logo-bank span{color:#647067;font-size:13px}
.no-logo-bank b{text-align:right;word-break:break-word;color:#183b25}
.recharge-proof-form{margin-top:14px}
@media(max-width:520px){.no-logo-bank>div{display:grid;grid-template-columns:1fr;gap:4px}.no-logo-bank b{text-align:left;font-size:16px}}

/* V20 recharge order flow */
.payment-order-card{
  background:#fff;
  border:1px solid #dfe5e1;
  border-radius:18px;
  padding:18px;
  margin:14px 0;
  box-shadow:0 8px 24px rgba(16,59,32,.08);
}
.payment-step-title{
  display:flex;
  align-items:baseline;
  gap:14px;
  margin-bottom:10px;
  color:#333;
}
.payment-step-title strong{font-size:19px;color:#23382a}
.payment-step-title span{font-size:16px;color:#707770}
.payment-step-title.step-two{margin:0 0 14px}
.payment-step-title.step-two strong{color:#b24531}
.payment-row{
  padding:14px 0;
  border-bottom:1px solid #e6e9e7;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.payment-row.no-border{border-bottom:0}
.payment-row>span{font-size:15px;color:#8a8f8b}
.payment-row.amount-row{flex-direction:row;justify-content:space-between;align-items:center}
.payment-row.amount-row strong{font-size:22px;color:#805c7b}
.payment-value-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}
.payment-value-wrap strong{font-size:17px;color:#2b322e;word-break:break-word}
.copy-mini{
  border:1px solid #a17e9e;
  background:#fff;
  color:#8b6687;
  border-radius:999px;
  padding:5px 12px;
  font-size:13px;
  font-weight:700;
  flex:0 0 auto;
}
.payment-proof-card{
  background:#fff;
  border:1px solid #dfe5e1;
  border-radius:18px;
  padding:18px;
  margin-top:14px;
  box-shadow:0 8px 24px rgba(16,59,32,.07);
}
.proof-field{display:block;margin-bottom:15px;font-weight:700;color:#2f3d33}
.proof-field input{margin-top:8px}
.proof-field small{display:block;margin-top:6px;font-weight:400;color:#7b837d}
@media(max-width:520px){
  .payment-order-card,.payment-proof-card{padding:15px;border-radius:16px}
  .payment-step-title{gap:10px}
  .payment-step-title strong{font-size:17px}
  .payment-step-title span{font-size:14px}
  .payment-value-wrap strong{font-size:16px}
  .payment-row.amount-row strong{font-size:20px}
}