#cvV3App .native-account-account-page { max-width:1180px; }
#cvV3App .native-account-account-hero { display:grid; grid-template-columns:minmax(330px,.82fr) minmax(520px,1.5fr); gap:16px; }
#cvV3App .native-account-balance-panel,
#cvV3App .native-account-topup-panel,
#cvV3App .native-account-profile-panel,
#cvV3App .native-account-links-panel { position:relative; overflow:hidden; border:1px solid rgba(247,238,217,.13); border-radius:24px; background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); box-shadow:0 22px 58px rgba(0,0,0,.24); }
#cvV3App .native-account-balance-panel { min-height:294px; padding:28px; background:radial-gradient(circle at 88% 12%,rgba(227,196,97,.23),transparent 37%),radial-gradient(circle at 5% 100%,rgba(114,89,255,.16),transparent 48%),linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02)); }
#cvV3App .native-account-balance-panel::after { content:""; position:absolute; right:-80px; bottom:-120px; width:260px; height:260px; border:1px solid rgba(241,211,116,.22); border-radius:50%; box-shadow:0 0 0 28px rgba(241,211,116,.035),0 0 0 58px rgba(241,211,116,.025); }
#cvV3App .native-account-balance-panel > span,
#cvV3App .native-account-profile-panel > span,
#cvV3App .native-account-links-panel header > span { color:rgba(244,239,231,.52); font-size:10px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
#cvV3App .native-account-balance-panel > b { position:relative; z-index:1; display:flex; align-items:flex-end; gap:7px; margin-top:22px; color:#f4e29b; font-size:62px; line-height:.9; letter-spacing:-.06em; }
#cvV3App .native-account-balance-panel > b small { padding-bottom:5px; color:rgba(244,226,155,.68); font-size:23px; letter-spacing:0; }
#cvV3App .native-account-balance-panel > p { position:relative; z-index:1; max-width:330px; margin:20px 0 0; color:rgba(244,239,231,.58); font-size:12px; line-height:1.55; font-weight:650; }
#cvV3App .native-account-bonus-note { position:absolute; z-index:2; left:28px; bottom:25px; padding:9px 12px; border:1px solid rgba(116,236,179,.24); border-radius:11px; color:#91efbd; background:rgba(22,92,61,.26); font-size:11px; font-weight:850; }
#cvV3App .native-account-topup-panel { min-height:294px; padding:24px; }
#cvV3App .native-account-topup-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
#cvV3App .native-account-topup-head div { display:flex; flex-direction:column; gap:6px; }
#cvV3App .native-account-topup-head span { color:rgba(244,239,231,.5); font-size:10px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
#cvV3App .native-account-topup-head b { color:#f4efe7; font-size:22px; letter-spacing:-.03em; }
#cvV3App .native-account-topup-head i { padding:7px 10px; border:1px solid rgba(93,222,210,.2); border-radius:999px; color:#86e2d9; background:rgba(25,97,94,.18); font-size:9px; font-style:normal; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
#cvV3App .native-account-topup-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:19px; }
#cvV3App .native-account-topup-options button { min-height:58px; display:grid; place-items:center; padding:12px; border:1px solid rgba(247,238,217,.12); border-radius:14px; color:#f4efe7; background:rgba(255,255,255,.035); text-align:center; transition:border-color .22s ease,background .22s ease,transform .22s ease; }
#cvV3App .native-account-topup-options button:hover { transform:translateY(-2px); border-color:rgba(235,204,111,.42); background:rgba(235,204,111,.09); }
#cvV3App .native-account-topup-options button:disabled { cursor:not-allowed; opacity:.45; transform:none; }
#cvV3App .native-account-topup-options b { font-size:17px; letter-spacing:-.03em; }
#cvV3App .native-account-topup-footnote { margin:13px 0 0; color:rgba(244,239,231,.42); font-size:10px; line-height:1.45; font-weight:650; }
#cvV3App .native-account-payment-status { display:flex; align-items:center; gap:9px; margin-top:12px; padding:9px 11px; border:1px solid rgba(235,204,111,.19); border-radius:11px; background:rgba(235,204,111,.07); }
#cvV3App .native-account-payment-status[hidden] { display:none; }
#cvV3App .native-account-payment-status > span { width:7px; height:7px; flex:0 0 auto; border-radius:50%; background:#edd176; box-shadow:0 0 16px rgba(237,209,118,.7); animation:cvDeskPaymentPulse 1.8s ease-in-out infinite; }
#cvV3App .native-account-payment-status > b { flex:1; color:rgba(244,239,231,.72); font-size:10px; line-height:1.35; }
#cvV3App .native-account-payment-status > button { border:0; color:#efd77f; background:transparent; font-size:10px; font-weight:900; }
#cvV3App .native-account-payment-status.succeeded { border-color:rgba(108,230,168,.22); background:rgba(39,144,95,.11); }
#cvV3App .native-account-payment-status.succeeded > span { background:#78e7ae; }
#cvV3App .native-account-payment-status.error,.native-account-payment-status.canceled { border-color:rgba(255,111,124,.22); background:rgba(143,38,51,.12); }
#cvV3App .native-account-payment-status.error > span,.native-account-payment-status.canceled > span { background:#ff7583; }
#cvV3App @keyframes cvDeskPaymentPulse { 50% { opacity:.42; transform:scale(.78); } }
#cvV3App .native-account-payment-support { display:grid; grid-template-columns:minmax(150px,1fr) auto auto; align-items:center; gap:8px; margin-top:14px; padding-top:13px; border-top:1px solid rgba(247,238,217,.09); }
#cvV3App .native-account-payment-support > span { display:flex; min-width:0; flex-direction:column; gap:3px; }
#cvV3App .native-account-payment-support > span small { color:rgba(244,239,231,.38); font-size:8px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
#cvV3App .native-account-payment-support > span b { color:#f4efe7; font-size:11px; }
#cvV3App .native-account-payment-support > button { min-height:36px; display:flex; align-items:center; gap:7px; padding:0 12px; border:1px solid rgba(247,238,217,.12); border-radius:999px; color:rgba(244,239,231,.76); background:rgba(255,255,255,.03); font:inherit; font-size:9px; font-weight:850; cursor:pointer; transition:border-color .2s ease,background .2s ease,transform .2s ease; }
#cvV3App .native-account-payment-support > button:hover { transform:translateY(-1px); border-color:rgba(235,204,111,.4); color:#f4efe7; background:rgba(235,204,111,.08); }
#cvV3App .native-account-payment-support > button i { color:#efd77f; font-size:7px; font-style:normal; font-weight:950; letter-spacing:.05em; }
#cvV3App .native-account-account-sections { display:grid; grid-template-columns:minmax(300px,.75fr) minmax(560px,1.55fr); gap:16px; margin-top:16px; }
#cvV3App .native-account-profile-panel { min-height:206px; padding:22px; }
#cvV3App .native-account-profile-row { display:flex; align-items:center; gap:13px; margin-top:17px; }
#cvV3App .native-account-profile-row > i { display:grid; place-items:center; width:48px; height:48px; border:1px solid rgba(206,177,255,.28); border-radius:15px; color:#f4efe7; background:linear-gradient(135deg,rgba(117,97,255,.55),rgba(62,194,218,.32)); font-size:18px; font-style:normal; font-weight:900; }
#cvV3App .native-account-profile-row div { display:flex; min-width:0; flex-direction:column; gap:5px; }
#cvV3App .native-account-profile-row b { overflow:hidden; color:#f4efe7; font-size:17px; text-overflow:ellipsis; white-space:nowrap; }
#cvV3App .native-account-profile-row small { color:rgba(244,239,231,.44); font-size:10px; font-weight:750; }
#cvV3App .native-account-profile-row em { color:#d0b260; font-size:9px; font-style:normal; font-weight:850; }
#cvV3App .native-account-profile-actions { display:flex; gap:8px; margin-top:22px; }
#cvV3App .native-account-profile-actions button { flex:1; min-height:38px; }
#cvV3App .native-account-links-panel { padding:22px; }
#cvV3App .native-account-links-panel > header { display:flex; flex-direction:column; gap:5px; }
#cvV3App .native-account-links-panel > header > b { color:#f4efe7; font-size:18px; }
#cvV3App .native-account-link-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:15px; }
#cvV3App .native-account-link-group { position:relative; overflow:hidden; padding:11px; border:1px solid rgba(247,238,217,.1); border-radius:17px; background:linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.014)); }
#cvV3App .native-account-link-group::before { content:""; position:absolute; inset:0 auto 0 0; width:2px; background:linear-gradient(180deg,transparent,rgba(121,212,239,.78),transparent); }
#cvV3App .native-account-link-group.prompts::before { background:linear-gradient(180deg,transparent,rgba(235,204,111,.82),transparent); }
#cvV3App .native-account-link-group-head { display:flex; align-items:center; gap:9px; min-height:37px; padding:1px 3px 9px; }
#cvV3App .native-account-link-group-head > i { display:grid; place-items:center; width:27px; height:27px; flex:0 0 auto; border:1px solid rgba(125,211,238,.2); border-radius:9px; color:#9ee4f1; background:rgba(39,123,153,.13); font-size:8px; font-style:normal; font-weight:950; letter-spacing:.08em; }
#cvV3App .native-account-link-group.prompts .native-account-link-group-head > i { border-color:rgba(235,204,111,.22); color:#ecd27d; background:rgba(128,96,30,.14); }
#cvV3App .native-account-link-group-head > span { display:flex; min-width:0; flex-direction:column; gap:3px; }
#cvV3App .native-account-link-group-head b { color:#f4efe7; font-size:11px; letter-spacing:-.01em; }
#cvV3App .native-account-link-group-head small { overflow:hidden; color:rgba(244,239,231,.38); font-size:8px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
#cvV3App .native-account-link-grid { display:grid; gap:6px; }
#cvV3App .native-account-links-panel button { display:grid; grid-template-columns:38px minmax(0,1fr) 18px; align-items:center; gap:10px; min-height:61px; padding:10px; border:1px solid rgba(247,238,217,.11); border-radius:14px; color:#f4efe7; background:rgba(255,255,255,.03); text-align:left; transition:transform .2s ease,border-color .2s ease,background .2s ease; }
#cvV3App .native-account-links-panel button:hover { transform:translateY(-2px); border-color:rgba(129,205,232,.3); background:rgba(74,158,195,.09); }
#cvV3App .native-account-links-panel button > i { display:grid; place-items:center; width:36px; height:36px; border:1px solid rgba(131,209,236,.24); border-radius:11px; color:#9ee4f1; background:rgba(39,123,153,.18); font-size:9px; font-style:normal; font-weight:950; }
#cvV3App .native-account-link-group.prompts button:hover { border-color:rgba(235,204,111,.3); background:rgba(128,96,30,.1); }
#cvV3App .native-account-link-group.prompts button > i { border-color:rgba(235,204,111,.22); color:#ecd27d; background:rgba(128,96,30,.16); }
#cvV3App .native-account-links-panel button > span { display:flex; min-width:0; flex-direction:column; gap:4px; }
#cvV3App .native-account-links-panel button b { overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
#cvV3App .native-account-links-panel button small { color:rgba(244,239,231,.42); font-size:9px; font-weight:700; }
#cvV3App .native-account-links-panel button em { color:rgba(244,239,231,.42); font-size:15px; font-style:normal; }

html.cv-studio-v3:has(.native-account-page),html.cv-studio-v3:has(.native-account-page) body{min-width:0;}
#cvV3App .native-account-page{width:100%;max-width:1240px;margin:0 auto;padding:32px;overflow:auto;min-height:0;height:auto;flex:1;}
#cvV3App .native-account-page h1{font-size:32px;line-height:1.2;letter-spacing:-.03em;}
#cvV3App .native-account-page-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;}
#cvV3App .native-account-page-head p{font-size:13px;line-height:1.6;margin-top:10px;color:#bdb4a4;}
#cvV3App .native-account-kicker{display:none;}
#cvV3App .native-account-account-actions{display:flex;flex-wrap:wrap;gap:8px;}
#cvV3App .native-account-outline{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;border:1px solid #494238;border-radius:12px;background:#201e19;color:#f3f0e9;font-size:12px;white-space:nowrap;}
#cvV3App .native-account-outline:hover{border-color:#a58a55;background:#2e281b;}
#cvV3App .native-account-start{padding:10px 16px;border-radius:12px;color:#211b0f;background:#e3c477;font-size:13px;font-weight:600;}
#cvV3App .native-account-danger-panel{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #533830;border-radius:16px;padding:20px;}
#cvV3App .native-account-danger-panel span{display:grid;gap:7px;}
#cvV3App .native-account-danger-panel small{display:none;}
#cvV3App .native-account-danger-panel b{font-size:13px;}
#cvV3App .native-account-danger-panel em{font-size:11px;color:#c9b0a3;font-style:normal;}
#cvV3App .native-account-danger-panel button{border:1px solid #75483a;border-radius:10px;padding:10px 14px;color:#e9b5a5;background:#2c1c17;font-size:12px;}
#cvV3App .native-account-logout-error:empty{display:none;}
#cvV3App .native-account-error{margin:0 0 20px;padding:12px 16px;border:1px solid #825b39;border-radius:10px;background:#302316;color:#f1cc97;font-size:13px;}
#cvV3App .native-account-error button{margin-left:10px;text-decoration:underline;}
#cvV3App .native-account-account-hero{grid-template-columns:minmax(260px,.82fr) minmax(400px,1.5fr);}
#cvV3App .native-account-account-sections{grid-template-columns:minmax(250px,.75fr) minmax(400px,1.55fr);}
#cvV3App .native-account-page :is(button,a):focus-visible{outline:2px solid #e3c477;outline-offset:3px;}
#cvV3App .native-account-topup-options button:disabled{cursor:default;}
@media(max-width:1150px){#cvV3App .native-account-page{padding:24px;}#cvV3App .native-account-topup-options{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:920px){#cvV3App .native-account-account-hero,#cvV3App .native-account-account-sections{grid-template-columns:minmax(0,1fr);}#cvV3App .native-account-balance-panel{min-height:200px;}#cvV3App .native-account-page-head{align-items:start;flex-direction:column;}#cvV3App .native-account-topup-options{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:600px){#cvV3App .native-account-page{padding:20px 16px;}#cvV3App .native-account-link-groups{grid-template-columns:1fr;}#cvV3App .native-account-topup-options{grid-template-columns:repeat(2,minmax(0,1fr));}#cvV3App .native-account-payment-support{grid-template-columns:1fr 1fr;}#cvV3App .native-account-payment-support>span{grid-column:1/-1;}#cvV3App .native-account-page h1{font-size:28px;}#cvV3App .native-account-danger-panel{align-items:start;flex-direction:column;}}
@media(prefers-reduced-motion:reduce){#cvV3App .native-account-page *{animation:none!important;transition:none!important;}}