/* Savings Consumer & Beverage — unified mobile-first UI */
:root{
  --bg:#fff8d8;
  --paper:#fffef6;
  --card:#ffffff;
  --ink:#17120a;
  --muted:#665400;
  --gold:#ffda1a;
  --gold-soft:#fff2a8;
  --red:#e31c25;
  --red-dark:#8b1117;
  --black:#111111;
  --line:rgba(0,0,0,.09);
  --shadow:0 14px 40px rgba(70,55,0,.12);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Hind Siliguri',system-ui,sans-serif;background:radial-gradient(circle at top right,#fff1a3 0 240px,transparent 241px),var(--bg);color:var(--ink);line-height:1.78;font-size:16px;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:rgba(255,248,216,.93);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:9px;min-width:0}.brand img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid var(--black);background:var(--gold)}.brand span{display:flex;flex-direction:column;line-height:1.05}.brand b{font-size:17px;white-space:nowrap}.brand small{font-size:11px;color:var(--muted);white-space:nowrap}.top-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.top-actions a{min-height:40px;display:grid;place-items:center;padding:8px 12px;border-radius:999px;font-weight:800;background:#fff;border:1px solid var(--line);white-space:nowrap;font-size:14px}.top-actions .solid{background:var(--black);color:var(--gold);border-color:var(--black)}.top-actions .solid[href='/logout']{background:var(--red);color:#fff;border-color:var(--red)}
main{width:min(1080px,100%);margin:auto;padding:18px 14px 34px}.footer{margin-top:20px;padding:26px 16px;background:var(--black);color:#fff;text-align:center}.footer p{max-width:680px;margin:8px auto 0;color:#ddd}.footer b{color:var(--gold)}

.hero{padding:10px 0 18px}.hero-card,.premium-panel{position:relative;overflow:hidden;border-radius:32px;padding:28px 18px;background:radial-gradient(circle at 88% 10%,rgba(255,215,90,.16) 0 22%,transparent 23%),linear-gradient(145deg,#0d0b08 0%,#19140d 46%,#2b2112 100%);color:#fff;box-shadow:0 22px 60px rgba(17,13,6,.32);border:1px solid rgba(255,218,120,.22)}.hero-card:before,.premium-panel:before{content:'';position:absolute;inset:1px;border-radius:31px;border:1px solid rgba(255,255,255,.06);pointer-events:none}.hero-card:after,.premium-panel:after{content:'';position:absolute;inset:auto -20% -30% 36%;height:190px;background:linear-gradient(90deg,rgba(197,145,38,.28),rgba(255,230,140,.12));filter:blur(42px);transform:rotate(-12deg)}.logo-orbit{width:112px;height:112px;border-radius:50%;padding:7px;background:var(--gold);margin-bottom:18px;box-shadow:0 0 0 8px rgba(255,218,0,.16)}.logo-orbit img{width:100%;height:100%;border-radius:50%;object-fit:cover}.eyebrow{margin:0 0 8px;color:#9d7800;font-weight:900;letter-spacing:.02em}.hero .eyebrow,.premium-panel .eyebrow{color:#ffef8a}.hero h1,.premium-panel h1{font-size:clamp(34px,10vw,64px);line-height:1.08;margin:0 0 12px;font-weight:900}.lead,.premium-panel p{font-size:18px;margin:0 0 20px;color:#fff7ca}.hero-buttons{display:grid;grid-template-columns:1fr;gap:10px;position:relative;z-index:1}

.btn,button.btn{min-height:48px;display:inline-grid;place-items:center;border-radius:17px;padding:12px 18px;font-weight:900;border:none;cursor:pointer;text-align:center;font-family:inherit;font-size:16px}.btn.primary{background:var(--red);color:#fff;box-shadow:0 12px 24px rgba(227,28,37,.25)}.btn.ghost{background:#fff;color:var(--black);border:1px solid var(--line)}button:disabled,.btn[disabled]{opacity:.55;cursor:not-allowed}.text-link{display:inline-block;margin-top:10px;color:#b30d15;font-weight:900}

.notice,.section-card,.auth-card,.admin-form,.admin-hero{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.notice{margin:6px 0 16px}.notice span{display:inline-block;margin-right:8px;background:var(--black);color:var(--gold);border-radius:999px;padding:2px 10px;font-weight:900}.intro h2,.section-card h2{font-size:30px;margin:0 0 10px;line-height:1.2}.stats-grid,.feature-list{display:grid;grid-template-columns:1fr;gap:12px;margin:16px 0}.stats-grid article{background:var(--black);color:#fff;border-radius:24px;padding:20px;border:2px solid var(--gold)}.stats-grid strong{display:block;font-size:30px;color:var(--gold);line-height:1.1}.stats-grid span{font-weight:800}.feature-list article{border-radius:24px;padding:18px;background:linear-gradient(180deg,#fff,#fff7c7);border:1px solid var(--line)}.feature-list b{font-size:19px}.feature-list p{margin:6px 0 0}

.auth-wrap{display:grid;place-items:center;min-height:calc(100vh - 120px);padding:22px 14px}.auth-card{width:min(560px,100%);background:linear-gradient(180deg,#fff,#fff8c9)}.auth-card h1{margin:0 0 8px;font-size:clamp(30px,8vw,46px);line-height:1.15}.auth-card p{margin:0 0 14px;color:#5f4d09}form{display:grid;gap:14px}label{display:grid;gap:6px;font-weight:900}input,select,textarea{width:100%;font:inherit;font-size:16px;border:1px solid #dfd6a2;border-radius:16px;padding:12px 14px;background:var(--paper);outline:none;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 4px rgba(227,28,37,.12)}input[type=file]{background:#fff;border-style:dashed;padding:16px}.auth-card .btn{width:100%;margin-top:4px}.flash{background:#fff3b0;border:1px solid #ffdf33;border-radius:14px;padding:10px 12px;margin:8px 0;font-weight:800}

.dashboard-wrap,.admin-wrap{display:grid;gap:16px}.dash-hero{display:grid;gap:16px}.kyc-badge{display:inline-grid;place-items:center;min-height:38px;padding:8px 14px;border-radius:999px;font-weight:900;font-size:13px;justify-self:start}.kyc-badge.ok{background:#dcffe8;color:#00692a}.kyc-badge.wait{background:#fff1b8;color:#6d4c00}.kyc-lock{border:2px solid var(--gold);background:linear-gradient(180deg,#fff,#fff5bb)}.kyc-info{display:grid;gap:8px;margin-top:12px}.kyc-info span{background:var(--black);color:var(--gold);border-radius:14px;padding:10px 12px}.upload-ok{background:#dcffe8;color:#00692a;padding:10px 12px;border-radius:14px;font-weight:900}.money-grid{display:grid;grid-template-columns:1fr;gap:12px}.money-grid article{padding:22px;border-radius:26px;background:var(--black);color:#fff;border:2px solid var(--gold);box-shadow:0 12px 34px rgba(0,0,0,.16)}.money-grid span{display:block;color:#ffe986;font-weight:900}.money-grid strong{font-size:32px;line-height:1.15}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-links a{min-height:52px;border-radius:18px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;text-align:center;font-weight:900;box-shadow:0 8px 22px rgba(70,55,0,.08)}.locked-ui{position:relative;filter:grayscale(.25);opacity:.58;pointer-events:none}.locked-ui:after{content:'KYC অনুমোদনের পর চালু হবে';position:absolute;inset:8px;display:grid;place-items:center;text-align:center;border-radius:24px;background:rgba(17,17,17,.72);color:var(--gold);font-weight:900;padding:12px}

.package-list,.product-grid,.member-list{display:grid;gap:12px}.package-card{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#fffef8,#fff4b6);overflow:hidden}.package-card summary{list-style:none;cursor:pointer;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.package-card summary::-webkit-details-marker{display:none}.package-card summary span{display:grid}.package-card summary b{font-size:18px}.package-card summary small{color:#7a6100;font-weight:900}.package-card summary em{font-style:normal;background:var(--black);color:var(--gold);border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px;white-space:nowrap}.package-card p,.package-card ul{margin:0;padding:0 16px 12px}.package-card ul{padding-left:36px}.package-card .btn{margin:0 16px 16px;width:calc(100% - 32px)}.product-grid article{border-radius:22px;padding:16px;background:var(--black);color:#fff;border:1px solid var(--gold)}.product-grid span{display:inline-block;background:var(--gold);color:var(--black);border-radius:999px;padding:3px 9px;font-weight:900;font-size:12px}.product-grid b{display:block;margin:10px 0 4px;font-size:20px}.product-grid p{margin:0;color:#eee}.product-grid small{display:block;margin-top:8px;color:#ffe986;font-weight:900}

.admin-hero{background:var(--black);color:#fff}.admin-hero p{color:var(--gold-soft)}.admin-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.admin-form{width:100%;grid-template-columns:1fr}.admin-form.compact{grid-template-columns:1fr}.member-list article{display:grid;gap:10px;padding:14px;border-radius:18px;background:#fff8d8;border:1px solid var(--line)}.member-list small{display:block;color:#604e0a}.member-list form{display:flex;gap:8px;flex-wrap:wrap}.member-list .btn{min-height:40px;padding:8px 12px}.type-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.type-pills span{background:var(--black);color:var(--gold);border-radius:999px;padding:8px 12px;font-weight:900;font-size:13px}

.kyc-preview-grid{display:grid;gap:12px}.kyc-preview{display:grid;gap:8px;margin:12px 0;padding:12px;border-radius:18px;background:var(--black);color:#fff}.kyc-preview img{width:100%;max-height:260px;object-fit:contain;border-radius:14px;background:#fff}.file-preview{margin-top:8px;display:none;border-radius:16px;overflow:hidden;background:var(--black);padding:8px}.file-preview.has-image{display:block}.file-preview img{width:100%;max-height:220px;object-fit:contain;border-radius:12px;background:#fff}.loading-btn{gap:8px}.loading-btn.is-loading{opacity:.85;cursor:wait;background:var(--red-dark)!important;color:#fff!important}.loading-btn.is-loading:before{content:'';display:inline-block;width:18px;height:18px;border:3px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.back-field.is-hidden{display:none}@keyframes spin{to{transform:rotate(360deg)}}

@media(min-width:720px){
  .site-header{padding:12px 22px}.hero-card,.premium-panel{padding:46px}.hero-buttons{grid-template-columns:max-content max-content}.stats-grid,.feature-list{grid-template-columns:repeat(3,1fr)}.dash-hero{grid-template-columns:1fr auto;align-items:center}.money-grid{grid-template-columns:repeat(2,1fr)}.quick-links{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.admin-form{grid-template-columns:repeat(2,1fr)}.admin-form label:nth-child(4),.admin-form label:nth-child(8){grid-column:1/-1}.admin-form.compact{grid-template-columns:1fr 1fr 220px auto}.member-list article{grid-template-columns:1fr auto auto;align-items:center}.kyc-info{grid-template-columns:1fr 1fr}.kyc-preview-grid{grid-template-columns:1fr 1fr}
}

.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.section-head h1,.section-head h2{margin:0;line-height:1.18}.home-products{margin-top:16px}.product-grid article{display:grid;align-content:start}.product-grid article img{width:100%;height:150px;object-fit:cover;border-radius:16px;background:#fff7c7;margin-bottom:12px;border:1px solid rgba(255,218,26,.35)}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.product-actions .btn{min-height:42px;padding:9px 12px;font-size:14px}.admin-wrap .product-grid article .btn{margin-top:12px;width:100%}
.admin-current-image{width:100%;max-height:180px;object-fit:cover;border-radius:16px;margin-top:10px;border:1px solid rgba(0,0,0,.09);background:#fff}

.home-packages{margin-top:16px;background:linear-gradient(180deg,#fffef7,#fff7cc)}
.package-grid{display:grid;gap:14px}
.package-tile{position:relative;overflow:hidden;border-radius:26px;background:#fff;border:1px solid rgba(0,0,0,.09);box-shadow:0 18px 38px rgba(70,55,0,.12)}
.package-tile:before{content:'';position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,#e31c25,#ffda1a,#111)}
.package-image{height:178px;background:linear-gradient(135deg,#111,#33220d);overflow:hidden}
.package-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.package-tile:hover .package-image img{transform:scale(1.04)}
.package-body{padding:17px;display:grid;gap:8px}
.package-body span{justify-self:start;background:#111;color:#ffda1a;border-radius:999px;padding:4px 11px;font-weight:900;font-size:12px}
.package-body h3{margin:0;font-size:23px;line-height:1.18}
.package-body strong{font-size:30px;line-height:1;color:#b30d15}
.package-body p{margin:0;color:#54460c}
.package-body ul{margin:4px 0 0;padding-left:22px;color:#211b0b}
.package-body li{margin:3px 0}
.package-card summary{align-items:center}.package-card summary img{width:74px;height:74px;object-fit:cover;border-radius:18px;border:1px solid rgba(0,0,0,.08);background:#fff;flex:0 0 auto}.package-card summary span{flex:1}.admin-wrap .package-tile .btn{margin-top:8px;width:100%}
@media(min-width:720px){.package-grid{grid-template-columns:repeat(3,1fr)}.package-tile.featured-wide{grid-column:span 2}.package-image{height:190px}}


.premium-gallery{margin-top:16px;position:relative;overflow:hidden;background:linear-gradient(135deg,#fffef6 0%,#fff6bd 52%,#ffffff 100%)}
.premium-gallery:before{content:'';position:absolute;right:-120px;top:-140px;width:320px;height:320px;border-radius:50%;background:rgba(227,28,37,.1)}
.gallery-note{position:relative;margin:0 0 16px;color:#5f4d09;font-weight:700;max-width:780px}
.premium-mosaic{position:relative;display:grid;gap:14px}
.premium-mosaic figure{margin:0;position:relative;overflow:hidden;border-radius:26px;aspect-ratio:16/10;min-height:0;background:linear-gradient(135deg,#17120a,#fff2a8);box-shadow:0 18px 42px rgba(70,55,0,.15);border:1px solid rgba(0,0,0,.08)}
.premium-mosaic figure:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 12%,rgba(255,218,26,.22),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18));pointer-events:none;z-index:1}
.premium-mosaic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .42s ease,filter .42s ease}
.premium-mosaic figure:hover img{transform:scale(1.035);filter:saturate(1.08) contrast(1.03)}
.premium-mosaic figcaption{position:absolute;z-index:2;left:14px;right:14px;bottom:14px;padding:10px 13px;border-radius:17px;background:rgba(17,17,17,.86);color:#ffda1a;font-weight:900;backdrop-filter:blur(10px);box-shadow:0 8px 22px rgba(0,0,0,.22)}
.premium-mosaic .large figcaption{font-size:18px;background:linear-gradient(90deg,rgba(17,17,17,.92),rgba(139,17,23,.88))}
@media(min-width:780px){.premium-mosaic{grid-template-columns:repeat(3,1fr)}.premium-mosaic .large{grid-row:auto}.premium-mosaic figure{aspect-ratio:16/11}}
@media(max-width:520px){.premium-mosaic figure{aspect-ratio:4/3}.premium-mosaic figcaption{left:10px;right:10px;bottom:10px;font-size:14px}}


.admin-upload-panel{grid-column:1/-1;border:1px solid var(--line);border-radius:22px;padding:16px;background:linear-gradient(180deg,#fffef6,#fff3ad)}
.admin-upload-panel h2{margin:0 0 6px;font-size:24px}.admin-upload-panel p{margin:0 0 14px;color:#665400;font-weight:800}.premium-upload-grid{display:grid;gap:12px}.premium-upload-grid label{background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px}.premium-upload-grid .admin-current-image{height:150px;max-height:150px;object-fit:cover}
@media(min-width:720px){.premium-upload-grid{grid-template-columns:repeat(3,1fr)}}


.add-money-wrap,.interaction-admin{gap:18px}.interaction-hero{display:grid;gap:14px}.balance-pill{align-self:start;justify-self:start;background:#ffda1a;color:#111;border-radius:999px;padding:10px 14px;font-weight:900;box-shadow:0 8px 22px rgba(255,218,26,.22)}
.interaction-grid{display:grid;gap:14px}.banking-card{position:relative;overflow:hidden;border-radius:26px;padding:20px;background:linear-gradient(145deg,#111 0%,#22170a 54%,#8b1117 100%);color:#fff;box-shadow:0 20px 48px rgba(17,17,17,.22);border:1px solid rgba(255,218,26,.24)}.banking-card:after{content:'';position:absolute;right:-70px;bottom:-80px;width:230px;height:230px;border-radius:50%;background:rgba(255,218,26,.16)}.banking-card .eyebrow{color:#ffef8a}.banking-card h2{margin:0 0 12px;font-size:30px;line-height:1.15}.banking-card pre{white-space:pre-wrap;margin:0 0 14px;padding:16px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);font-family:inherit;font-weight:900;color:#ffef8a}.banking-card p{position:relative;margin:0;color:#fff5bd;font-weight:700}
.deposit-list,.admin-deposit-list{display:grid;gap:12px}.deposit-row,.admin-deposit-card{display:grid;gap:12px;border-radius:20px;border:1px solid var(--line);padding:14px;background:#fffef6;box-shadow:0 10px 24px rgba(70,55,0,.08)}.deposit-row{grid-template-columns:1fr auto;align-items:center}.deposit-row small,.admin-deposit-card small{display:block;color:#665400;font-weight:700}.status-pill{display:inline-grid;place-items:center;min-height:34px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:900;text-transform:uppercase}.status-pill.pending{background:#fff1b8;color:#6d4c00}.status-pill.accepted{background:#dcffe8;color:#00692a}.status-pill.rejected{background:#ffe0e0;color:#9a1018}.admin-deposit-card.pending{border-color:rgba(227,28,37,.18);background:linear-gradient(180deg,#fff,#fff7d0)}.admin-deposit-card.accepted{background:#f5fff8}.admin-deposit-card.rejected{background:#fff6f6}.admin-deposit-card h3{margin:8px 0 4px;font-size:24px;line-height:1.2}.admin-deposit-card p{margin:0 0 10px}.deposit-meta{display:grid;gap:8px;margin-top:10px}.deposit-meta span{border-radius:14px;background:#fff;border:1px solid var(--line);padding:9px 10px;color:#3a300d}.admin-note{margin-top:10px!important;padding:10px 12px;border-radius:14px;background:#111;color:#ffda1a!important;font-weight:800}.deposit-action{border-top:1px solid var(--line);padding-top:12px}.deposit-action .admin-links{margin-top:0}.quick-links{grid-template-columns:1fr 1fr}
@media(min-width:720px){.interaction-hero{grid-template-columns:1fr auto;align-items:center}.interaction-grid{grid-template-columns:.92fr 1.08fr}.deposit-meta{grid-template-columns:repeat(2,1fr)}.quick-links{grid-template-columns:repeat(5,1fr)}}


.transactions-wrap{gap:18px}.transaction-summary{display:grid;gap:12px}.transaction-summary article{border-radius:24px;padding:18px;background:linear-gradient(145deg,#111,#2b1c0b);color:#fff;border:1px solid rgba(255,218,26,.35);box-shadow:0 16px 34px rgba(17,17,17,.14)}.transaction-summary span{display:block;color:#ffef8a;font-weight:900}.transaction-summary strong{font-size:28px;line-height:1.1}.transaction-list{display:grid;gap:12px}.transaction-row{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;border:1px solid var(--line);border-radius:22px;padding:14px;background:#fffef8;box-shadow:0 10px 24px rgba(70,55,0,.08)}.transaction-row.accepted,.transaction-row.completed,.transaction-row.paid{background:linear-gradient(180deg,#fff,#f3fff6);border-color:rgba(0,105,42,.16)}.transaction-row.pending{background:linear-gradient(180deg,#fff,#fff6cc);border-color:rgba(255,218,26,.42)}.transaction-row.rejected,.transaction-row.unpaid{background:linear-gradient(180deg,#fff,#fff2f2);border-color:rgba(227,28,37,.14)}.tx-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#111;color:#ffda1a;font-weight:900;font-size:20px}.tx-main span{font-size:12px;color:#806800;font-weight:900;text-transform:uppercase;letter-spacing:.02em}.tx-main h3{margin:2px 0 4px;font-size:20px;line-height:1.2}.tx-main p{margin:0;color:#3c320e}.tx-main small{display:block;margin-top:5px;color:#665400;font-weight:700}.tx-side{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px}.tx-side strong{font-size:22px;color:#b30d15}.tx-side em{font-style:normal}.status-pill.completed{background:#dcffe8;color:#00692a}.status-pill.paid{background:#dcffe8;color:#00692a}.status-pill.unpaid{background:#fff1b8;color:#6d4c00}
@media(min-width:720px){.transaction-summary{grid-template-columns:repeat(3,1fr)}.transaction-row{grid-template-columns:auto 1fr auto;align-items:center}.tx-side{grid-column:auto;display:grid;justify-items:end}.tx-side strong{font-size:24px}}


.product-detail-wrap{gap:18px}.product-detail-card{display:grid;gap:18px;padding:0;overflow:hidden}.product-detail-image{min-height:280px;background:#111}.product-detail-image img{width:100%;height:100%;min-height:280px;object-fit:cover}.product-detail-body{padding:20px;display:grid;gap:10px}.product-detail-body h1{font-size:clamp(32px,7vw,54px);line-height:1.08;margin:0}.product-detail-body strong{font-size:32px;color:#b30d15;line-height:1}.product-detail-body p{margin:0;color:#40340d}.product-detail-body small{color:#806800;font-weight:900}.product-detail-wrap .product-grid article .btn,.product-strip .product-grid article .btn{margin-top:12px;width:100%}.product-grid article .btn{margin-top:12px}.product-detail-wrap .banking-card pre{max-height:260px;overflow:auto}.status-pill.pending_payment{background:#fff1b8;color:#6d4c00}.status-pill.product_purchase{background:#dcffe8;color:#00692a}
@media(min-width:780px){.product-detail-card{grid-template-columns:1.05fr .95fr}.product-detail-image,.product-detail-image img{min-height:520px}.product-detail-body{padding:34px}}

.tx-side strong.amount-pos{color:#007a32}.tx-side strong.amount-neg{color:#d3131f}.tx-side strong.amount-neutral{color:#8a6500}

.clickable-card{cursor:pointer;transition:transform .18s ease, box-shadow .18s ease;}
.clickable-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(18,14,6,.16);}
.clickable-card .product-actions{margin-top:12px;}

.profit-timer-section{background:radial-gradient(circle at 18% 8%,rgba(255,218,26,.45),transparent 28%),linear-gradient(145deg,#fffdf0,#fff1a6);border:1px solid rgba(227,28,37,.12)}
.profit-timer-section .section-head small{display:block;color:#6b4c00;font-weight:800;margin-top:4px}.profit-timer-grid{display:grid;gap:14px}
.profit-timer-card{position:relative;overflow:hidden;border-radius:26px;padding:18px;background:radial-gradient(circle at 90% 0,rgba(255,218,26,.24),transparent 34%),linear-gradient(145deg,#100d08,#2d1d08 58%,#111);color:#fff;border:1px solid rgba(255,218,26,.42);box-shadow:0 20px 45px rgba(17,17,17,.20)}
.profit-timer-card:before{content:"";position:absolute;inset:auto -40px -60px auto;width:150px;height:150px;border-radius:50%;background:rgba(227,28,37,.28)}.profit-timer-card>*{position:relative}.timer-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.timer-top span{display:block;color:#ffef8a;font-weight:900}.timer-top em{font-style:normal;font-size:12px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff4bd;font-weight:800;white-space:nowrap}.timer-amount{margin:14px 0}.timer-amount small,.timer-meta small{display:block;color:#fff4bd;font-weight:800}.timer-amount strong{display:block;font-size:32px;line-height:1.1;margin-top:5px}.fancy-countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0;padding:0;background:transparent;color:#111;text-align:center}.time-box{display:grid;gap:2px;padding:10px 6px;border-radius:16px;background:linear-gradient(180deg,#ffef8a,#ffda1a);box-shadow:inset 0 -3px 0 rgba(0,0,0,.08),0 8px 18px rgba(0,0,0,.16)}.time-box b{font-size:23px;line-height:1;font-weight:900}.time-box small{font-size:10px;text-transform:uppercase;color:#5b4300;font-weight:900}.countdown.is-ready{display:block;background:#bbf7d0;color:#064e3b;border-radius:16px;padding:13px}.timer-ready b,.timer-ready small{display:block}.timer-meta{padding-top:8px;border-top:1px solid rgba(255,255,255,.16)}.timer-meta b{display:block;color:#fff;font-size:13px;margin-top:2px}.profit-preview{display:grid;gap:6px;margin-top:12px;padding:12px;border-radius:16px;background:#fff8d8;border:1px solid var(--line)}.profit-preview b{color:#111}.profit-preview small{color:#665400}
@media(min-width:720px){.profit-timer-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:420px){.fancy-countdown{gap:6px}.time-box{padding:8px 4px}.time-box b{font-size:19px}.timer-amount strong{font-size:28px}}

.profile-picture-box{display:flex;align-items:center;gap:14px;margin:12px 0 18px;padding:14px;border-radius:22px;background:#fff8d8;border:1px solid var(--line)}
.profile-picture-box img,.avatar-placeholder{width:86px;height:86px;border-radius:50%;object-fit:cover;border:3px solid #111;background:#ffda1a;display:grid;place-items:center;font-size:34px;font-weight:900;color:#111;flex:0 0 auto}.profile-picture-box h2{margin:0 0 2px;font-size:28px;line-height:1.15}.profile-picture-box span{font-weight:900;color:#3b2b00;word-break:break-word}.profile-info-grid{display:grid;gap:10px}.profile-info-grid article{padding:13px;border-radius:18px;background:#fffef6;border:1px solid var(--line)}.profile-info-grid span{display:block;color:#806800;font-weight:900;font-size:13px}.profile-info-grid b{display:block;color:#111;word-break:break-word}.profile-edit-card{background:linear-gradient(180deg,#fff,#fff7c7);border:2px solid rgba(255,218,26,.42)}.profile-edit-form label:first-of-type{grid-column:1/-1}.profile-edit-form button{grid-column:1/-1}.profile-overview-card{background:linear-gradient(180deg,#fffef6,#fff2aa)}.balance-required-note{grid-column:1/-1;padding:12px 14px;border-radius:16px;background:#fff8d8;border:1px solid var(--line);font-weight:800;color:#3b2b00}.balance-required-note b{color:#111}
@media(min-width:720px){.profile-info-grid{grid-template-columns:repeat(2,1fr)}}

.referral-share-card{background:linear-gradient(145deg,#fffef6,#fff1a6);border:1px solid var(--line)}.copy-input{width:100%;padding:13px 14px;border-radius:14px;border:1px solid var(--line);font-weight:800;background:#fff;color:#111;margin:8px 0}.referral-share-card small{display:block;color:#665400;font-weight:800}

.copy-row{display:grid;gap:10px;align-items:center}.copy-row .copy-input{margin:0}@media(min-width:720px){.copy-row{grid-template-columns:1fr auto}}
/* Dashboard investment showcase */
.investment-showcase{position:relative;overflow:hidden;padding:0;background:linear-gradient(145deg,#100d08 0%,#261809 46%,#8b1117 100%);border-color:rgba(255,218,26,.36);box-shadow:0 24px 58px rgba(17,17,17,.22);color:#fff}
.investment-showcase:before{content:"";position:absolute;right:-110px;top:-130px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,218,26,.34),rgba(255,218,26,0) 68%)}
.investment-showcase:after{content:"";position:absolute;left:-120px;bottom:-150px;width:340px;height:250px;border-radius:50%;background:rgba(255,255,255,.06);filter:blur(4px)}
.investment-showcase>*{position:relative;z-index:1}.investment-head{padding:22px 20px 0;margin-bottom:16px}.investment-head .eyebrow{color:#ffef8a}.investment-head h2{font-size:clamp(30px,7vw,48px);color:#fff}.investment-head small{display:block;color:#fff1aa;font-weight:800;margin-top:5px}.investment-all-btn{box-shadow:0 14px 28px rgba(227,28,37,.35)}
.investment-package-grid{display:grid;gap:14px;padding:0 14px 18px}.investment-package-card{position:relative;overflow:hidden;display:grid;border-radius:28px;background:rgba(255,254,246,.96);color:#17120a;border:1px solid rgba(255,218,26,.38);box-shadow:0 18px 44px rgba(0,0,0,.18);transition:transform .2s ease,box-shadow .2s ease}.investment-package-card:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(0,0,0,.25)}
.investment-package-media{position:relative;min-height:170px;background:linear-gradient(135deg,#111,#3a260a);overflow:hidden}.investment-package-media img{width:100%;height:100%;min-height:170px;object-fit:cover;transition:transform .35s ease}.investment-package-card:hover .investment-package-media img{transform:scale(1.045)}.investment-package-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.58))}.investment-package-media span{position:absolute;left:14px;bottom:13px;z-index:1;border-radius:999px;padding:6px 12px;background:#ffda1a;color:#111;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.2)}
.investment-package-body{display:grid;gap:12px;padding:16px}.investment-package-title{display:grid;gap:4px}.investment-package-title h3{margin:0;font-size:24px;line-height:1.16}.investment-package-title strong{font-size:34px;line-height:1;color:#b30d15}.investment-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px}.investment-metrics span{padding:11px 10px;border-radius:18px;background:linear-gradient(180deg,#fff7c7,#fff);border:1px solid rgba(0,0,0,.08)}.investment-metrics b,.investment-metrics small{display:block}.investment-metrics b{font-size:20px;line-height:1.08;color:#111}.investment-metrics small{margin-top:3px;color:#6b4c00;font-weight:900}.investment-package-body p{margin:0;color:#493a08;font-weight:800}.investment-package-body ul{margin:0;padding:0;display:grid;gap:7px;list-style:none}.investment-package-body li{position:relative;padding-left:24px;color:#241b06;font-weight:700}.investment-package-body li:before{content:"✓";position:absolute;left:0;top:0;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#111;color:#ffda1a;font-size:11px;font-weight:900}.investment-package-body .btn{width:100%;margin-top:2px}
@media(min-width:780px){.investment-head{padding:28px 28px 0}.investment-package-grid{grid-template-columns:repeat(3,1fr);padding:0 20px 24px}.investment-package-card{grid-template-rows:auto 1fr}.investment-package-body{padding:18px}.investment-package-title strong{font-size:32px}}
@media(max-width:520px){.investment-showcase{border-radius:26px}.investment-head .btn{width:100%}.investment-package-media{min-height:150px}.investment-metrics{grid-template-columns:1fr}.investment-package-title strong{font-size:30px}}


/* Premium dashboard quick links */
.quick-links-premium{position:relative;overflow:hidden;padding:14px;border-radius:28px;background:radial-gradient(circle at 12% 0,rgba(255,218,26,.38),transparent 30%),linear-gradient(145deg,#111 0%,#2b1c0b 58%,#8b1117 100%);border:1px solid rgba(255,218,26,.34);box-shadow:0 22px 52px rgba(17,17,17,.20)}
.quick-links-premium:before{content:"";position:absolute;right:-90px;top:-90px;width:220px;height:220px;border-radius:50%;background:rgba(255,218,26,.18)}
.quick-links-premium a{position:relative;z-index:1;overflow:hidden;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:11px;align-items:center;justify-content:start;place-items:initial;min-height:78px;padding:14px;border-radius:22px;background:rgba(255,255,255,.95);border:1px solid rgba(255,218,26,.28);box-shadow:0 12px 28px rgba(0,0,0,.14);text-align:left;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.quick-links-premium a:after{content:"";position:absolute;inset:auto -35px -46px auto;width:88px;height:88px;border-radius:50%;background:rgba(227,28,37,.08);transition:transform .2s ease}.quick-links-premium a:hover{transform:translateY(-4px);background:#fffef6;box-shadow:0 18px 38px rgba(0,0,0,.18)}.quick-links-premium a:hover:after{transform:scale(1.18)}
.quick-links-premium i{grid-row:1/3;width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#111,#3a260a);color:#ffda1a;font-style:normal;font-size:20px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,218,26,.28),0 8px 18px rgba(17,17,17,.18)}
.quick-links-premium span{align-self:end;color:#17120a;font-weight:900;font-size:16px;line-height:1.12}.quick-links-premium small{align-self:start;color:#7a6100;font-weight:800;font-size:12px;line-height:1.2;margin-top:3px}
@media(min-width:720px){.quick-links-premium{grid-template-columns:repeat(4,1fr);padding:16px}.quick-links-premium a{min-height:88px}}
@media(max-width:460px){.quick-links-premium{grid-template-columns:1fr}.quick-links-premium a{min-height:72px}}
.transfer-card,.transfer-confirm-card,.transfer-success-card{background:linear-gradient(180deg,#fff,#fff7c7);border:1px solid rgba(255,218,26,.55)}.transfer-summary{display:grid;gap:12px;margin:18px 0}.transfer-summary article{padding:16px;border-radius:22px;background:#111;color:#fff;border:1px solid rgba(255,218,26,.45);box-shadow:0 14px 30px rgba(17,17,17,.14)}.transfer-summary span{display:block;color:#ffef8a;font-weight:900}.transfer-summary b{display:block;font-size:24px;line-height:1.15}.transfer-summary small{display:block;color:#fff4bd;font-weight:800;margin-top:4px}@media(min-width:720px){.transfer-summary{grid-template-columns:repeat(3,1fr)}}

/* Reward points UI */
.reward-money-grid .reward-wallet-card{background:radial-gradient(circle at 85% 10%,rgba(255,218,26,.28),transparent 30%),linear-gradient(145deg,#8b1117,#111);border-color:#ffda1a}.reward-wallet-card small{display:block;color:#fff4bd;font-weight:900;margin-top:6px}.reward-highlight{display:grid;gap:5px;margin:10px 0;padding:14px;border-radius:20px;background:linear-gradient(135deg,#111,#3a260a);color:#fff;border:1px solid rgba(255,218,26,.38)}.reward-highlight b{color:#ffda1a;font-size:18px}.reward-highlight span,.reward-highlight small{color:#fff4bd!important;font-weight:800}.reward-highlight em{justify-self:start;font-style:normal;background:#ffda1a;color:#111;border-radius:999px;padding:5px 10px;font-weight:900}.reward-banking-card{background:radial-gradient(circle at 90% 5%,rgba(255,218,26,.2),transparent 30%),linear-gradient(145deg,#111,#2b1c0b 55%,#00692a)}.reward-checkout-card{background:linear-gradient(180deg,#fff,#fff7c7);border:2px solid rgba(255,218,26,.5)}.reward-note{line-height:1.8}.reward-card-note{color:#ffda1a!important;background:rgba(255,218,26,.12);border-radius:999px;padding:5px 9px;width:max-content;max-width:100%}.product-grid article:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(17,17,17,.18);transition:.2s ease}.reward-product-hero{border:1px solid rgba(255,218,26,.45)}
@media(min-width:720px){.reward-money-grid{grid-template-columns:repeat(3,1fr)}}


/* Mobile premium polish — full project */
:root{--safe-x:clamp(12px,4vw,18px)}
button,.btn,.top-actions a,.quick-links a,input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:rgba(227,28,37,.14)}
.section-card,.auth-card,.admin-form,.admin-hero,.premium-panel,.hero-card{overflow-wrap:anywhere}
.admin-wrap,.dashboard-wrap,.auth-wrap{min-width:0}

/* Make all wide admin/content tables safe on phones */
.section-card:has(table),.admin-form:has(table),.admin-wrap .member-list{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{max-width:100%;border-collapse:collapse}th,td{word-break:break-word}

/* Better mobile cards and forms */
input,select,textarea{min-height:48px;line-height:1.45;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
textarea{min-height:104px;resize:vertical}.btn,button.btn{min-width:0}.admin-links .btn{flex:1 1 160px}
.money-grid article,.transaction-summary article,.transfer-summary article{min-width:0}.money-grid strong,.transaction-summary strong{word-break:break-word}
.copy-row .btn,.copy-row .copy-input{width:100%}.referral-commission-grid{margin:14px 0}.referral-commission-grid article{padding:16px;border-radius:22px}

@media(max-width:719px){
  body{background:radial-gradient(circle at 105% -30px,#fff1a3 0 150px,transparent 152px),linear-gradient(180deg,#fff9df,#fff6bf 46%,#fff8d8);font-size:16px;line-height:1.74}
  .site-header{align-items:flex-start;padding:10px var(--safe-x);gap:8px;box-shadow:0 10px 28px rgba(70,55,0,.08)}
  .brand{gap:8px;min-width:0;flex:1}.brand img{width:46px;height:46px}.brand b{font-size:15px;max-width:128px;overflow:hidden;text-overflow:ellipsis}.brand small{font-size:10px;max-width:128px;overflow:hidden;text-overflow:ellipsis}
  .top-actions{max-width:50%;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.top-actions::-webkit-scrollbar{display:none}.top-actions a{min-height:38px;padding:7px 10px;font-size:12px;flex:0 0 auto}
  main{padding:14px var(--safe-x) 30px;width:100%}.dashboard-wrap,.admin-wrap{gap:14px}
  .hero-card,.premium-panel{border-radius:28px;padding:24px 17px;box-shadow:0 18px 42px rgba(17,13,6,.25)}
  .hero h1,.premium-panel h1{font-size:clamp(30px,9.5vw,42px);letter-spacing:-.02em}.lead,.premium-panel p{font-size:16px;line-height:1.75}.logo-orbit{width:88px;height:88px;margin-bottom:14px}
  .notice,.section-card,.auth-card,.admin-form,.admin-hero{border-radius:22px;padding:16px;box-shadow:0 10px 28px rgba(70,55,0,.10)}
  .intro h2,.section-card h2,.auth-card h1{font-size:clamp(25px,7vw,34px);line-height:1.22}
  .section-head{gap:10px}.section-head .btn,.section-head a.btn{width:100%}
  .money-grid{grid-template-columns:1fr;gap:10px}.money-grid article{padding:18px;border-radius:22px}.money-grid strong{font-size:clamp(24px,8vw,32px)}
  .quick-links,.quick-links-premium{grid-template-columns:1fr!important;gap:10px}.quick-links-premium{border-radius:24px;padding:12px}.quick-links-premium a{min-height:74px;border-radius:20px;padding:13px}.quick-links-premium i{width:40px;height:40px;border-radius:14px}.quick-links-premium span{font-size:16px}
  .profile-picture-box{align-items:flex-start;border-radius:20px;padding:12px}.profile-picture-box img,.avatar-placeholder{width:72px;height:72px;font-size:28px}.profile-picture-box h2{font-size:23px}.profile-info-grid{grid-template-columns:1fr!important}.profile-info-grid article{padding:12px;border-radius:16px}.profile-edit-form{grid-template-columns:1fr!important}.profile-edit-form button{width:100%}
  .kyc-info{grid-template-columns:1fr!important}.kyc-preview-grid{grid-template-columns:1fr!important}.kyc-preview img,.file-preview img{max-height:190px}
  .product-grid,.package-grid,.investment-package-grid,.profit-timer-grid,.feature-list,.stats-grid{grid-template-columns:1fr!important}.product-grid article,.package-tile,.profit-timer-card{border-radius:22px}.product-grid article img{height:170px}.product-actions{grid-template-columns:1fr}.product-detail-card{border-radius:24px}.product-detail-image,.product-detail-image img{min-height:240px}.product-detail-body{padding:17px}.product-detail-body h1{font-size:31px}.product-detail-body strong{font-size:28px}
  .interaction-grid{grid-template-columns:1fr!important}.banking-card{border-radius:24px;padding:18px}.banking-card h2{font-size:26px}.banking-card pre{font-size:14px;max-height:220px;overflow:auto}
  .deposit-row,.transaction-row{grid-template-columns:1fr!important}.tx-icon{width:42px;height:42px}.tx-side{align-items:flex-start}.tx-side strong{font-size:22px}
  .admin-form{grid-template-columns:1fr!important}.admin-form label,.admin-form button,.admin-upload-panel{grid-column:1/-1!important}.member-list article{grid-template-columns:1fr!important}.member-list form{display:grid;grid-template-columns:1fr}.member-list .btn{width:100%}
  .transfer-summary{grid-template-columns:1fr}.fancy-countdown{grid-template-columns:repeat(2,1fr)}.time-box{min-height:62px}.timer-top{display:grid}.timer-top em{justify-self:start}
  .footer{padding:24px var(--safe-x);font-size:14px}.admin-current-image{max-height:160px;object-fit:cover}
}

@media(max-width:420px){
  :root{--safe-x:10px}.brand b{max-width:104px}.brand small{display:none}.top-actions{max-width:54%}.top-actions a{font-size:11px;padding:7px 9px}
  .hero-card,.premium-panel{padding:21px 15px;border-radius:24px}.section-card,.auth-card,.admin-form,.admin-hero{padding:14px;border-radius:20px}.btn,button.btn{min-height:46px;padding:11px 14px;border-radius:15px;font-size:15px}
  .money-grid article{padding:16px}.money-grid strong{font-size:26px}.copy-input,input,select,textarea{border-radius:14px;padding:11px 12px}.product-grid article img{height:150px}.profile-picture-box{gap:10px}.profile-picture-box img,.avatar-placeholder{width:64px;height:64px}
}


/* Dashboard quick links compact grid */
.dashboard-compact-hero{padding-block:26px}.dashboard-compact-hero h1{margin-bottom:0}.dashboard-compact-hero .eyebrow{margin-bottom:6px}
.quick-links-premium{grid-template-columns:repeat(3,1fr)!important;gap:10px;padding:12px}
.quick-links-premium a{min-height:74px;padding:11px 9px;grid-template-columns:1fr;grid-template-rows:auto auto;justify-items:center;text-align:center;row-gap:5px;border-radius:18px}
.quick-links-premium i{grid-row:auto;width:34px;height:34px;border-radius:12px;font-size:17px}.quick-links-premium span{font-size:13px;line-height:1.1}.quick-links-premium small{display:none}
@media(min-width:720px){.quick-links-premium{grid-template-columns:repeat(5,1fr)!important}.quick-links-premium a{min-height:82px}.quick-links-premium small{display:block;text-align:center;font-size:11px}.quick-links-premium span{font-size:15px}}
@media(max-width:420px){.quick-links-premium{grid-template-columns:repeat(3,1fr)!important;gap:8px;padding:10px}.quick-links-premium a{min-height:68px;padding:9px 5px;border-radius:16px}.quick-links-premium i{width:30px;height:30px;font-size:15px}.quick-links-premium span{font-size:12px}}


/* Dashboard balance cards compact grid */
.dashboard-balance-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px}
.dashboard-balance-grid article{min-height:88px;padding:14px 12px;border-radius:20px;display:grid;align-content:center;text-align:center}
.dashboard-balance-grid span{font-size:12px;line-height:1.2}.dashboard-balance-grid strong{font-size:clamp(20px,5vw,30px);line-height:1.08}.dashboard-balance-grid small{display:none}
@media(min-width:720px){.dashboard-balance-grid{grid-template-columns:repeat(4,1fr)!important}.dashboard-balance-grid article{min-height:116px;padding:18px 14px}.dashboard-balance-grid span{font-size:13px}.dashboard-balance-grid strong{font-size:28px}}
@media(max-width:420px){.dashboard-balance-grid{gap:8px}.dashboard-balance-grid article{min-height:78px;padding:12px 8px;border-radius:17px}.dashboard-balance-grid span{font-size:11px}.dashboard-balance-grid strong{font-size:clamp(18px,6vw,24px)}}


/* Transactions page mobile polish */
.transactions-hero{padding-block:24px}.transactions-hero h1{margin-bottom:6px}.transactions-hero p{max-width:680px}.transactions-hero .balance-pill{white-space:nowrap}
.transaction-summary-mobile{grid-template-columns:repeat(3,1fr);gap:10px}.transaction-summary-mobile article{min-height:96px;text-align:center;display:grid;align-content:center;padding:14px 10px}.transaction-summary-mobile span{font-size:12px}.transaction-summary-mobile strong{font-size:clamp(19px,4vw,27px);word-break:break-word}
.transaction-history-card{background:linear-gradient(180deg,#fffef8,#fff3b4);border:1px solid rgba(255,218,26,.55)}.transaction-list-mobile{gap:10px}
.transaction-list-mobile .transaction-row{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(180deg,#fff,#fffaf0);border:1px solid rgba(0,0,0,.08)}.transaction-list-mobile .transaction-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#8a6500}.transaction-list-mobile .transaction-row.completed:before,.transaction-list-mobile .transaction-row.accepted:before,.transaction-list-mobile .transaction-row.paid:before{background:#008f3a}.transaction-list-mobile .transaction-row.pending:before{background:#d69a00}.transaction-list-mobile .transaction-row.rejected:before,.transaction-list-mobile .transaction-row.unpaid:before{background:#d3131f}.transaction-list-mobile .transaction-row>*{position:relative}.tx-main h3{word-break:break-word}.tx-main p b{word-break:break-all}
@media(max-width:719px){
  .transactions-hero{padding:20px 15px;border-radius:24px}.transactions-hero h1{font-size:clamp(28px,8vw,38px)}.transactions-hero p{font-size:15px;margin-bottom:12px}.transactions-hero .balance-pill{justify-self:start;font-size:13px;padding:8px 12px;max-width:100%;white-space:normal}
  .transaction-summary-mobile{grid-template-columns:repeat(3,1fr)!important;gap:8px}.transaction-summary-mobile article{min-height:76px;padding:10px 6px;border-radius:17px}.transaction-summary-mobile span{font-size:11px;line-height:1.12}.transaction-summary-mobile strong{font-size:clamp(16px,4.8vw,22px);line-height:1.05}
  .transaction-history-card{padding:14px;border-radius:20px}.transaction-history-card .section-head{display:grid}.transaction-history-card .section-head .btn{width:100%;min-height:44px}
  .transaction-list-mobile{gap:9px}.transaction-list-mobile .transaction-row{display:grid!important;grid-template-columns:34px 1fr!important;gap:9px;padding:12px 11px 12px 14px;border-radius:18px;align-items:start}.transaction-list-mobile .tx-icon{width:34px;height:34px;border-radius:12px;font-size:15px}.transaction-list-mobile .tx-main span{font-size:10px;line-height:1.25}.transaction-list-mobile .tx-main h3{font-size:16px;margin:2px 0 3px;line-height:1.22}.transaction-list-mobile .tx-main p{font-size:12px;line-height:1.45}.transaction-list-mobile .tx-main small{font-size:11px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.transaction-list-mobile .tx-side{grid-column:1/-1;display:flex!important;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;margin-top:2px;border-top:1px dashed rgba(0,0,0,.12)}.transaction-list-mobile .tx-side strong{font-size:19px;line-height:1.1}.transaction-list-mobile .status-pill{min-height:28px;padding:4px 9px;font-size:10px}
}
@media(max-width:420px){.transaction-summary-mobile article{min-height:70px}.transaction-summary-mobile strong{font-size:16px}.transaction-list-mobile .transaction-row{grid-template-columns:30px 1fr!important;padding:11px 9px 11px 13px}.transaction-list-mobile .tx-icon{width:30px;height:30px}.transaction-list-mobile .tx-side strong{font-size:17px}.transactions-hero .balance-pill{font-size:12px}}


/* My Investment page */
.my-investment-wrap{gap:18px}.my-investment-hero{padding-block:24px}.my-investment-summary{grid-template-columns:repeat(3,1fr);gap:10px}.my-investment-list{display:grid;gap:12px}.my-investment-card{position:relative;overflow:hidden;border-radius:24px;padding:16px;background:linear-gradient(180deg,#fff,#fff8d8);border:1px solid rgba(0,0,0,.08);box-shadow:0 14px 34px rgba(70,55,0,.10)}.my-investment-card.paid{border-color:rgba(0,143,58,.22)}.my-investment-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#8a6500}.my-investment-card.paid:before{background:#008f3a}.investment-card-top{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}.investment-card-top h3{margin:8px 0 2px;font-size:22px;line-height:1.15}.investment-card-top strong{font-size:26px;color:#b30d15;white-space:nowrap}.my-investment-metrics{margin-top:13px}.my-investment-metrics span{background:linear-gradient(180deg,#fff7c7,#fffef8)}.investment-countdown-box{display:grid;gap:10px;margin-top:13px;padding:13px;border-radius:20px;background:linear-gradient(145deg,#111,#2b1c0b);color:#fff;border:1px solid rgba(255,218,26,.35)}.investment-countdown-box small{display:block;color:#ffef8a;font-weight:900}.investment-countdown-box b{font-size:16px}.mini-countdown{margin-top:4px}.mini-countdown .time-box{padding:8px 5px}.mini-countdown .time-box b{font-size:18px}@media(min-width:760px){.investment-countdown-box{grid-template-columns:1fr 1.5fr;align-items:center}.my-investment-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:719px){.my-investment-summary{grid-template-columns:repeat(3,1fr)!important}.investment-card-top{grid-template-columns:1fr}.investment-card-top strong{font-size:24px}.my-investment-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.my-investment-summary article{padding:10px 5px;min-height:76px}.my-investment-summary span{font-size:10px}.my-investment-summary strong{font-size:16px}.my-investment-metrics{grid-template-columns:1fr}.my-investment-card{padding:14px;border-radius:20px}}


/* Admin Approval — mobile grid view */
.interaction-admin-grid{gap:14px;padding-inline:10px}.interaction-admin-hero{position:relative;overflow:hidden;border-radius:26px;padding:20px 16px;background:radial-gradient(circle at 88% 6%,rgba(255,218,26,.22),transparent 28%),linear-gradient(145deg,#111,#2b1c0b 62%,#8b1117);box-shadow:0 18px 42px rgba(17,17,17,.18)}.interaction-admin-hero h1{font-size:clamp(28px,8vw,44px);line-height:1.08;margin-bottom:8px}.interaction-admin-hero p{max-width:760px}.interaction-admin-hero .admin-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.interaction-admin-hero .btn{min-height:44px;border-radius:15px;padding:10px 12px}
.interaction-settings-card{border-radius:24px;background:linear-gradient(180deg,#fffef8,#fff3b4);border:1px solid rgba(255,218,26,.52);padding:16px}.interaction-settings-card h2{font-size:clamp(23px,6vw,32px)}.interaction-settings-form{gap:11px}.interaction-settings-form textarea{min-height:118px}.interaction-settings-form .btn{width:100%;min-height:48px}
.admin-request-section{padding:14px;border-radius:24px;background:linear-gradient(180deg,#fff,#fff9df);border:1px solid rgba(0,0,0,.08);overflow:hidden}.admin-request-section .section-head{margin-bottom:12px}.admin-request-section .section-head h2{font-size:clamp(22px,6vw,31px)}.admin-request-section .eyebrow{font-size:12px;margin-bottom:4px}.admin-deposit-grid{display:grid;grid-template-columns:1fr;gap:12px}.admin-deposit-grid>p{margin:0;padding:14px;border-radius:18px;background:#fff8d8;border:1px dashed rgba(0,0,0,.14);font-weight:900;color:#6d5400}.admin-deposit-grid .admin-deposit-card{position:relative;overflow:hidden;min-width:0;padding:14px;border-radius:22px;background:linear-gradient(180deg,#fff,#fffdf1);box-shadow:0 14px 30px rgba(70,55,0,.10);border:1px solid rgba(0,0,0,.08)}.admin-deposit-grid .admin-deposit-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#8a6500}.admin-deposit-grid .admin-deposit-card.pending:before,.admin-deposit-grid .admin-deposit-card.pending_payment:before{background:#d49a00}.admin-deposit-grid .admin-deposit-card.accepted:before,.admin-deposit-grid .admin-deposit-card.paid:before{background:#008f3a}.admin-deposit-grid .admin-deposit-card.rejected:before{background:#d3131f}.admin-deposit-grid .deposit-main{min-width:0}.admin-deposit-grid .deposit-main h3{font-size:clamp(19px,5.4vw,23px);line-height:1.18;margin:9px 0 5px;word-break:break-word}.admin-deposit-grid .deposit-main p{font-size:13px;line-height:1.45;color:#4b3c08;font-weight:800;word-break:break-word}.admin-deposit-grid .deposit-main small{font-size:12px;line-height:1.45;word-break:break-word}.admin-deposit-grid .status-pill{min-height:30px;padding:5px 9px;font-size:10px;max-width:100%;white-space:normal;text-align:center}.admin-deposit-grid .deposit-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.admin-deposit-grid .deposit-meta span{min-width:0;padding:9px 8px;border-radius:14px;background:#fff;border:1px solid rgba(0,0,0,.08);font-size:11px;line-height:1.3;word-break:break-word}.admin-deposit-grid .deposit-meta b{display:block;margin-top:2px;color:#111;font-size:12px}.admin-deposit-grid .admin-note{font-size:12px;line-height:1.45;border-radius:15px;margin-top:9px!important;padding:9px 10px;word-break:break-word}.admin-deposit-grid .review-form{margin-top:2px;padding-top:10px;border-top:1px solid rgba(0,0,0,.08);gap:9px}.admin-deposit-grid .review-form textarea{min-height:82px;border-radius:15px;background:#fff}.admin-deposit-grid .review-form .admin-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:0}.admin-deposit-grid .review-form .btn,.admin-deposit-grid form>.btn{min-height:44px;border-radius:15px;padding:9px 10px;font-size:13px}.cashout-request-section .admin-deposit-grid article form{display:grid;gap:9px;margin-top:2px;padding-top:10px;border-top:1px solid rgba(0,0,0,.08)}.cashout-request-section .admin-deposit-grid article form label{font-size:13px}.cashout-request-section .admin-deposit-grid article form input{background:#fff}.cashout-request-section .admin-deposit-grid article form .btn{width:100%}
@media(min-width:640px){.interaction-admin-grid{padding-inline:14px}.admin-deposit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.interaction-settings-form{grid-template-columns:1fr 1fr}.interaction-settings-form button{grid-column:1/-1}.interaction-admin-hero .admin-links{display:flex}.cashout-request-section .admin-deposit-grid article form{grid-template-columns:1fr 1fr}.cashout-request-section .admin-deposit-grid article form label{grid-column:1/-1}}
@media(min-width:1100px){.admin-deposit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.interaction-settings-form button{grid-column:auto}.interaction-settings-form{grid-template-columns:1fr 1fr 180px;align-items:end}}
@media(max-width:390px){.interaction-admin-grid{padding-inline:8px}.admin-request-section,.interaction-settings-card{padding:12px;border-radius:20px}.admin-deposit-grid .admin-deposit-card{padding:12px;border-radius:19px}.admin-deposit-grid .deposit-meta{grid-template-columns:1fr}.admin-deposit-grid .review-form .admin-links{grid-template-columns:1fr}.interaction-admin-hero .admin-links{grid-template-columns:1fr}.admin-deposit-grid .deposit-main h3{font-size:18px}}


/* Admin approval shortcut buttons */
.interaction-shortcuts{position:sticky;top:70px;z-index:12;display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding:10px;border-radius:24px;background:rgba(17,17,17,.92);border:1px solid rgba(255,218,26,.35);box-shadow:0 16px 36px rgba(17,17,17,.22);backdrop-filter:blur(14px)}.interaction-shortcuts a{position:relative;overflow:hidden;min-height:66px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px;border-radius:18px;background:#fff;color:#111;border:1px solid rgba(255,218,26,.24);box-shadow:0 8px 20px rgba(0,0,0,.12)}.interaction-shortcuts a:active{transform:scale(.985)}.interaction-shortcuts i{width:34px;height:34px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#111,#3a260a);color:#ffda1a;font-style:normal;font-weight:900}.interaction-shortcuts span{font-size:12px;font-weight:900;line-height:1.08}.interaction-shortcuts b{min-width:28px;height:28px;padding:0 7px;border-radius:999px;display:grid;place-items:center;background:#e31c25;color:#fff;font-size:11px;line-height:1;font-weight:900}.admin-request-section,.interaction-settings-card{scroll-margin-top:165px}@media(min-width:720px){.interaction-shortcuts{position:static;grid-template-columns:repeat(4,1fr);padding:12px}.interaction-shortcuts a{min-height:76px;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.interaction-shortcuts b{grid-column:2;justify-self:start}.admin-request-section,.interaction-settings-card{scroll-margin-top:90px}}@media(max-width:390px){.interaction-shortcuts{top:63px;grid-template-columns:1fr;gap:7px}.interaction-shortcuts a{min-height:54px}.interaction-shortcuts span{font-size:13px}.admin-request-section,.interaction-settings-card{scroll-margin-top:260px}}

/* Admin panel quick links grid */
.admin-dashboard-hero .admin-quick-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.admin-dashboard-hero .admin-quick-grid .btn{position:relative;overflow:hidden;width:100%;min-height:70px;display:grid;place-items:center;text-align:center;border-radius:20px;padding:13px 10px;font-size:13px;line-height:1.12;box-shadow:0 12px 26px rgba(0,0,0,.18);flex:none!important}.admin-dashboard-hero .admin-quick-grid .btn:before{content:attr(data-icon);width:32px;height:32px;border-radius:12px;margin-bottom:7px;display:grid;place-items:center;background:linear-gradient(145deg,#111,#3a260a);color:#ffda1a;font-size:18px;line-height:1;box-shadow:inset 0 0 0 1px rgba(255,218,26,.35),0 8px 16px rgba(0,0,0,.16)}.admin-dashboard-hero .admin-quick-grid .btn:after{content:"";position:absolute;right:-28px;bottom:-34px;width:76px;height:76px;border-radius:50%;background:rgba(255,218,26,.14)}@media(min-width:700px){.admin-dashboard-hero .admin-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-dashboard-hero .admin-quick-grid .btn{min-height:84px;font-size:14px}}@media(min-width:1120px){.admin-dashboard-hero .admin-quick-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media(max-width:390px){.admin-dashboard-hero .admin-quick-grid{gap:8px}.admin-dashboard-hero .admin-quick-grid .btn{min-height:64px;border-radius:17px;font-size:12px;padding:10px 6px}.admin-dashboard-hero .admin-quick-grid .btn:before{width:28px;height:28px;margin-bottom:5px;font-size:16px}}


/* Admin all transactions responsive UI */
.admin-transactions-wrap{gap:16px}.admin-transactions-hero{position:relative;overflow:hidden}.admin-transaction-filter{gap:10px}.admin-transaction-filter .btn{width:100%}.admin-transaction-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-transaction-summary article{min-width:0;padding:13px;border-radius:20px}.admin-transaction-summary span{font-size:12px;line-height:1.2}.admin-transaction-summary strong{font-size:clamp(18px,5.5vw,30px);word-break:break-word}.admin-transaction-history-card{overflow:hidden}.admin-transaction-list{display:grid;gap:11px}.admin-transaction-row{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;gap:10px;padding:13px;border-radius:20px;background:linear-gradient(180deg,#fff,#fffaf0);border:1px solid rgba(0,0,0,.08);box-shadow:0 12px 28px rgba(70,55,0,.09)}.admin-transaction-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#8a6500}.admin-transaction-row.completed:before,.admin-transaction-row.accepted:before,.admin-transaction-row.paid:before{background:#008f3a}.admin-transaction-row.pending:before,.admin-transaction-row.pending_payment:before,.admin-transaction-row.unpaid:before{background:#d49a00}.admin-transaction-row.rejected:before,.admin-transaction-row.cancelled:before,.admin-transaction-row.failed:before{background:#d3131f}.admin-tx-icon{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#111,#3a260a);color:#ffda1a;font-weight:900;font-size:18px;box-shadow:inset 0 0 0 1px rgba(255,218,26,.35)}.admin-tx-main{min-width:0}.admin-tx-main span{display:block;color:#7a6100;font-size:12px;font-weight:900;line-height:1.25}.admin-tx-main h3{margin:4px 0 4px;font-size:17px;line-height:1.18;word-break:break-word}.admin-tx-main p{margin:3px 0;color:#4b3c08;font-size:12px;font-weight:800;line-height:1.4;word-break:break-word}.admin-tx-main small{display:block;margin-top:5px;color:#665400;font-size:12px;line-height:1.45;word-break:break-word}.admin-tx-side{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:9px;border-top:1px solid rgba(0,0,0,.08)}.admin-tx-side strong{font-size:20px;line-height:1.1;word-break:break-word}.amount-neg{color:#d3131f}.amount-pos{color:#008f3a}.amount-neutral{color:#7a6100}.admin-tx-side .status-pill{white-space:normal;text-align:center;min-height:30px;padding:5px 9px;font-size:11px}@media(min-width:720px){.admin-transaction-filter{grid-template-columns:1fr 1fr 170px 130px;align-items:end}.admin-transaction-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-transaction-row{grid-template-columns:auto 1fr auto;align-items:center;padding:15px}.admin-tx-side{grid-column:auto;min-width:150px;display:grid;justify-items:end;border-top:0;padding-top:0}.admin-tx-main h3{font-size:19px}}@media(max-width:420px){.admin-transactions-wrap{gap:12px}.admin-transaction-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-transaction-summary article{padding:10px 7px;min-height:78px;border-radius:17px}.admin-transaction-summary span{font-size:10px}.admin-transaction-summary strong{font-size:17px}.admin-transaction-row{padding:11px;border-radius:18px;gap:8px}.admin-tx-icon{width:36px;height:36px;border-radius:14px;font-size:16px}.admin-tx-main h3{font-size:16px}.admin-tx-side strong{font-size:18px}.admin-tx-side{align-items:flex-start;flex-direction:column}}


/* Register live availability */
.register-card form{gap:12px}.availability-msg{display:block;min-height:18px;margin-top:2px;font-size:12px;font-weight:900;line-height:1.25}.availability-msg.ok{color:#008f3a}.availability-msg.bad{color:#d3131f}.availability-msg.checking{color:#7a6100}.register-live-form input.field-valid{border-color:#008f3a;box-shadow:0 0 0 3px rgba(0,143,58,.12)}.register-live-form input.field-invalid{border-color:#d3131f;box-shadow:0 0 0 3px rgba(211,19,31,.12);background:#fff7f7}.register-live-form button:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.2)}@media(max-width:480px){.register-card form{gap:10px}.availability-msg{font-size:11px}.register-live-form label{gap:5px}}