/* QRProfile / Studio UI 2026. Presentation only; no wallet/business decisions here. */
:root{--modern-accent:#6259ef;--modern-accent2:#2f80ed;--modern-ink:#19223b;--modern-radius:18px;--modern-shadow:0 16px 38px rgba(32,43,96,.075),0 2px 6px rgba(32,43,96,.025)}
html{scroll-behavior:smooth}body{background:radial-gradient(ellipse 650px 460px at 90% 9%,rgba(114,94,255,.07),transparent 75%),radial-gradient(ellipse 480px 490px at 0% 60%,rgba(59,182,239,.055),transparent 72%),#f7f8fe;color:var(--ink)}
::selection{background:rgba(115,94,242,.24);color:#241c62}a,button{ -webkit-tap-highlight-color:transparent}
.nav{background:rgba(255,255,255,.93);box-shadow:0 10px 45px rgba(31,43,92,.045);border-color:#e8ebf4}
.brand-icon{border-radius:15px;box-shadow:0 8px 24px #5643dd37;background:linear-gradient(145deg,#8a75ff 0%,#5b55eb 50%,#2d7ee2 100%)}
/* Consistent tap targets and button language across user/admin/payment pages */
.btn,button.btn,input[type=submit],.nav nav .btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;position:relative;overflow:hidden;isolation:isolate;border:1px solid transparent;min-height:47px;padding:12px 21px;font:750 13px/1.35 Inter,system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.005em;text-decoration:none;border-radius:13px;background:linear-gradient(118deg,#7563fa 0%,#5c53ed 49%,#4169ea 100%);color:#fff;box-shadow:0 8px 18px rgba(77,71,226,.18),inset 0 1px rgba(255,255,255,.24);transition:background .2s,transform .2s,box-shadow .2s,border-color .2s,color .2s}
.btn::after,button.btn::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.19) 48%,transparent 67%);transform:translateX(-140%);transition:transform .55s ease}
.btn:hover,button.btn:hover,.nav nav .btn:hover{color:#fff;transform:translateY(-2px);background:linear-gradient(118deg,#6250ef 0%,#5346db 55%,#3160dd 100%);box-shadow:0 13px 26px rgba(72,70,210,.25)}
.btn:hover::after,button.btn:hover::after{transform:translateX(140%)}.btn:active,button.btn:active{transform:translateY(0) scale(.985);box-shadow:0 3px 10px rgba(77,71,226,.17)}
.btn-outline,.btn.btn-outline{border:1px solid #dce2f2;color:#38435f;background:linear-gradient(180deg,#fff,#fafbff);box-shadow:0 2px 5px #273b660a}
.btn-outline:hover,.btn.btn-outline:hover{background:#f1f0ff;border-color:#bcb6ff;color:#4f47d1;box-shadow:0 8px 22px #5f57e71a}
button:disabled,.btn:disabled,[aria-disabled=true]{opacity:.54!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}
button:focus-visible,.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(105,94,239,.42)!important;outline-offset:3px}
/* Native-copy, dangerous, secondary and selected-control states */
.copy,button.copy{appearance:none;cursor:pointer;min-height:34px;border:1px solid #e1dfff;border-radius:10px;background:#f1efff;color:#554bd4;padding:7px 12px;font-weight:800;font-size:11px;box-shadow:none;white-space:nowrap}
.copy:hover,button.copy:hover{background:#e7e4ff;color:#3e35b1;border-color:#cec8ff;transform:translateY(-1px)}.copy:active{transform:scale(.97)}
.nav-link,.ext-action,.quick-links a,.ext-tabs a{transition:transform .18s,background .18s,border-color .18s,box-shadow .18s,color .18s}
.ext-tabs a{border-radius:12px;padding:12px 17px;box-shadow:0 2px 6px #29335709;font-weight:750;white-space:nowrap}.ext-tabs a:hover{transform:translateY(-2px);box-shadow:0 7px 18px #4f49d317}.ext-tabs a.sel{box-shadow:0 9px 18px #5a4de92c}
.ext-action{display:flex;align-items:center;justify-content:space-between;border:1px solid #e7eaf4;border-radius:13px;padding:14px 16px;background:#fbfcff;margin:10px 0;min-height:50px}.ext-action:hover{background:#f2f1ff;transform:translateX(3px);border-color:#bfbaff}
.deposit-amounts button{cursor:pointer;padding:11px 15px;min-height:43px;border-radius:12px}.deposit-amounts button.chosen{background:#ede9ff;color:#5142db;border-color:#9f94ff;box-shadow:0 0 0 2px #938afa18}
/* Form field and data cards */
.panel,.ext-panel,.bank-card,.wallet-total,.metrics>div,.ext-metrics>div,.ext-balance{border-radius:21px;box-shadow:var(--modern-shadow);border:1px solid #e9ebf5}
.panel,.ext-panel{background:linear-gradient(180deg,#fff 0%,#fff 80%,#fdfdff 100%)}
.form label,.ext-panel label,.panel>label{font-size:12px;letter-spacing:.01em;font-weight:750;color:#4a5570}
.form input:not([type=checkbox]):not([type=radio]):not([type=range]),.form select,.form textarea,.ext-panel input:not([type=checkbox]):not([type=radio]):not([type=range]),.ext-panel select,.ext-panel textarea,.panel>label>input{font-size:14px;max-width:100%;border-radius:13px;min-height:49px;background:#fbfcff;border:1px solid #dfe5f1;box-shadow:0 1px 2px #25385c09;transition:border-color .2s,box-shadow .2s,background .2s}
.form input:hover,.ext-panel input:hover,.form textarea:hover,.ext-panel textarea:hover,.form select:hover,.ext-panel select:hover{border-color:#bdc4dd}
.form input:focus,.ext-panel input:focus,.form textarea:focus,.ext-panel textarea:focus,.form select:focus,.ext-panel select:focus{background:#fff;border-color:#9086ed;box-shadow:0 0 0 4px rgba(111,93,241,.1)}
.form select,.ext-panel select{cursor:pointer}.form input[type=file],.ext-panel input[type=file]{padding:9px!important;cursor:pointer}input[type=file]::file-selector-button{border:0;margin-right:12px;padding:10px 14px;border-radius:9px;background:#eeecff;color:#514ac8;cursor:pointer;font-weight:760}
:where(.form,.ext-panel) input[type=checkbox],:where(.form,.ext-panel) input[type=radio]{accent-color:#6658ef;cursor:pointer}
.auth-shell>.panel{border:1px solid #e7eafa;box-shadow:0 24px 80px #4435a012}.auth-top .smalltag{border:1px solid #e5e0ff}
.wallet-total:first-child{background:radial-gradient(ellipse at 90% 15%,#9c8affaa,transparent 51%),linear-gradient(125deg,#302a9e,#5d4de1 57%,#4785e7);box-shadow:0 15px 45px #6052db43}
.wallet-total:first-child strong{letter-spacing:-.075em}.profile-url{box-shadow:inset 0 1px #fff}.ext-balance{background:linear-gradient(138deg,#fff,#f8f7ff)}
.table-scroll{max-width:100%;overflow:auto;border-radius:13px;scrollbar-color:#ccc6f7 #f4f6fc}th{position:sticky;top:0;white-space:nowrap;z-index:2}td{vertical-align:middle}
.page-title h1,.ext-top h1{letter-spacing:-.063em}.hero h1{letter-spacing:-.075em}.notice,.ext-flash{border-radius:14px;padding:13px 16px}.pill{border:1px solid #edf0f7}
/* Theme gallery with native radio inputs and immediately visible selection */
.theme-setting{grid-column:1/-1;min-width:0;margin:5px 0 12px}.theme-setting-label{display:block;font-weight:800;color:var(--ink);font-size:14px;margin-bottom:11px}.theme-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.theme-tile{cursor:pointer;position:relative;min-width:0;display:flex!important;flex-direction:column;gap:0!important;border:2px solid #e9eaf4;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 5px 13px rgba(21,34,76,.045);transition:transform .22s,box-shadow .22s,border-color .22s}
.theme-tile:hover{transform:translateY(-4px);box-shadow:0 12px 32px #33366a1e}.theme-tile:has(input:checked){border-color:#6455eb;box-shadow:0 0 0 3px #6c5bef20,0 12px 28px #443bb123}.theme-tile:focus-within{outline:3px solid #aea2ff;outline-offset:2px}
.theme-tile input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}
.theme-thumb{display:block;position:relative;width:100%;height:118px;overflow:hidden}.theme-thumb .thumb-header{position:absolute;top:0;left:0;right:0;height:42px;background:var(--thumb-header)}
.theme-thumb .thumb-avatar{position:absolute;left:13px;top:27px;width:28px;height:28px;border-radius:10px;background:var(--thumb-avatar);border:3px solid var(--thumb-bg)}.theme-thumb .thumb-line{position:absolute;left:47px;top:51px;width:55%;height:6px;border-radius:10px;background:var(--thumb-line)}
.theme-thumb .thumb-card{position:absolute;left:13px;right:13px;bottom:27px;height:20px;border-radius:7px;background:var(--thumb-card);box-shadow:0 1px 3px #0001}.theme-thumb .thumb-card.second{bottom:5px;opacity:.65}.theme-thumb b{position:absolute;right:8px;top:7px;font-size:10px;color:var(--thumb-ink);background:var(--thumb-badge);padding:3px 7px;border-radius:6px}
.theme-thumb-minimal{--thumb-bg:#fff;--thumb-header:linear-gradient(100deg,#f7f8fc,#e7eaf4);--thumb-avatar:#b7c3da;--thumb-line:#abb3c8;--thumb-card:#eef0f7;--thumb-ink:#4b5571;--thumb-badge:#fff;background:var(--thumb-bg)}
.theme-thumb-luxury{--thumb-bg:#181818;--thumb-header:linear-gradient(100deg,#3b321d,#090908);--thumb-avatar:#c2a25b;--thumb-line:#c7a557;--thumb-card:#302a20;--thumb-ink:#e6cf8a;--thumb-badge:#373022;background:var(--thumb-bg)}
.theme-thumb-gradient{--thumb-bg:#f6f2ff;--thumb-header:linear-gradient(110deg,#8b5dfe,#4a8fea);--thumb-avatar:#ebbdff;--thumb-line:#9276ed;--thumb-card:#ede7ff;--thumb-ink:#fff;--thumb-badge:#ffffff30;background:var(--thumb-bg)}
.theme-thumb-neon{--thumb-bg:#0c1427;--thumb-header:linear-gradient(105deg,#351b72,#062b49);--thumb-avatar:#16e1da;--thumb-line:#38b5ff;--thumb-card:#1b2b47;--thumb-ink:#12ebd7;--thumb-badge:#0b2231;background:var(--thumb-bg)}
.theme-tile-caption{padding:9px 9px 11px;display:grid;gap:2px!important}.theme-tile-caption strong{font-size:11px;line-height:1.3;color:#303c58}.theme-tile-caption small{font-size:10px;line-height:1.5;color:#7b89a2}
.theme-picked{position:absolute;right:7px;bottom:11px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#6757ed;color:white;font-size:12px;opacity:0;transform:scale(.5);transition:opacity .2s,transform .2s}.theme-tile:has(input:checked) .theme-picked{opacity:1;transform:scale(1)}.theme-help{display:block;color:#7a869f;font-size:11px;margin-top:11px}
/* Four truly distinct, opt-in public profile skins; old themes remain compatible. */
body.minimal .profile-wrap{background:#fff;border-radius:14px;max-width:870px;border-color:#ebeef4;box-shadow:0 25px 75px #34415d13}body.minimal .profile-cover{height:200px;background:linear-gradient(115deg,#f4f7fc,#e5eaf4)}body.minimal .profile-body{padding:0 48px 50px}body.minimal .identity h1{letter-spacing:-.05em}body.minimal .bank-card{border-radius:12px;box-shadow:none;border-color:#e9ecf3}
body.luxury{background:#0c0b0a;color:#e9e1cb}body.luxury .profile-wrap{background:#171614;color:#e9dfcd;border:1px solid #5a4a2b;box-shadow:0 26px 100px #0008;border-radius:9px}body.luxury .profile-cover{background:radial-gradient(circle at 80% 20%,#70592d66,transparent 40%),linear-gradient(125deg,#383021,#0d0e0f);height:270px}
body.luxury .portrait{border-color:#171614;background:linear-gradient(130deg,#cab078,#715526)}body.luxury .profile-body{padding:0 42px 46px}body.luxury .identity h1,body.luxury .heading-line h2,body.luxury .bank-number strong,body.luxury .bank-header h3{color:#f0dfa8}body.luxury .identity p,body.luxury .contact-row,body.luxury .tinylabel{color:#b9ae97}body.luxury .bank-card{background:linear-gradient(145deg,#2a261e,#181818);color:#e6d5b6;border:1px solid #53452a;border-radius:9px;box-shadow:0 15px 35px #0003}body.luxury .bank-header small{color:#b4a07e}body.luxury .bank-logo{background:#40341b;color:#d4b76c}body.luxury .bank-qr{border-color:#514b3d}body.luxury .heading-line,body.luxury .contact-row{border-color:#51452e}body.luxury .copy{background:#352d1c;color:#f2cd81;border-color:#665331}
body.gradient .profile-wrap{border:1px solid #d7d4ff;box-shadow:0 29px 85px #5b54ae2a;background:linear-gradient(140deg,#ffffff,#f6f6ff 70%,#ebf8ff);border-radius:34px}body.gradient .profile-cover{height:270px;background:radial-gradient(circle at 7% 75%,#f5a8ee70,transparent 40%),linear-gradient(110deg,#9a62ff,#5162ea 55%,#38c4e2)}body.gradient .portrait{border-radius:50%;background:linear-gradient(135deg,#b18eff,#478cfa)}body.gradient .bank-card{background:#fffffff2;border:1px solid #dfe0ff;box-shadow:0 14px 32px #6859e513}body.gradient .heading-line h2{color:#514ad4}body.gradient .copy{background:#ede8ff;border-color:#d9d3ff}
body.neon{background:#0a1120;color:#e6f4ff}body.neon .profile-wrap{background:#101a2e;color:#e8f4ff;box-shadow:0 25px 95px #020713c9,0 0 0 1px #2c66a6;border:1px solid #203e6d;border-radius:27px}body.neon .profile-cover{height:280px;background:radial-gradient(circle at 85% 0%,#00e3e347,transparent 40%),radial-gradient(circle at 5% 100%,#ad3fff72,transparent 40%),linear-gradient(140deg,#241244,#052337)}body.neon .portrait{background:linear-gradient(130deg,#10f3db,#7960ff);border-color:#101a2e}body.neon .identity h1,body.neon .heading-line h2,body.neon .bank-number strong,body.neon .bank-header h3{color:#ecfaff}body.neon .identity p,body.neon .contact-row{color:#acbfd6}body.neon .bank-card{background:#111f34;color:#d9f4ff;border:1px solid #23748d;border-radius:18px;box-shadow:0 0 19px #1c96d91c}body.neon .bank-logo{background:#063e54;color:#19efcf}body.neon .bank-header small,body.neon .tinylabel{color:#9ec4d1}body.neon .heading-line,body.neon .contact-row{border-color:#294b69}body.neon .copy{background:#10394d;color:#3be8dd;border-color:#1d7c90}body.neon .bank-qr{border-color:#215d74}
/* Dark interface for admin/editor (public luxury and neon remain independent) */
body.dark-ui{background:#0e1727}body.dark-ui .panel,body.dark-ui .ext-panel{background:#1b293f;color:#e4eefa;border-color:#384761}body.dark-ui .theme-tile{background:#243047;border-color:#45526d}body.dark-ui .theme-tile:has(input:checked){border-color:#aa9dff}body.dark-ui .theme-tile-caption strong{color:#f4f4ff}body.dark-ui .theme-tile-caption small{color:#b0c0dc}body.dark-ui .theme-setting-label{color:#fff}body.dark-ui .ext-action{background:#1e2e46;border-color:#344963}body.dark-ui .copy{background:#37325f;color:#e4deff;border-color:#524883}
@media(max-width:980px){.theme-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-thumb{height:125px}}
@media(max-width:570px){.btn,button.btn{min-height:46px;padding:12px 16px}.nav{padding-left:16px;padding-right:16px}.theme-gallery{gap:9px}.theme-tile-caption{padding:9px}.theme-tile-caption strong{font-size:10px}.theme-tile-caption small{font-size:9px}.theme-thumb{height:105px}.panel,.ext-panel{padding:20px}.profile-body{padding-left:18px!important;padding-right:18px!important}.profile-cover{height:185px!important}.profile-wrap{border-radius:18px!important}.copy,button.copy{min-height:32px}.ext-tabs a{min-height:43px;display:inline-flex;align-items:center}.ext-top h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){.btn::after,button.btn::after{transition:none!important}.btn,.theme-tile,.ext-tabs a{transition:none!important}}
/* Remaining action controls (QR generation, menu and switchers). */
.dynamic-qr-form button,.panel form button:not(.btn):not(.copy):not(.theme-toggle),.ext-panel form button:not(.btn):not(.copy):not(.theme-toggle){border:1px solid #d6d9fc;border-radius:12px;min-height:43px;padding:10px 16px;background:linear-gradient(125deg,#eeeaff,#e6edff);color:#4b42c6;font-weight:800;cursor:pointer;box-shadow:0 5px 13px #493ce40d}
.dynamic-qr-form button:hover,.panel form button:not(.btn):not(.copy):not(.theme-toggle):hover,.ext-panel form button:not(.btn):not(.copy):not(.theme-toggle):hover{background:#ddd8ff;color:#3529ac;transform:translateY(-1px)}
.mobile-menu-toggle,.nav .theme-toggle{min-width:42px;min-height:42px;border-radius:12px;box-shadow:0 2px 8px #2036580a;cursor:pointer}.mobile-menu-toggle:hover,.nav .theme-toggle:hover{background:#f1efff;border-color:#bab1ff;color:#5144dd}