*{box-sizing:border-box} :root{--bg:#06111d;--panel:#091827;--panel2:#0d2031;--line:#1b3448;--cyan:#1dd8f4;--blue:#1682ff;--text:#eef8ff;--muted:#83a0b5;--green:#37e1a1} html,body{height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)} button,input,textarea{font:inherit} button{cursor:pointer}.toast{position:fixed;z-index:100;top:20px;left:50%;transform:translate(-50%,-20px);background:#10293c;border:1px solid #2d536d;border-radius:12px;padding:12px 18px;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 15px 50px #0008}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{border-color:#a84b58;color:#ffd8dd}.brand{display:flex;align-items:center;gap:10px}.brand .mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(140deg,#147aff,#2be9eb);color:#00111c;font-size:23px;font-weight:1000;transform:skew(-5deg)}.brand strong,.brand span{display:block}.brand strong{font-size:17px;letter-spacing:.18em}.brand span{font-size:7px;letter-spacing:.14em;color:#73dcee}.brand.big .mark{width:52px;height:52px;font-size:31px}.brand.big strong{font-size:22px}
.auth-view{min-height:100%;display:grid;grid-template-columns:1.08fr .92fr;background:radial-gradient(circle at 20% 10%,#0c3350 0,transparent 34%),#06111d}.auth-art{position:relative;overflow:hidden;padding:42px 7vw;display:flex;flex-direction:column;border-right:1px solid #173147}.auth-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#17314944 1px,transparent 1px),linear-gradient(90deg,#17314944 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,transparent,#000 45%,transparent)}.auth-copy{position:relative;margin:auto 0;max-width:680px}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--cyan);font-weight:800}.auth-copy h1,.welcome h1{font-size:clamp(42px,5.5vw,76px);line-height:1.04;margin:20px 0;font-weight:750;letter-spacing:-.055em}.auth-copy h1 em,.welcome h1 em{font-style:normal;color:var(--cyan)}.auth-copy p{max-width:590px;color:#a9becd;line-height:1.7;font-size:17px}.feature-row{position:relative;display:flex;gap:28px;color:#8caabd;font-size:12px}.feature-row span::first-letter{color:var(--cyan)}.chart-decor{position:absolute;right:-70px;bottom:70px;display:flex;align-items:flex-end;gap:18px;opacity:.55}.chart-decor i{display:block;width:8px;background:var(--cyan);height:90px;box-shadow:0 0 20px #18dffa88}.chart-decor i:nth-child(2){height:160px;background:#f35e73}.chart-decor i:nth-child(3){height:120px}.chart-decor i:nth-child(4){height:230px}.chart-decor i:nth-child(5){height:185px;background:#f35e73}.chart-decor i:nth-child(6){height:270px}.auth-panel{display:grid;place-items:center;padding:34px;background:linear-gradient(140deg,#081522,#06101b)}.auth-card{width:min(430px,100%)}.auth-tabs{display:flex;background:#091927;border:1px solid #173247;border-radius:13px;padding:5px;margin-bottom:40px}.auth-tabs button{flex:1;border:0;background:transparent;color:#7897ac;border-radius:9px;padding:11px}.auth-tabs button.active{background:#102a3d;color:white;box-shadow:inset 0 0 0 1px #254a62}.auth-card h2{font-size:29px;margin:0 0 8px}.auth-card form>p{margin:0 0 28px;color:var(--muted)}.auth-card label{display:block;color:#a9c2d3;font-size:12px;font-weight:700;margin:18px 0}.auth-card input{display:block;width:100%;margin-top:8px;border:1px solid #1d3b50;background:#091825;color:white;border-radius:12px;padding:14px;outline:none}.auth-card input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #1dd8f415}.primary{width:100%;display:flex;justify-content:space-between;border:0;border-radius:12px;padding:15px 18px;background:linear-gradient(90deg,#147efe,#1dd8f4);color:#00121e;font-weight:900}.secure-note{text-align:center;margin-top:25px;color:#67889e;font-size:11px}.mobile-brand{display:none}
.app-view{height:100%;display:grid;grid-template-columns:270px 1fr}.sidebar{background:#06111d;border-right:1px solid var(--line);padding:18px 13px;display:flex;flex-direction:column;min-height:0}.sidebar>.brand{padding:0 7px 20px}.new-chat{border:1px solid #24516a;background:linear-gradient(120deg,#0b273a,#0e1f30);color:#eafaff;padding:12px 13px;border-radius:11px;text-align:left;font-weight:750}.new-chat b{color:var(--cyan);font-size:18px;margin-right:7px}.nav-title,.history-head{font-size:9px;letter-spacing:.15em;color:#58788f;margin:24px 9px 8px}.nav-item{border:0;background:transparent;color:#84a2b7;padding:11px;border-radius:9px;text-align:left}.nav-item.active{background:#0c2334;color:#e8fbff;border-left:2px solid var(--cyan)}.nav-item span{float:right;color:var(--green);font-size:8px;margin-top:4px}.history-head{display:flex;justify-content:space-between;align-items:center}.history-head button{border:0;background:transparent;color:#65879f}.chat-list{flex:1;min-height:80px;overflow:auto}.chat-item{position:relative;padding:10px;border-radius:9px;color:#9bb3c3;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:27px}.chat-item:hover,.chat-item.active{background:#0a1f2f;color:#effaff}.chat-item button{display:none;position:absolute;right:6px;top:6px;border:0;background:#183246;color:#8fb0c6;border-radius:6px}.chat-item:hover button{display:block}.account-box{border-top:1px solid var(--line);padding:14px 5px 0;display:grid;grid-template-columns:34px 1fr 26px;gap:9px;align-items:center}.account-box>div:first-child{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#12324a;color:var(--cyan);font-weight:800}.account-box b,.account-box small{display:block;overflow:hidden;text-overflow:ellipsis}.account-box b{font-size:11px}.account-box small{font-size:8px;color:#66869c;margin-top:3px}.account-box button{border:0;background:transparent;color:#6f8ca0}.workspace{min-width:0;min-height:0;display:grid;grid-template-rows:62px 1fr auto;background:radial-gradient(circle at 50% 18%,#0b2637 0,transparent 33%),#07131e}.topbar{border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 20px;background:#07131eea;backdrop-filter:blur(12px)}.topbar>div:first-of-type b,.topbar>div:first-of-type span{display:block}.topbar b{font-size:11px;letter-spacing:.12em}.topbar span{font-size:9px;color:#68899f;margin-top:4px}.topbar i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}.privacy{margin-left:auto;font-size:10px;color:#7697aa}.menu{display:none;border:0;background:transparent;color:white;font-size:21px;margin-right:10px}.conversation{overflow:auto;position:relative}.welcome{max-width:900px;margin:7vh auto 40px;text-align:center;padding:20px}.welcome h1{font-size:clamp(37px,4.5vw,62px);margin:14px 0}.welcome>p{color:#8eaabc;margin:0 auto 25px;max-width:610px}.vision-orb{width:64px;height:64px;margin:auto;position:relative}.vision-orb .mark{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(140deg,#147aff,#2be9eb);color:#00111c;font-size:33px;font-weight:1000;box-shadow:0 0 38px #13cde844}.vision-orb span{position:absolute;inset:-7px;border:1px solid #1dd8f44a;border-radius:22px}.dropzone{max-width:660px;margin:auto;min-height:150px;border:1px dashed #2c5a72;border-radius:17px;background:#091a2888;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.drag{border-color:var(--cyan);background:#0b2434}.dropzone strong{font-size:14px;margin:8px}.dropzone span{font-size:10px;color:#68889d}.upload-icon{font-size:27px;color:var(--cyan);position:relative}.upload-icon b{position:absolute;font-size:12px;right:-10px;top:-3px}.analysis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px auto 0;max-width:660px}.analysis-grid div{border:1px solid #173348;background:#091823;padding:12px;text-align:left;border-radius:10px}.analysis-grid b,.analysis-grid span,.analysis-grid strong{display:block}.analysis-grid b{float:right;color:#21445c;font-size:18px}.analysis-grid span{font-size:7px;color:var(--cyan);letter-spacing:.14em}.analysis-grid strong{font-size:9px;margin-top:7px;color:#8da9bb}.messages{max-width:860px;margin:auto;padding:20px 18px 50px}.msg{display:grid;grid-template-columns:36px 1fr;gap:12px;margin:22px 0}.msg .avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#142b3c;font-weight:900}.msg.assistant .avatar{background:linear-gradient(140deg,#147aff,#2be9eb);color:#00111c}.bubble{min-width:0;line-height:1.68;color:#dcebf4;white-space:pre-wrap}.msg.user .bubble{background:#0b1f2e;border:1px solid #1b394e;border-radius:14px;padding:13px}.bubble img{display:block;max-width:min(550px,100%);max-height:390px;object-fit:contain;border-radius:10px;margin-bottom:10px;border:1px solid #24465c}.loading .bubble{color:#84a2b6}.composer-wrap{padding:8px 18px 14px;background:linear-gradient(180deg,transparent,#07131e 20%)}.composer{max-width:860px;margin:auto;display:grid;grid-template-columns:43px 1fr 44px;align-items:end;border:1px solid #27465a;background:#0c1c29;border-radius:17px;padding:8px}.composer:focus-within{border-color:#2a7993}.composer textarea{border:0;outline:0;resize:none;max-height:160px;background:transparent;color:white;padding:9px}.attach,.send{width:40px;height:40px;border-radius:11px;display:grid;place-items:center}.attach{border:1px solid #24465b;color:var(--cyan);font-size:23px;cursor:pointer}.send{border:0;background:linear-gradient(140deg,#1682ff,#1dd8f4);color:#00111d;font-weight:900}.composer-note{max-width:850px;margin:6px auto 0;display:flex;justify-content:space-between;color:#4e7188;font-size:8px}.image-preview{max-width:850px;margin:0 auto 7px;padding:8px;background:#0d2130;border:1px solid #23465c;border-radius:12px;display:grid;grid-template-columns:48px 1fr 30px;align-items:center;gap:9px}.image-preview img{width:48px;height:38px;object-fit:cover;border-radius:6px}.image-preview b,.image-preview span{display:block;font-size:10px}.image-preview span{color:#6e91a7;margin-top:3px}.image-preview button{border:0;background:transparent;color:#8da9bb;font-size:20px}
.knowledge-used{margin-top:12px;padding-top:8px;border-top:1px solid #18384c;color:#53d9ee;font-size:9px;letter-spacing:.04em}
@media(max-width:850px){.auth-view{grid-template-columns:1fr}.auth-art{display:none}.auth-panel{padding:22px}.mobile-brand{display:flex;position:absolute;top:25px;left:25px}.auth-card{margin-top:70px}.app-view{grid-template-columns:1fr}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:280px;transform:translateX(-102%);transition:.22s;box-shadow:25px 0 60px #000a}.sidebar.open{transform:none}.menu{display:block}.privacy{display:none}.welcome{margin-top:3vh;padding:15px}.analysis-grid{grid-template-columns:1fr 1fr}.messages{padding-left:12px;padding-right:12px}.composer-wrap{padding-left:9px;padding-right:9px}.composer-note span:last-child{display:none}}
@media(max-width:480px){.welcome h1{font-size:36px}.dropzone{min-height:135px}.analysis-grid{display:none}.auth-card h2{font-size:25px}}
.brand .brand-logo{display:block;width:118px;height:auto;object-fit:contain}.brand.big .brand-logo{width:150px}.mobile-brand .brand-logo{width:126px}.install-app{margin:10px 0 0;border:1px solid #24708a;background:linear-gradient(120deg,#0c2b40,#0d2030);color:#dffaff;padding:10px 12px;border-radius:10px;display:flex;align-items:center;gap:9px;text-align:left;font-weight:700;font-size:11px}.install-app:hover{border-color:var(--cyan);background:#0c3044}.install-app img{width:25px;height:25px;border-radius:7px}.vision-orb>img{width:58px;height:58px;border-radius:17px;display:block;object-fit:cover;box-shadow:0 0 38px #13cde844}.msg .avatar{overflow:hidden}.msg .avatar img{width:100%;height:100%;object-fit:cover}.msg.assistant .avatar{background:#061431}
[hidden]{display:none!important}
.fund-dashboard{overflow:auto;padding:28px clamp(16px,3vw,44px) 50px;background:radial-gradient(circle at 65% 0,#0b2a3c 0,transparent 34%),#07131e}.fund-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.fund-head h1{font-size:clamp(27px,3vw,42px);margin:8px 0 4px}.fund-head p{margin:0;color:#7595aa}.risk-badge{min-width:132px;padding:13px 18px;border:1px solid #2b5268;border-radius:14px;text-align:center;background:#0b1c29}.risk-badge b,.risk-badge span{display:block}.risk-badge b{font-size:18px;letter-spacing:.12em}.risk-badge span{font-size:8px;color:#789aae;margin-top:5px}.risk-badge.allow{border-color:#24b881;background:#092a22;color:#4ff0ad}.risk-badge.warn{border-color:#d49a2a;background:#2a210c;color:#ffd36e}.risk-badge.block{border-color:#d4515f;background:#30141a;color:#ff8390}.risk-badge.offline{color:#7e9aac}.fund-empty{min-height:360px;border:1px dashed #284a5f;border-radius:18px;display:grid;place-items:center;align-content:center;text-align:center;padding:30px;background:#09182488}.fund-empty img{width:76px;height:76px;border-radius:20px}.fund-empty h2{margin:17px 0 6px}.fund-empty p{max-width:570px;color:#7896a9;line-height:1.6}.fund-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:12px}.fund-metrics article,.fund-panel{border:1px solid #17364a;background:#091a27;border-radius:14px}.fund-metrics article{padding:15px;min-width:0}.fund-metrics span,.fund-metrics b,.fund-metrics small{display:block}.fund-metrics span{font-size:8px;color:#678ba2;letter-spacing:.13em}.fund-metrics b{font-size:19px;margin:9px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fund-metrics small{font-size:9px;color:#7998aa}.fund-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;margin-bottom:12px}.fund-panel{padding:15px;margin-bottom:12px}.panel-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #173348}.panel-title b{font-size:10px;letter-spacing:.12em}.panel-title span{font-size:8px;color:#6d91a7}.risk-alerts,.exposure-list{display:grid;gap:8px;margin-top:12px}.risk-alert{display:grid;grid-template-columns:55px 1fr;gap:10px;padding:10px;border-radius:10px;background:#0c2231}.risk-alert>span{font-size:8px;font-weight:900;text-align:center;padding:5px;border-radius:6px;height:max-content}.risk-alert.warn>span{background:#4b3710;color:#ffd272}.risk-alert.block>span{background:#4a1820;color:#ff8e99}.risk-alert.allow>span{background:#0b3a2b;color:#58e8ae}.risk-alert b,.risk-alert small{display:block}.risk-alert b{font-size:11px}.risk-alert small{font-size:9px;color:#7899ad;margin-top:4px}.exposure-item{display:grid;grid-template-columns:1fr auto;gap:5px;padding:9px 2px;border-bottom:1px solid #132e40}.exposure-item b{font-size:11px}.exposure-item span{font-size:9px;color:#79a0b7}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:8px;font-size:10px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid #143145;white-space:nowrap}th{font-size:8px;color:#61869d;letter-spacing:.08em}.positive{color:#48e0a4!important}.negative{color:#ff7e8b!important}.buy{color:#48e0a4}.sell{color:#ff7e8b}.market-radar{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:10px;margin-top:12px}.market-card{border:1px solid #17364a;border-radius:12px;padding:12px;background:#081722}.market-card-head{display:flex;justify-content:space-between}.market-card-head b{font-size:13px}.market-card-head span{font-size:10px;color:#79a0b6}.tf-row{display:grid;grid-template-columns:35px 1fr 52px 45px;gap:8px;margin-top:9px;align-items:center;font-size:9px}.tf-row>span:first-child{color:#688ba1}.tf-trend{height:5px;background:#153247;border-radius:4px;overflow:hidden}.tf-trend i{display:block;height:100%}.tf-row.bullish .tf-trend i{width:82%;background:#35d89b}.tf-row.bearish .tf-trend i{width:82%;background:#f06b79}.tf-row.mixed .tf-trend i{width:45%;background:#e2ae46}.tf-row strong{text-align:right}.fund-offline{opacity:.55}
@media(max-width:1100px){.fund-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.fund-dashboard{padding:18px 10px 35px}.fund-head{align-items:flex-start}.fund-head p{font-size:11px}.risk-badge{min-width:100px;padding:10px}.fund-metrics{grid-template-columns:repeat(2,1fr)}.fund-grid{grid-template-columns:1fr}.fund-metrics b{font-size:16px}}
/* V4 AI SALES + AFFILIATE 5 LEVELS */
.auth-card select,.locale-box select,.admin-product input,.admin-levels input{width:100%;border:1px solid #25485e;background:#0a1b29;color:#eaf7ff;border-radius:10px;padding:11px;outline:none}.auth-card label small{color:#6d8da2}.sales-dashboard{overflow:auto;padding:28px clamp(16px,3vw,44px) 50px;background:radial-gradient(circle at 70% 0,#0c2c42 0,transparent 34%),#07131e}.sales-head{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:20px}.sales-head h1{font-size:clamp(28px,3vw,44px);margin:8px 0 5px}.sales-head p{color:#7898ab;max-width:680px}.locale-box{display:grid;grid-template-columns:150px 120px auto;gap:8px;align-items:end;border:1px solid #1b3d52;background:#091a27;padding:12px;border-radius:14px}.locale-box label{font-size:8px;color:#6c91a8;letter-spacing:.08em}.locale-box select{margin-top:6px;padding:9px}.locale-box button,.sales-btn,.buy-btn,.ref-card button,.admin-product button{border:0;border-radius:9px;padding:10px 14px;background:linear-gradient(135deg,#1682ff,#1dd8f4);color:#00111d;font-weight:900;cursor:pointer}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.product-card{border:1px solid #1a4056;background:linear-gradient(145deg,#0a1f2e,#081721);padding:18px;border-radius:16px;display:flex;flex-direction:column;min-height:215px}.product-card .tag{font-size:8px;color:#52dff1;letter-spacing:.13em}.product-card h3{font-size:20px;margin:12px 0 7px}.product-card p{color:#85a5b8;font-size:11px;line-height:1.6;flex:1}.product-price{font-size:24px;font-weight:900;margin:14px 0}.product-price small{font-size:10px;color:#7596aa}.sales-note{margin-top:14px;color:#5e839a;font-size:9px}.empty-store{border:1px dashed #28536a;border-radius:16px;padding:35px;text-align:center;color:#83a3b6;background:#091a2788}.ref-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid #1f4d64;background:#092131;border-radius:14px;padding:14px;margin-bottom:12px}.ref-card span,.ref-card b{display:block}.ref-card span{font-size:8px;color:#62dced;letter-spacing:.12em}.ref-card b{font-size:11px;margin-top:6px;word-break:break-all}.level-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}.level-chip{border:1px solid #1b4055;background:#091b28;border-radius:12px;padding:12px;text-align:center}.level-chip b,.level-chip span{display:block}.level-chip b{font-size:19px;color:#54e1ee}.level-chip span{font-size:8px;color:#6e91a6;margin-top:4px}.sales-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}.sales-summary article{border:1px solid #17364a;background:#091a27;border-radius:14px;padding:15px}.sales-summary span,.sales-summary b{display:block}.sales-summary span{font-size:8px;color:#688ba1;letter-spacing:.1em}.sales-summary b{font-size:20px;margin-top:8px}.admin-levels{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:12px 0}.admin-levels label{font-size:9px;color:#7599ae}.admin-levels input{margin-top:5px}.admin-products{display:grid;gap:10px;margin-top:12px}.admin-product{border:1px solid #17384d;border-radius:12px;padding:12px;background:#081722;display:grid;grid-template-columns:1.1fr 1.1fr .6fr .6fr .45fr auto;gap:8px;align-items:end}.admin-product label{font-size:8px;color:#7596aa}.admin-product input{margin-top:5px;padding:9px}.admin-product .toggle{display:flex;align-items:center;gap:6px;padding-bottom:10px}.admin-product .toggle input{width:auto;margin:0}.order-action{display:flex;gap:5px}.order-action button{border:1px solid #285268;background:#0c2637;color:#dff6ff;border-radius:7px;padding:6px 8px;cursor:pointer}.order-action button.approve{border-color:#24795b;color:#55e2a9}.order-action button.reject{border-color:#763846;color:#ff909b}
@media(max-width:850px){.sales-head{display:block}.locale-box{grid-template-columns:1fr 1fr;margin-top:12px}.locale-box button{grid-column:1/-1}.level-strip{grid-template-columns:repeat(5,minmax(70px,1fr));overflow:auto}.admin-levels{grid-template-columns:repeat(2,1fr)}.admin-product{grid-template-columns:1fr 1fr}.admin-product button,.admin-product .toggle{grid-column:auto}.sales-summary{grid-template-columns:1fr}.ref-card{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}}

/* V4.2 GLOBAL AI COMMERCE */
.neo-product{overflow:hidden;padding:0!important;background:linear-gradient(180deg,rgba(10,31,50,.98),rgba(5,17,29,.98));border:1px solid rgba(71,215,255,.16)!important;box-shadow:0 18px 60px rgba(0,0,0,.22);transition:.25s transform,.25s border-color}.neo-product:hover{transform:translateY(-4px);border-color:rgba(71,215,255,.42)!important}.product-visual{height:170px;background:radial-gradient(circle at 30% 20%,#135579,#09263c 50%,#06121e);overflow:hidden}.product-visual img{width:100%;height:100%;object-fit:cover}.product-visual-placeholder{display:grid;place-items:center}.product-visual-placeholder span{font-size:72px;font-weight:1000;color:#55dcff;text-shadow:0 0 35px rgba(85,220,255,.38)}.product-body{padding:20px}.feature-list{display:grid;gap:7px;margin:16px 0;color:#a9c8da;font-size:13px}.feature-list span{display:block}.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}.buy-btn span,.ai-pay-now span{font-size:18px}.ai-commerce-card{margin-top:16px;border:1px solid rgba(69,215,255,.22);background:linear-gradient(145deg,#0a2639,#071a2a);border-radius:20px;overflow:hidden;max-width:430px;box-shadow:0 18px 45px rgba(0,0,0,.28)}.ai-product-media{height:150px}.ai-product-media img{width:100%;height:100%;object-fit:cover}.ai-product-body{padding:16px;display:grid;gap:8px}.ai-product-badge{color:#50dcff;font-size:11px;letter-spacing:.12em;font-weight:800}.ai-product-body>b{font-size:18px}.ai-price{font-size:25px;font-weight:900;color:#7df3b9}.ai-pay-now{border:0;border-radius:12px;padding:12px 14px;background:linear-gradient(135deg,#39ddff,#2d7cff);font-weight:900;cursor:pointer;color:#00121c}.ai-product-body small{color:#7595aa}.message-copy{white-space:normal}.payment-hub .panel-title>div,.product-studio .panel-title>div{display:grid;gap:4px}.payment-hub .panel-title small,.product-studio .panel-title small{font-size:11px;color:#7f9db1;font-weight:500}.payment-toolbar,.studio-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 18px}.payment-toolbar .toggle{margin-right:auto}.sales-btn.ghost{background:#0d2a3e!important;border:1px solid #245774!important;color:#dff8ff!important}.payment-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.payment-method-card{background:linear-gradient(180deg,#0a2234,#071724);border:1px solid rgba(76,205,255,.16);border-radius:18px;padding:16px}.method-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.method-top>span{font-size:11px;letter-spacing:.12em;color:#5ddfff;font-weight:800}.method-grid,.editor-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payment-method-card label,.product-editor-fields label{display:grid;gap:6px;color:#8eaabc;font-size:12px;margin-bottom:9px}.payment-method-card input,.payment-method-card select,.product-editor-fields input,.product-editor-fields textarea,.product-editor-fields select{width:100%;border:1px solid #25475e;background:#06131f;color:#fff;border-radius:11px;padding:10px 11px}.product-editor-fields textarea{min-height:78px;resize:vertical}.mini.danger,.editor-actions .danger{background:#361820!important;color:#ffc3cc!important;border:1px solid #60303a!important}.admin-hint{margin-top:14px;padding:12px;border-radius:12px;background:#071a29;color:#7896aa;font-size:12px}.studio-toolbar span{font-size:12px;color:#829eb0}.product-editor{display:grid!important;grid-template-columns:180px 1fr!important;gap:18px!important;padding:16px!important;border-radius:20px!important}.product-editor-media{display:flex;flex-direction:column;gap:10px}.product-editor-media img,.editor-placeholder{width:100%;aspect-ratio:1/1;border-radius:16px;object-fit:cover;background:linear-gradient(145deg,#0e3b55,#0a1f31);display:grid;place-items:center;font-size:54px;font-weight:1000;color:#59ddff}.upload-product-image{display:block!important;text-align:center;padding:10px!important;border-radius:11px;background:#102b40;color:#d9f8ff!important;cursor:pointer!important}.editor-actions{display:flex;gap:10px}.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;background:#142b3c;color:#d7eaf5}.status-pill.approved{background:#0f3928;color:#8cf2bd}.status-pill.rejected{background:#3b1d24;color:#ffb2bd}@media(max-width:760px){.product-editor{grid-template-columns:1fr!important}.product-editor-media{max-width:210px}.method-grid,.editor-row{grid-template-columns:1fr}.product-bottom{align-items:flex-end}.payment-toolbar .toggle{width:100%}}
/* V5.4 Academy + QR Payment */
.payment-qr-admin{display:flex;align-items:center;gap:14px;margin:12px 0;padding:12px;border-radius:16px;background:rgba(5,22,36,.8);border:1px solid rgba(75,213,255,.14)}
.payment-qr-admin img,.payment-qr-admin .qr-placeholder{width:96px;height:96px;border-radius:14px;object-fit:contain;background:#fff;border:1px solid rgba(73,220,255,.3)}
.payment-qr-admin .qr-placeholder{display:grid;place-items:center;color:#0b3146;font-weight:1000;font-size:24px}
.academy-hero{display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:center;padding:22px;border-radius:24px;background:linear-gradient(135deg,rgba(8,34,55,.95),rgba(5,18,31,.95));border:1px solid rgba(72,214,255,.16);margin-bottom:18px}.academy-hero img{width:100%;border-radius:20px;border:1px solid rgba(71,224,255,.24);box-shadow:0 20px 45px rgba(0,0,0,.3)}.academy-hero h2{font-size:34px;margin:10px 0}.academy-lessons{display:grid;gap:12px;margin:18px 0}.academy-lesson{display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center;padding:17px;border-radius:18px;background:#071b2b;border:1px solid rgba(76,206,248,.13)}.academy-lesson.done{border-color:rgba(104,244,186,.35);box-shadow:inset 3px 0 #68f4ba}.lesson-num{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#0f3b58,#0a6989);color:#5ee7ff;font-size:20px;font-weight:1000}.academy-lesson h3{margin:0 0 5px}.academy-lesson p{margin:0;color:#91adbf}.lesson-objectives{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.lesson-objectives span{font-size:11px;color:#81bcd5}.lesson-actions{display:flex;gap:8px;flex-direction:column}.tutor-messages{height:310px;overflow:auto;padding:12px;border-radius:16px;background:#04111d;border:1px solid rgba(83,200,238,.12)}.tutor-bubble{max-width:82%;padding:12px 14px;border-radius:16px;margin:8px 0;line-height:1.55}.tutor-bubble.ai{background:#0b2940;border:1px solid rgba(79,216,255,.18)}.tutor-bubble.user{margin-left:auto;background:linear-gradient(135deg,#1784b5,#196cd0)}.tutor-compose{display:flex;gap:10px;margin-top:12px}.tutor-compose input{flex:1;background:#051624;border:1px solid #244c64;color:#fff;border-radius:13px;padding:12px}
@media(max-width:820px){.academy-hero{grid-template-columns:1fr}.academy-hero img{max-width:360px}.academy-lesson{grid-template-columns:50px 1fr}.lesson-actions{grid-column:1/-1;flex-direction:row}.tutor-compose{flex-direction:column}}


/* ==========================================================
   VYRO V5.7 STABLE UI FIX
   IMPORTANT:
   - Hidden screens ALWAYS stay hidden.
   - Bright horizontal redesign is scoped to VYRO Store only.
   - Fund / Academy / Affiliate / Admin / Chat keep original layout.
   ========================================================== */

/* Never allow any card/grid rule to override HTML hidden state. */
[hidden]{
  display:none !important;
}

/* ---------- STORE ONLY ---------- */
#storeDashboard{
  background:
    radial-gradient(circle at 76% 0%, rgba(65,190,255,.22), transparent 34%),
    linear-gradient(180deg,#f8fdff 0%,#eaf7ff 48%,#dcefff 100%) !important;
  color:#082758 !important;
}

#storeDashboard .sales-head{
  padding:20px 22px;
  margin-bottom:18px;
  border:1px solid #b8ddf4;
  border-radius:22px;
  background:linear-gradient(115deg,rgba(255,255,255,.98),rgba(231,248,255,.95));
  box-shadow:0 15px 42px rgba(10,88,145,.10);
}

#storeDashboard .sales-head h1,
#storeDashboard .sales-head h2,
#storeDashboard .sales-head b{
  color:#072653 !important;
}

#storeDashboard .sales-head p{
  color:#4a6d86 !important;
}

#storeDashboard .locale-box{
  background:rgba(255,255,255,.92) !important;
  border-color:#b8daee !important;
}
#storeDashboard .locale-box label{color:#496d87 !important}
#storeDashboard .locale-box select{
  background:#fff !important;
  color:#082758 !important;
  border-color:#b8d9ed !important;
}

/* One clean horizontal card per product. */
#storeDashboard .product-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:16px !important;
  max-width:1180px;
}

#storeDashboard .product-card.neo-product{
  display:grid !important;
  grid-template-columns:minmax(320px,42%) minmax(0,58%) !important;
  min-height:250px !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:22px !important;
  border:1px solid #b8dcf2 !important;
  background:#fff !important;
  color:#082758 !important;
  box-shadow:0 16px 44px rgba(8,88,146,.12) !important;
  transform:none !important;
}

#storeDashboard .product-card.neo-product:hover{
  transform:translateY(-2px) !important;
  border-color:#59bdf5 !important;
  box-shadow:0 20px 52px rgba(7,99,169,.16) !important;
}

#storeDashboard .product-visual{
  width:100% !important;
  height:100% !important;
  min-height:250px !important;
  overflow:hidden !important;
  background:#dff4ff !important;
  border-right:1px solid #b8ddf4;
}

#storeDashboard .product-visual img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:250px !important;
  object-fit:cover !important;
  object-position:center !important;
}

#storeDashboard .product-body{
  padding:24px 26px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  background:linear-gradient(135deg,#fff,#edf9ff) !important;
}

#storeDashboard .product-card .tag{
  width:max-content;
  max-width:100%;
  padding:6px 10px;
  border-radius:999px;
  color:#0873d8 !important;
  background:#e5f5ff !important;
  border:1px solid #a8daf7 !important;
  font-weight:900;
}

#storeDashboard .product-card h3{
  color:#062458 !important;
  font-size:28px !important;
  margin:10px 0 7px !important;
}

#storeDashboard .product-card p{
  color:#486b84 !important;
  font-size:13px !important;
  line-height:1.55 !important;
  flex:0 !important;
}

#storeDashboard .feature-list{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px 14px !important;
  margin:14px 0 8px !important;
  color:#214d71 !important;
  font-size:12px !important;
}

#storeDashboard .product-bottom{
  border-top:1px solid #cfe5f3;
  padding-top:14px;
  margin-top:12px !important;
}

#storeDashboard .product-price{
  color:#061f4d !important;
  font-size:30px !important;
  margin:0 !important;
}
#storeDashboard .product-price small{color:#55768e !important}

#storeDashboard .sales-note{
  color:#54748c !important;
}

/* AI product card inside chat: horizontal but does not mutate page structure. */
.ai-commerce-card{
  max-width:650px !important;
  display:grid !important;
  grid-template-columns:minmax(210px,42%) minmax(0,58%) !important;
}
.ai-product-media{
  height:100% !important;
  min-height:210px !important;
}
.ai-product-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
.ai-product-body{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

/* Mobile */
@media(max-width:900px){
  #storeDashboard .product-card.neo-product{
    grid-template-columns:1fr !important;
  }
  #storeDashboard .product-visual{
    min-height:0 !important;
    aspect-ratio:16/9 !important;
    border-right:0;
    border-bottom:1px solid #b8ddf4;
  }
  #storeDashboard .product-visual img{
    min-height:0 !important;
    aspect-ratio:16/9 !important;
  }
  #storeDashboard .feature-list{
    grid-template-columns:1fr;
  }
}
@media(max-width:650px){
  .ai-commerce-card{
    grid-template-columns:1fr !important;
  }
  .ai-product-media{
    min-height:0 !important;
    aspect-ratio:16/9 !important;
  }
}

/* V5.7.1 mobile viewport and readable form controls */
html,body { max-width:100%; }
.auth-panel,.auth-card,.main { min-width:0; }
@media(max-width:850px){
 .auth-view { min-height:100vh; min-height:100dvh; height:auto; }
 .auth-panel { min-height:100vh; min-height:100dvh; overflow-y:auto; padding:24px 18px; }
 .auth-card { width:100%; max-width:430px; }
 input,select,textarea { font-size:16px; }
 .app-view { height:100vh; height:100dvh; }
}