:root{
  --bg:#07101c;--bg2:#0a1422;--panel:#0f1a2b;--panel2:#132238;--panel3:#182942;
  --text:#f5f8fc;--muted:#8fa1b8;--line:#22334a;--blue:#64d8ff;--indigo:#7c8cff;--purple:#b66cff;
  --green:#57e0a5;--orange:#ffbd66;--red:#ff717c;--cyan:#59e4d5;--shadow:0 24px 70px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:radial-gradient(circle at 15% -10%,rgba(85,188,255,.12),transparent 32%),radial-gradient(circle at 100% 0%,rgba(147,104,255,.12),transparent 28%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.grow{flex:1;min-width:0}.subtle{color:var(--muted);font-size:13px;line-height:1.45}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.18em;color:#7f93ae;text-transform:uppercase}.app-shell{max-width:860px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,rgba(10,20,34,.3),rgba(7,16,28,.92));padding-bottom:94px}.app-header{height:74px;position:sticky;top:0;z-index:50;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:8px;padding:0 16px;background:rgba(7,16,28,.86);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.04)}.brand-lockup{display:flex;align-items:center;justify-content:flex-start;min-width:0}.brand-logo{height:42px;width:184px;object-fit:contain;object-position:left center}.header-actions{display:flex;gap:8px;align-items:center}.icon-button,.avatar-button{width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:#0d1828;color:#cbd8e7;display:grid;place-items:center}.avatar-button{padding:3px;border-radius:50%}.avatar-button img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#132238}.back-button{opacity:0;pointer-events:none;font-size:28px}.back-button.show{opacity:1;pointer-events:auto}.admin-button{color:var(--orange)}.app-main{padding:18px 16px 28px}.page{display:none}.page.active{display:block}.welcome-row,.page-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:5px 2px 16px}.welcome-row h1,.page-title-row h1,.account-hero h1,.subpage-head h1,.admin-top h1{font-size:29px;line-height:1.05;margin:5px 0 0;letter-spacing:-.035em}.app-badge,.discount-chip{padding:8px 10px;border-radius:99px;border:1px solid rgba(89,228,213,.35);background:rgba(89,228,213,.09);color:#78f0e3;font-size:12px;font-weight:900}.balance-card{position:relative;overflow:hidden;border:1px solid #29405d;border-radius:28px;padding:22px;background:linear-gradient(145deg,rgba(19,40,66,.96),rgba(11,24,40,.98));box-shadow:var(--shadow)}.balance-card:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-90px;top:-120px;background:radial-gradient(circle,rgba(100,216,255,.20),transparent 66%)}.balance-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;left:-80px;bottom:-110px;background:radial-gradient(circle,rgba(182,108,255,.13),transparent 68%)}.balance-top{display:flex;justify-content:space-between;align-items:center;color:#a9b9cb;font-size:13px;position:relative;z-index:1}.mini-link{border:0;background:none;color:#76dfff;font-size:12px;font-weight:800}.balance-value{position:relative;z-index:1;font-size:46px;font-weight:900;letter-spacing:-.055em;margin:10px 0 22px}.balance-actions{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr 1fr;gap:10px}.primary-action,.secondary-action{border:0;border-radius:18px;padding:14px 14px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px}.primary-action{background:linear-gradient(135deg,#7fe5ff,#78a7ff);color:#07111f;box-shadow:0 12px 30px rgba(100,216,255,.18)}.secondary-action{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);color:#eef5ff}.action-icon{font-size:18px}.install-offer{display:flex;align-items:center;gap:12px;margin:14px 0 6px;padding:14px;border:1px solid rgba(124,140,255,.30);border-radius:20px;background:linear-gradient(110deg,rgba(124,140,255,.13),rgba(89,228,213,.07))}.install-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-size:24px;background:linear-gradient(145deg,#1a3556,#1d2d4c);border:1px solid #315177}.install-title{font-size:15px;font-weight:900;margin-bottom:3px}.offer-button{border:0;border-radius:13px;padding:11px 13px;font-weight:900;color:#08101a;background:#85e7ff;white-space:nowrap}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:28px 2px 13px}.section-heading.compact{margin-top:22px}.section-heading h2{font-size:21px;margin:4px 0 0;letter-spacing:-.025em}.section-heading>button{border:0;background:none;color:#71d8ff;font-size:12px;font-weight:900}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.category-card{position:relative;overflow:hidden;min-height:128px;padding:16px;border-radius:22px;border:1px solid #273b55;background:linear-gradient(145deg,#122238,#0d1829);text-align:left;color:var(--text)}.category-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-34px;bottom:-42px;background:radial-gradient(circle,var(--glow,rgba(100,216,255,.18)),transparent 68%)}.category-icon{width:46px;height:46px;border-radius:15px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07);display:grid;place-items:center;font-size:23px;margin-bottom:14px}.category-card b{display:block;font-size:16px;line-height:1.22}.category-card small{display:block;color:var(--muted);margin-top:5px}.product-stack{display:flex;flex-direction:column;gap:10px}.product-card{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;border:1px solid #24364e;background:linear-gradient(145deg,#101d30,#0b1625);border-radius:20px;padding:14px;color:var(--text);text-align:left}.product-card:active{transform:scale(.995)}.product-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;font-size:24px;background:linear-gradient(145deg,#173252,#11243c);border:1px solid #2c4867}.product-name{font-weight:900;font-size:15px;line-height:1.24;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-meta{color:var(--muted);font-size:12px;margin-top:4px;display:flex;gap:7px;flex-wrap:wrap}.product-price{text-align:right}.product-price b{display:block;font-size:16px}.old-price{display:block;color:#70839a;text-decoration:line-through;font-size:11px}.stock-badge{display:inline-flex;margin-top:5px;padding:4px 7px;border-radius:99px;background:rgba(87,224,165,.10);color:#65e8af;font-size:10px;font-weight:900}.stock-badge.out{background:rgba(255,113,124,.09);color:#ff7f89}.discount-mini{font-size:10px;color:#74eee0;font-weight:900}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.quick-grid button{display:flex;gap:11px;align-items:center;text-align:left;border:1px solid #24364b;border-radius:18px;background:#0d1928;color:var(--text);padding:14px}.quick-grid button>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#162841;color:#7fdfff;font-size:20px}.quick-grid b{display:block;font-size:14px}.quick-grid small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.searchbox{height:50px;border-radius:17px;border:1px solid #26394f;background:#0c1726;display:flex;align-items:center;padding:0 14px;gap:9px}.searchbox>span{font-size:22px;color:#7791ac}.searchbox input{flex:1;border:0;background:none;color:var(--text);outline:none;min-width:0}.searchbox button{width:30px;height:30px;border:0;border-radius:50%;background:#162438;color:#8194aa}.chip-scroller{display:flex;gap:8px;overflow:auto;margin:13px -16px 0;padding:0 16px 4px;scrollbar-width:none}.chip-scroller::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:1px solid #253850;border-radius:99px;background:#0c1827;color:#9eb0c5;padding:9px 12px;font-weight:800;font-size:12px}.chip.active{background:#17304d;border-color:#3f7199;color:#8ce4ff}.store-summary{font-size:12px;color:#7f92aa;margin:10px 3px}.round-refresh{width:40px;height:40px;border-radius:14px;border:1px solid var(--line);background:#0d1928;color:#9cb0c7}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#0d1725;border:1px solid #223248;border-radius:16px;padding:5px;margin-bottom:14px}.segmented button{border:0;background:none;color:#7e91a9;border-radius:12px;padding:10px;font-weight:850;font-size:12px}.segmented button.active{background:#172942;color:#eff7ff}.order-list,.transaction-list,.ticket-list{display:flex;flex-direction:column;gap:10px}.order-card,.transaction,.ticket{border:1px solid #24354c;border-radius:19px;background:#0d1928;padding:14px}.order-head,.ticket-head{display:flex;justify-content:space-between;gap:10px}.order-head b,.ticket-head b{font-size:14px}.status{display:inline-flex;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:900;background:rgba(255,189,102,.11);color:#ffc878}.status.completed,.status.resolved,.status.paid{background:rgba(87,224,165,.1);color:#65e7ae}.status.failed,.status.rejected,.status.cancelled{background:rgba(255,113,124,.09);color:#ff7f88}.status.processing,.status.pending,.status.open{background:rgba(100,216,255,.09);color:#7ce3ff}.order-product{font-size:15px;font-weight:900;margin:10px 0 5px}.order-meta{font-size:11px;color:var(--muted);line-height:1.45}.delivery-box{margin-top:11px;padding:11px;border-radius:13px;background:#08121e;border:1px dashed #2b415c;color:#c5d4e5;font-size:12px;word-break:break-all;max-height:120px;overflow:auto}.order-actions{display:flex;gap:8px;margin-top:10px}.small-button{border:1px solid #2a4059;background:#112136;color:#bcd0e4;padding:8px 10px;border-radius:11px;font-weight:850;font-size:11px}.wallet-mini{padding:8px 10px;border-radius:11px;background:#11243a;color:#83e4ff;font-weight:900;font-size:12px}.wallet-panel,.api-card,.doc-card,.warranty-form{border:1px solid #273950;border-radius:22px;background:linear-gradient(145deg,#101d2f,#0b1624);padding:16px}.field-label{font-size:11px;font-weight:900;color:#8295ad;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.money-input{height:58px;border:1px solid #2b3e55;border-radius:17px;background:#0a1522;display:flex;align-items:center;gap:8px;padding:0 15px}.money-input span{color:#6fdfff;font-size:22px}.money-input input{flex:1;min-width:0;border:0;background:none;outline:none;color:#fff;font-weight:900;font-size:20px}.amount-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 12px}.amount-pills button{border:1px solid #263b53;background:#0d1928;color:#dce7f3;border-radius:13px;padding:11px 5px;font-weight:850}.cta-wide{width:100%;border:0;border-radius:16px;padding:15px 16px;font-weight:950;color:#07111d;background:linear-gradient(135deg,#81e6ff,#82a7ff);box-shadow:0 10px 28px rgba(100,216,255,.13)}.qr-card{margin-top:14px;border:1px solid #2b3d54;border-radius:18px;padding:14px;text-align:center;background:#0a1522}.qr-card img{width:min(310px,100%);background:#fff;border-radius:16px;padding:8px}.qr-info{font-size:12px;line-height:1.6;color:#b4c3d3;margin-top:10px}.copy-line{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px;border-radius:12px;background:#101f32;margin-top:8px;text-align:left}.copy-line button{border:0;background:none;color:#70ddff;font-weight:900}.transaction{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center}.txn-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#14283f}.transaction b{display:block;font-size:13px}.transaction small{color:var(--muted);font-size:10px}.txn-amount{font-weight:900;font-size:13px}.txn-amount.plus{color:#62e7ac}.txn-amount.minus{color:#ff8c95}.account-hero{display:flex;gap:14px;align-items:center;padding:8px 0 16px}.profile-avatar{width:72px;height:72px;border-radius:24px;object-fit:cover;background:#13233a;border:1px solid #2d425b}.member-code{display:inline-flex;margin-top:7px;border:1px solid #2a3d55;background:#0d1928;border-radius:99px;padding:5px 9px;color:#9cb0c8;font-size:11px;font-weight:800}.account-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.account-stats>div{border:1px solid #24364c;border-radius:17px;background:#0d1928;padding:13px}.account-stats span{display:block;color:#8194aa;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.account-stats b{display:block;margin-top:6px;font-size:15px}.settings-group{border:1px solid #24364c;border-radius:22px;background:#0d1928;overflow:hidden}.settings-group button{width:100%;display:flex;align-items:center;gap:11px;border:0;border-bottom:1px solid #1f3044;background:none;color:var(--text);padding:13px 14px;text-align:left}.settings-group button:last-child{border-bottom:0}.settings-group b{display:block;font-size:14px}.settings-group small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.settings-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#14283e}.settings-icon.blue{color:#78dcff}.settings-icon.purple{color:#c38cff}.settings-icon.green{color:#66e6aa}.settings-icon.cyan{color:#5ce6d8}.settings-icon.orange{color:#ffc172}.admin-entry{width:100%;display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center;text-align:left;margin-top:14px;border:1px solid rgba(255,189,102,.30);border-radius:19px;padding:14px;background:linear-gradient(120deg,rgba(255,189,102,.09),rgba(124,140,255,.08));color:var(--text)}.admin-entry>span:first-child{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#2a2118;color:#ffca7a}.admin-entry b{display:block}.admin-entry small{display:block;color:#9caac0;margin-top:3px}.app-version{text-align:center;color:#5e7189;font-size:11px;margin:20px 0}.subpage-head{display:flex;align-items:center;gap:11px;margin-bottom:16px}.subpage-head button{width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:#0d1928;color:#c8d4e2;font-size:25px}.api-card,.doc-card{margin-bottom:12px}.api-key-box{padding:12px;border-radius:13px;background:#09131f;border:1px dashed #2f4964;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all;margin-bottom:10px}.warning-note{margin-top:10px;color:#9aacbe;font-size:11px}.doc-card h3{margin:0 0 10px}.doc-card code{display:block;margin:7px 0;padding:9px;border-radius:10px;background:#08131f;color:#82dfff;font-size:11px}.doc-card p{font-size:11px;color:#9eafc1}.warranty-form select,.warranty-form textarea,.admin-field input,.admin-field textarea,.admin-field select{width:100%;border:1px solid #2a3d54;background:#0a1522;color:#eef6ff;border-radius:14px;padding:12px;outline:none}.warranty-form textarea{min-height:120px;margin:9px 0;resize:vertical}.ticket{font-size:12px}.ticket p{color:#c2cfdd;line-height:1.5}.admin-page{padding-bottom:10px}.admin-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.admin-top p{color:var(--muted);font-size:12px;line-height:1.5;margin:7px 0 0}.admin-close{width:40px;height:40px;border-radius:13px;border:1px solid #2b3c52;background:#0d1928;color:#aab9c9;font-size:22px}.admin-nav{display:flex;gap:8px;overflow:auto;margin:18px -16px 13px;padding:0 16px 4px;scrollbar-width:none}.admin-nav::-webkit-scrollbar{display:none}.admin-nav button{white-space:nowrap;border:1px solid #25374d;background:#0d1928;color:#8fa1b8;border-radius:12px;padding:9px 11px;font-size:11px;font-weight:900}.admin-nav button.active{background:#17304b;color:#8fe4ff;border-color:#3f6d91}.admin-content{min-height:420px}.admin-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.stat-card{border:1px solid #24374e;background:#0d1928;border-radius:17px;padding:13px}.stat-card span{color:#7d91aa;font-size:10px;text-transform:uppercase;letter-spacing:.11em}.stat-card b{display:block;margin-top:5px;font-size:20px;letter-spacing:-.035em}.admin-toolbar{display:flex;gap:8px;margin:12px 0}.admin-toolbar input{flex:1;min-width:0;border:1px solid #2a3d54;background:#0a1522;color:#eef6ff;border-radius:13px;padding:11px}.admin-toolbar button,.admin-button-sm{border:1px solid #2f4964;background:#14263c;color:#9fdef5;border-radius:12px;padding:10px 11px;font-weight:900;font-size:11px}.admin-list{display:flex;flex-direction:column;gap:8px}.admin-row{border:1px solid #24364c;background:#0d1928;border-radius:16px;padding:12px}.admin-row-head{display:flex;justify-content:space-between;gap:10px}.admin-row b{font-size:13px}.admin-row small{display:block;color:#7f93aa;margin-top:4px;line-height:1.4}.admin-row-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.admin-row-actions button{border:1px solid #2b4058;background:#122239;color:#b9d3e6;border-radius:10px;padding:8px 9px;font-size:10px;font-weight:850}.admin-row-actions button.danger{border-color:#58313b;color:#ff929a;background:#22141a}.admin-form{display:grid;gap:10px;border:1px solid #273a50;border-radius:18px;padding:14px;background:#0d1928;margin:10px 0}.admin-field label{display:block;color:#8497ad;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.admin-field textarea{min-height:90px;resize:vertical}.admin-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-save{border:0;border-radius:14px;padding:13px;font-weight:950;background:linear-gradient(135deg,#82e4ff,#82a8ff);color:#06101c}.empty{padding:60px 12px;text-align:center;color:#6f839b}.loading{padding:30px;text-align:center;color:#7d91a8}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(860px,100%);z-index:60;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;background:rgba(6,14,24,.96);backdrop-filter:blur(22px);border-top:1px solid rgba(255,255,255,.05);padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.bottom-nav button{border:0;background:none;color:#687b92;padding:8px 3px 7px;border-radius:13px}.bottom-nav button span{display:block;font-size:20px;line-height:1}.bottom-nav button b{display:block;font-size:10px;margin-top:5px}.bottom-nav button.active{color:#86e4ff;background:rgba(100,216,255,.08)}.modal{position:fixed;inset:0;z-index:100;background:rgba(1,6,12,.76);display:none;align-items:flex-end;justify-content:center;padding:16px 16px calc(16px + env(safe-area-inset-bottom));backdrop-filter:blur(10px)}.modal.show{display:flex}.modal-panel{width:min(720px,100%);max-height:88vh;overflow:auto;border:1px solid #2a405a;border-radius:28px;background:linear-gradient(160deg,#12213a,#0a1626 72%);box-shadow:0 30px 90px rgba(0,0,0,.46);padding:20px}.modal-title{font-size:23px;font-weight:950;letter-spacing:-.03em}.modal-sub{color:var(--muted);font-size:12px;margin-top:5px;line-height:1.5}.modal-product-head{display:flex;gap:13px;align-items:center}.modal-product-icon{width:58px;height:58px;border-radius:18px;background:#17314f;display:grid;place-items:center;font-size:27px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.detail-grid>div{border:1px solid #24364c;border-radius:14px;background:#0a1522;padding:10px}.detail-grid span{display:block;color:#7f91a7;font-size:10px}.detail-grid b{display:block;margin-top:4px;font-size:13px}.qty-row{display:flex;gap:9px;align-items:center}.qty-row button{width:44px;height:44px;border-radius:13px;border:1px solid #2b4057;background:#102138;color:#cce0f0;font-size:19px}.qty-row input{width:80px;height:44px;text-align:center;border-radius:13px;border:1px solid #2b4057;background:#0a1522;color:#fff;font-weight:900}.buy-total{display:flex;justify-content:space-between;align-items:flex-end;margin:15px 0}.buy-total span{color:#889bb1;font-size:11px}.buy-total b{font-size:25px}.modal-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:13px}.modal-actions button{border-radius:14px;padding:13px;border:1px solid #2a4057;background:#102038;color:#c3d6e8;font-weight:900}.modal-actions .confirm{border:0;background:linear-gradient(135deg,#83e4ff,#82a6ff);color:#06101c}.terms-body{font-size:12px;color:#c1cedb;line-height:1.6;white-space:pre-wrap;margin:14px 0}.toast{position:fixed;z-index:150;left:50%;bottom:104px;transform:translate(-50%,20px);opacity:0;pointer-events:none;max-width:88%;background:#122137;border:1px solid #2f4761;color:#edf6ff;border-radius:14px;padding:11px 14px;box-shadow:0 18px 45px rgba(0,0,0,.32);font-size:12px;transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}.splash{position:fixed;inset:0;z-index:200;background:radial-gradient(circle at 50% 38%,rgba(100,216,255,.10),transparent 28%),#06101c;display:grid;place-items:center;transition:.35s}.splash.hide{opacity:0;pointer-events:none}.splash-inner{text-align:center}.splash-mark{width:82px;height:82px;margin:auto;border-radius:25px;display:grid;place-items:center;background:linear-gradient(145deg,#10243b,#0b1726);border:1px solid #29425f;color:#82e4ff;font-size:44px;font-weight:950;box-shadow:0 18px 60px rgba(0,0,0,.3)}.splash-name{font-size:39px;font-weight:950;letter-spacing:-.05em;margin-top:18px}.splash-sub{font-size:10px;letter-spacing:.24em;color:#71859e;font-weight:900;margin-top:7px}.splash-loader{width:140px;height:3px;border-radius:99px;background:#13243a;overflow:hidden;margin:25px auto 0}.splash-loader span{display:block;width:40%;height:100%;background:linear-gradient(90deg,#6edfff,#8a8dff);animation:load 1s ease-in-out infinite}@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}
@media(min-width:720px){.app-main{padding:24px 24px 36px}.category-grid{grid-template-columns:repeat(4,1fr)}.quick-grid{grid-template-columns:repeat(4,1fr)}.admin-stats{grid-template-columns:repeat(4,1fr)}}
@media(max-width:420px){.brand-logo{width:150px}.app-main{padding-left:13px;padding-right:13px}.welcome-row h1,.page-title-row h1,.account-hero h1,.subpage-head h1,.admin-top h1{font-size:26px}.balance-value{font-size:42px}.category-grid{gap:9px}.category-card{padding:14px;min-height:122px}.product-card{grid-template-columns:50px 1fr auto;padding:12px}.product-icon{width:50px;height:50px}.quick-grid{grid-template-columns:1fr 1fr}.bottom-nav button b{font-size:9px}.install-offer{padding:12px}.offer-button{padding:10px;font-size:12px}}

/* ===== CLONETUT v3: VIP + Community + stronger purchase CTA ===== */
.hero-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.vip-badge{border:1px solid rgba(104,220,255,.28);background:linear-gradient(135deg,#102940,#112038);color:#9de9ff;border-radius:999px;padding:8px 10px;font-size:10px;font-weight:950;letter-spacing:.08em;box-shadow:inset 0 0 20px rgba(92,215,255,.05)}.vip-badge[data-vip="1"]{color:#7ef2ff;border-color:rgba(126,242,255,.4);box-shadow:0 0 24px rgba(78,225,255,.1)}.vip-badge[data-vip="2"]{color:#d9a7ff;border-color:rgba(190,116,255,.42);box-shadow:0 0 24px rgba(190,116,255,.12)}.vip-badge[data-vip="3"]{color:#ffd36f;border-color:rgba(255,196,74,.5);background:linear-gradient(135deg,#2a2112,#171d2a);box-shadow:0 0 26px rgba(255,187,57,.14)}
.account-stats-4{grid-template-columns:repeat(2,1fr)}
.product-card-pro{cursor:pointer}.product-card-pro:hover{border-color:#3e6788}.buy-now-card{display:block;margin-top:8px;border-radius:10px;padding:7px 9px;background:linear-gradient(135deg,#079cff,#1769ff);color:white;font-size:10px;font-weight:1000;letter-spacing:.045em;box-shadow:0 8px 24px rgba(0,119,255,.22);white-space:nowrap}.buy-now-card.disabled{background:#182535;color:#6f8399;box-shadow:none}
.community-notice{border:1px solid rgba(84,212,255,.25);background:linear-gradient(135deg,rgba(30,98,160,.16),rgba(49,67,126,.10));border-radius:16px;padding:11px 13px;color:#a7dfff;font-size:11px;font-weight:800;margin-bottom:10px}.community-card{border:1px solid #22384f;background:#091522;border-radius:22px;overflow:hidden;min-height:64vh;display:flex;flex-direction:column}.community-messages{height:58vh;min-height:420px;overflow:auto;padding:13px;display:flex;flex-direction:column;gap:11px;scroll-behavior:smooth}.chat-row{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:flex-start}.chat-row.pinned .chat-bubble{border-color:rgba(255,195,80,.38);background:linear-gradient(135deg,rgba(53,45,27,.60),rgba(12,28,45,.9))}.chat-avatar{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;font-weight:950;color:#9cecff;background:linear-gradient(145deg,#173757,#1b2740);border:1px solid #2d4b67}.chat-bubble{border:1px solid #22384d;background:#0e1c2c;border-radius:16px;padding:10px 11px}.chat-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.chat-meta b{font-size:12px}.chat-meta small{color:#667c93;font-size:9px;margin-left:auto}.chat-vip,.chat-pin{font-size:8px;font-weight:1000;padding:3px 6px;border-radius:999px;letter-spacing:.05em;background:#152a40;color:#8ddfff}.chat-vip.vip-1{background:rgba(32,174,200,.14);color:#73edff}.chat-vip.vip-2{background:rgba(166,97,255,.16);color:#d4a6ff}.chat-vip.vip-3{background:rgba(255,184,55,.14);color:#ffd16a}.chat-pin{background:rgba(255,187,58,.14);color:#ffc85b}.chat-text{font-size:12px;line-height:1.55;color:#d6e2ee;margin-top:6px;white-space:pre-wrap;word-break:break-word}.chat-report{border:0;background:none;color:#586f87;font-size:9px;margin:6px 0 0;padding:0}.community-composer{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border-top:1px solid #1c3045;background:rgba(6,15,25,.98)}.community-composer textarea{height:48px;max-height:120px;resize:none;border:1px solid #294158;border-radius:15px;background:#0c1a29;color:white;padding:11px 12px;outline:none}.community-composer button{border:0;border-radius:14px;background:linear-gradient(135deg,#12b8ff,#1769ff);color:white;font-weight:1000;padding:0 18px;box-shadow:0 8px 28px rgba(0,128,255,.2)}.community-mute{margin:0 10px 8px;border-radius:12px;background:rgba(255,83,100,.12);border:1px solid rgba(255,83,100,.24);color:#ff9ca5;padding:9px 11px;font-size:10px}.vip-tier-edit{display:grid;grid-template-columns:70px 1fr 1fr;gap:7px;align-items:center}.vip-tier-edit b{font-size:11px}.vip-tier-edit input{min-width:0;border:1px solid #2a3d54;background:#0a1522;color:#eef6ff;border-radius:11px;padding:9px}
@media(max-width:420px){.community-messages{height:55vh;min-height:390px}.vip-tier-edit{grid-template-columns:62px 1fr}.vip-tier-edit input:last-child{grid-column:2}.buy-now-card{font-size:9px;padding:6px 7px}}
.vip-progress-card{margin:11px 0;border:1px solid rgba(92,213,255,.22);border-radius:18px;background:linear-gradient(135deg,rgba(16,43,69,.9),rgba(14,26,45,.94));padding:13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.vip-progress-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.vip-progress-head b{display:block;margin-top:3px;font-size:16px;color:#dff7ff}.vip-progress-head>span{font-size:10px;color:#87a0b7}.vip-progress-track{height:7px;border-radius:99px;background:#08121f;overflow:hidden;margin:10px 0 7px}.vip-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#18c8ff,#2d7cff,#a65cff);box-shadow:0 0 18px rgba(44,155,255,.5);transition:width .35s ease}

/* v4 splash + broadcast admin */
.splash-name{display:flex;justify-content:center;gap:1px}
.splash-name span{display:inline-block;animation:splashLetter 1.25s ease-in-out infinite;transform-origin:50% 100%}
.splash-name span:nth-child(2){animation-delay:.06s}.splash-name span:nth-child(3){animation-delay:.12s}.splash-name span:nth-child(4){animation-delay:.18s}.splash-name span:nth-child(5){animation-delay:.24s}.splash-name span:nth-child(6){animation-delay:.30s}.splash-name span:nth-child(7){animation-delay:.36s}.splash-name span:nth-child(8){animation-delay:.42s}
@keyframes splashLetter{0%,70%,100%{transform:translateY(0);text-shadow:0 0 0 transparent}35%{transform:translateY(-8px);text-shadow:0 0 18px rgba(117,224,255,.65)}}
.splash-status{margin-top:22px;color:#9ab1c9;font-size:11px;font-weight:800;letter-spacing:.04em}
.splash-loader{height:6px;width:210px;border:1px solid rgba(112,218,255,.22);box-shadow:inset 0 0 16px rgba(0,0,0,.35)}
.splash-loader span{width:0;transform:none;animation:none;transition:width .15s ease;background:linear-gradient(90deg,#54dcff,#598dff,#a86cff);box-shadow:0 0 16px rgba(74,201,255,.7)}
.splash-percent{margin-top:9px;color:#72dcff;font-size:13px;font-weight:950;letter-spacing:.08em}
.broadcast-compose textarea{min-height:140px}
.broadcast-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.broadcast-preview{display:flex;align-items:center;gap:10px;margin-top:9px;padding:9px;border-radius:14px;border:1px solid #2b4057;background:#091522;color:#91a5bc;font-size:11px}
.broadcast-preview img{width:72px;height:72px;object-fit:cover;border-radius:12px}
.broadcast-send{font-size:13px;box-shadow:0 10px 35px rgba(87,199,255,.18)}
.broadcast-progress{height:7px;border-radius:99px;background:#091522;border:1px solid #20364e;overflow:hidden;margin:10px 0 7px}
.broadcast-progress i{display:block;height:100%;background:linear-gradient(90deg,#55ddff,#7e8fff);transition:width .25s ease}
@media(max-width:520px){.broadcast-grid{grid-template-columns:1fr}}

/* ===== CLONETUT V5 PREMIUM ===== */
:root{--brand-primary:#0aa8ff;--brand-accent:#6e5cff;--brand-gold:#ffbd4a;--v5-bg:#050a12;--v5-panel:#0c1320;--v5-panel2:#101a2a;--v5-line:rgba(143,183,226,.18)}
html,body{background:#03070d}
body{background:
 radial-gradient(circle at 0 -10%,color-mix(in srgb,var(--brand-primary) 16%,transparent),transparent 30%),
 radial-gradient(circle at 100% 0,color-mix(in srgb,var(--brand-accent) 15%,transparent),transparent 26%),
 linear-gradient(180deg,#060b13 0%,#070d16 45%,#050910 100%);}
.app-shell{background:linear-gradient(180deg,rgba(5,10,18,.78),rgba(4,8,14,.96));box-shadow:0 0 90px rgba(0,0,0,.42)}
.app-header{height:78px;background:rgba(4,8,15,.9);border-bottom:1px solid rgba(255,255,255,.055);box-shadow:0 12px 36px rgba(0,0,0,.18)}
.brand-logo{height:44px;width:190px;filter:drop-shadow(0 0 15px color-mix(in srgb,var(--brand-primary) 24%,transparent))}
.icon-button,.avatar-button{background:linear-gradient(145deg,#101b2c,#0a121f);border-color:rgba(126,178,230,.2)}
.app-main{padding-top:14px}
.welcome-row{padding:4px 2px 1px}.welcome-row h1{font-size:31px}.hero-badges{align-self:center}
.balance-card{border:1px solid color-mix(in srgb,var(--brand-gold) 56%,#26364a);background:
 radial-gradient(circle at 84% 18%,color-mix(in srgb,var(--brand-gold) 15%,transparent),transparent 27%),
 radial-gradient(circle at 12% 100%,color-mix(in srgb,var(--brand-primary) 12%,transparent),transparent 30%),
 linear-gradient(145deg,#111a2b,#0a111d 58%,#080e17);box-shadow:0 24px 65px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.04)}
.balance-card:before{background:radial-gradient(circle,color-mix(in srgb,var(--brand-gold) 26%,transparent),transparent 68%)}
.balance-value{color:#fff4d4;text-shadow:0 0 30px color-mix(in srgb,var(--brand-gold) 26%,transparent)}
.primary-action,.cta-wide,.modal-actions .confirm,.admin-save{background:linear-gradient(135deg,var(--brand-gold),#ff9f2e)!important;color:#1a1000!important;box-shadow:0 10px 28px color-mix(in srgb,var(--brand-gold) 22%,transparent);border:0!important}
.secondary-action{background:linear-gradient(145deg,#161c27,#0f151e);border-color:color-mix(in srgb,var(--brand-gold) 35%,#283648);color:#ffe2a3}
.vip-progress-card{border-color:color-mix(in srgb,var(--brand-primary) 32%,#21374c);background:linear-gradient(145deg,#0e1b2b,#0b121f)}
.vip-progress-track i{background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent),var(--brand-gold))}
.install-offer{border-color:color-mix(in srgb,var(--brand-accent) 38%,#273247);background:linear-gradient(115deg,color-mix(in srgb,var(--brand-accent) 17%,#101625),color-mix(in srgb,var(--brand-primary) 11%,#0b111c));box-shadow:0 16px 45px rgba(0,0,0,.2)}
.offer-button{background:linear-gradient(135deg,var(--brand-primary),#4d74ff);color:white;box-shadow:0 8px 22px color-mix(in srgb,var(--brand-primary) 22%,transparent)}
.category-grid{gap:12px}.category-card{min-height:104px;padding:14px;border-radius:20px;display:grid;grid-template-columns:46px 1fr 24px;align-items:center;gap:12px;background:linear-gradient(145deg,#111b2b,#0a121e);border-color:rgba(114,165,220,.18);box-shadow:0 10px 30px rgba(0,0,0,.16)}
.category-card:after{width:130px;height:130px;right:-54px;bottom:-64px}.category-icon{margin:0;width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--brand-primary) 20%,#17243a),#111b2c);box-shadow:inset 0 0 18px rgba(255,255,255,.025)}
.category-copy{min-width:0}.category-card b{font-size:14px}.category-card small{font-size:10px}.category-arrow{font-size:25px;color:#55718f;justify-self:end}
.store-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:13px 0}.store-category-grid .category-card{min-height:86px;padding:12px}.store-category-grid .category-icon{width:40px;height:40px}.store-category-grid .category-card b{font-size:12px}
.product-card{border-radius:18px;background:linear-gradient(145deg,#101827,#0a101a);border-color:rgba(125,166,210,.17);box-shadow:0 10px 30px rgba(0,0,0,.14)}
.product-card:hover{border-color:color-mix(in srgb,var(--brand-primary) 48%,#33465b)}.product-icon{background:linear-gradient(145deg,color-mix(in srgb,var(--brand-primary) 20%,#12233a),#0c1727);border-color:color-mix(in srgb,var(--brand-primary) 28%,#263e59)}
.product-price b{color:#ffd887}.buy-now-card{background:linear-gradient(135deg,var(--brand-primary),#1869ff);padding:8px 11px;border-radius:11px;box-shadow:0 8px 26px color-mix(in srgb,var(--brand-primary) 25%,transparent);font-size:10px;animation:ctaGlow 2.3s ease-in-out infinite}
@keyframes ctaGlow{0%,100%{box-shadow:0 8px 24px color-mix(in srgb,var(--brand-primary) 20%,transparent)}50%{box-shadow:0 8px 34px color-mix(in srgb,var(--brand-primary) 38%,transparent)}}
.searchbox{background:#080f19;border-color:rgba(127,174,221,.19)}.chip{background:#09111c}.chip.active{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary) 28%,#10203a),color-mix(in srgb,var(--brand-accent) 18%,#14203a));border-color:color-mix(in srgb,var(--brand-primary) 45%,#39536d);color:#e6f8ff}
.quick-grid button{background:linear-gradient(145deg,#0d1724,#090f18);border-color:rgba(126,169,216,.17);box-shadow:0 8px 25px rgba(0,0,0,.13)}.quick-grid button>span{background:linear-gradient(145deg,color-mix(in srgb,var(--brand-primary) 18%,#17263c),#111b2b);color:#8be7ff}
.bottom-nav{background:rgba(4,8,14,.96)!important;border-top:1px solid rgba(255,255,255,.055);box-shadow:0 -18px 42px rgba(0,0,0,.28)}.bottom-nav button.active{color:#fff}.bottom-nav button.active span{color:var(--brand-gold);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--brand-gold) 45%,transparent))}.bottom-nav button.active b{color:#ffe2a0}
.app-badge,.discount-chip{border-color:color-mix(in srgb,var(--brand-gold) 36%,transparent);background:color-mix(in srgb,var(--brand-gold) 10%,transparent);color:#ffd574}.vip-badge{border-color:color-mix(in srgb,var(--brand-primary) 30%,transparent)}
.account-hero,.settings-group,.admin-form,.admin-row,.wallet-panel,.community-card{background:linear-gradient(145deg,#0d1624,#080e17)!important;border-color:rgba(119,162,208,.17)!important}
.admin-top{padding:16px;border:1px solid rgba(125,171,221,.17);border-radius:22px;background:linear-gradient(145deg,#0e1928,#08101a);margin-bottom:12px}.admin-nav{background:#070d15;padding:8px;border:1px solid rgba(123,164,208,.14);border-radius:18px}.admin-nav button.active{background:linear-gradient(135deg,var(--brand-primary),#315cff);color:white;box-shadow:0 8px 22px color-mix(in srgb,var(--brand-primary) 20%,transparent)}
.brand-preview-admin{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:#080f18;border:1px solid rgba(128,170,218,.16);margin-bottom:12px}.brand-preview-admin img{width:120px;height:52px;object-fit:contain;object-position:left}.brand-preview-admin b,.brand-preview-admin small{display:block}.brand-preview-admin small{color:#8196ad;margin-top:4px}.admin-grid-2,.admin-grid-3{display:grid;gap:9px}.admin-grid-2{grid-template-columns:1fr 1fr}.admin-grid-3{grid-template-columns:repeat(3,1fr)}.upload-tile{display:grid;gap:8px;padding:12px;border-radius:15px;border:1px dashed rgba(136,180,228,.25);background:#08101a}.upload-tile input{max-width:100%;font-size:10px}.upload-tile button{border:0;border-radius:11px;padding:9px;background:#122641;color:#8de7ff;font-weight:900}.admin-help{font-size:11px;line-height:1.55;color:#92a5bb;padding:10px 11px;border-radius:12px;background:#080f18;border:1px solid rgba(117,164,215,.14);margin-bottom:10px}.admin-help code{color:#8be7ff}.admin-result{margin-top:10px;padding:10px;border-radius:12px;background:#070d15;border:1px solid rgba(125,171,221,.14);font-size:10px;line-height:1.5;color:#9bb0c7}
.splash{background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--brand-primary) 17%,transparent),transparent 28%),radial-gradient(circle at 50% 57%,color-mix(in srgb,var(--brand-accent) 12%,transparent),transparent 27%),#03070d}.splash-mark{width:92px;height:92px;border-radius:28px;background:linear-gradient(145deg,#101b2b,#070c13);border-color:color-mix(in srgb,var(--brand-primary) 38%,#26384e);box-shadow:0 0 45px color-mix(in srgb,var(--brand-primary) 20%,transparent),0 24px 70px rgba(0,0,0,.5)}.splash-mark img{width:74%;height:74%;object-fit:contain;border-radius:20px}.splash-name{background:linear-gradient(90deg,#fff,var(--brand-primary),#c6b7ff,var(--brand-gold));-webkit-background-clip:text;background-clip:text;color:transparent}.splash-loader span{background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent),var(--brand-gold))}.splash-percent{color:#8ee9ff}
@media(max-width:520px){.admin-grid-2,.admin-grid-3{grid-template-columns:1fr}.store-category-grid{grid-template-columns:1fr 1fr}.category-card{grid-template-columns:42px 1fr 18px}.category-icon{width:42px;height:42px}.product-card{grid-template-columns:48px 1fr auto}.product-icon{width:48px;height:48px}.buy-now-card{font-size:9px;padding:7px 8px}}