:root{--red:#ff2438;--red2:#b60016;--bg:#070708;--card:#101013;--line:#25252b;--text:#f7f7f8;--muted:#96969f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}nav{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px;border-bottom:1px solid #18181c}nav div{display:flex;align-items:center;gap:25px}.logo{font-weight:1000;font-size:21px;letter-spacing:-1px}.logo span,.hero h1 span,.eyebrow{color:var(--red)}.btn,.ghost{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:10px;padding:12px 18px;font-weight:800;cursor:pointer}.btn{background:linear-gradient(135deg,var(--red),var(--red2));color:white;box-shadow:0 10px 35px #ff243822}.ghost{border:1px solid var(--line);background:#111114}.big{padding:15px 22px;margin-right:8px}.hero{max-width:1050px;margin:auto;padding:115px 24px 90px;text-align:center;background:radial-gradient(circle at 50% 20%,#4c0712 0,transparent 36%)}.badge{display:inline-block;padding:7px 10px;border:1px solid #6c1722;border-radius:99px;background:#26070c;color:#ff6877;font-size:11px;font-weight:900;letter-spacing:.08em}.hero h1{font-size:64px;line-height:1.03;letter-spacing:-3.5px;margin:22px 0}.hero p{max-width:720px;margin:0 auto 30px;color:#b8b8bf;font-size:19px;line-height:1.7}.stats{margin-top:50px;color:var(--muted);display:flex;gap:24px;justify-content:center}.stats b{color:white}.section{max-width:1120px;margin:auto;padding:80px 24px}.section>h2{text-align:center;font-size:40px;margin:8px 0 35px}.section>.eyebrow{text-align:center;font-weight:900;font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid article,.pricing article,.panel,.history article{background:linear-gradient(145deg,#121216,#0d0d10);border:1px solid var(--line);border-radius:16px;padding:24px}.grid article{font-size:25px;color:var(--red)}.grid h3{color:white;font-size:18px}.grid p{color:var(--muted);font-size:14px;line-height:1.6}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pricing strong{display:block;font-size:38px;margin:15px 0}.pricing small{font-size:13px;color:var(--muted)}.pricing p{color:var(--muted);min-height:60px}.pricing .hot{border-color:#8f1a28;transform:translateY(-10px)}footer{text-align:center;color:#686871;border-top:1px solid #18181c;padding:35px}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#3b0710,transparent 35%)}.authbox{width:min(430px,92vw);padding:35px;border:1px solid var(--line);background:#0d0d10;border-radius:20px}.authbox h1{margin-top:35px}.authbox p,.muted{color:var(--muted)}form{display:grid;gap:10px}label{font-size:12px;color:#c5c5cb;font-weight:700;margin-top:7px}input,textarea,select{width:100%;background:#09090b;color:white;border:1px solid #29292f;border-radius:10px;padding:13px;outline:none}textarea{min-height:120px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:#8f1a28}.error{padding:10px;background:#3a0b12;color:#ff8893;border-radius:8px;margin:10px 0}.dash{display:flex;min-height:100vh}.dash > aside{position:fixed;width:245px;height:100vh;padding:25px 16px;border-right:1px solid var(--line);background:#0a0a0c}.dash > aside .muted{font-size:10px;margin:25px 8px 10px}.dash > aside button{width:100%;text-align:left;background:transparent;color:#bdbdc5;border:0;padding:12px;border-radius:8px;cursor:pointer}.dash > aside button:hover{background:#18181c;color:white}.logout{position:absolute;bottom:25px;left:25px;color:#888}.workspace{margin-left:245px;width:calc(100% - 245px);padding:0 35px 60px}.workspace header{height:75px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.credit{font-size:12px;padding:9px 12px;border:1px solid #5c1720;border-radius:9px;background:#22070b}.panel{max-width:850px;margin:35px auto}.panel h1{font-size:30px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result{margin-top:25px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.result>div{padding:11px 15px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.result button{background:none;border:0;color:#ff6474;cursor:pointer}.result pre{white-space:pre-wrap;font-family:inherit;line-height:1.7;color:#d7d7dd;padding:16px;min-height:120px}.hidden{display:none}.history{max-width:850px;margin:30px auto}.history h2{font-size:17px}.history article{padding:13px 16px;margin:8px 0;display:grid;grid-template-columns:120px 1fr 150px;font-size:12px}.history article b{color:#ff5a6b}.history article span,.history article small{color:var(--muted)}@media(max-width:760px){nav div>a:not(.btn){display:none}.hero{padding-top:80px}.hero h1{font-size:43px;letter-spacing:-2px}.grid,.pricing{grid-template-columns:1fr}.stats{flex-wrap:wrap}.dash > aside{width:72px;padding:20px 9px}.dash > aside .logo{font-size:0}.dash > aside .logo:after{content:'SA';font-size:20px}.dash > aside .muted,.dash > aside button{font-size:0}.dash > aside button{height:45px}.dash > aside button:first-of-type:after{content:'✦';font-size:18px}.dash > aside button:nth-of-type(2):after{content:'▤';font-size:18px}.dash > aside button:nth-of-type(3):after{content:'●';font-size:18px}.dash > aside button:nth-of-type(4):after{content:'⚡';font-size:18px}.dash > aside button:nth-of-type(5):after{content:'▶';font-size:18px}.dash > aside button:nth-of-type(6):after{content:'▣';font-size:18px}.logout{font-size:0}.logout:after{content:'↪';font-size:20px}.workspace{margin-left:72px;width:calc(100% - 72px);padding:0 14px}.workspace header .muted{display:none}.twocol{grid-template-columns:1fr}.history article{grid-template-columns:80px 1fr}.history article small{display:none}}
/* XSeller AI V2 */
.alert,.notice{border:1px solid #4a1820;background:#1a0b0e;color:#ffd8dc;border-radius:12px;padding:12px 14px;margin:12px 0}.notice{max-width:880px;margin:18px auto}.tool{display:flex;justify-content:space-between;align-items:center}.tool small{font-size:10px;color:#8f939d}.tool.active{background:linear-gradient(90deg,#2a0a10,#151519);border-color:#6b1021;color:#fff}.adminlink{display:block;margin:18px 8px;padding:10px 12px;border:1px solid #3b141b;border-radius:10px;color:#ff445d;text-decoration:none}.headerRight{display:flex;align-items:center;gap:10px}.model,.cost{font-size:11px;color:#a5a7af;border:1px solid #25262c;padding:7px 9px;border-radius:999px}.panelHead,.historyTitle{display:flex;justify-content:space-between;gap:16px;align-items:center}.history article{display:flex;justify-content:space-between;gap:14px;align-items:center}.history article>div:first-child{display:flex;flex-direction:column;gap:4px}.historyMeta{display:flex;gap:12px;white-space:nowrap;color:#8f939d}.adminbody{background:#070708;color:#f5f5f7;min-height:100vh}.adminTop{height:70px;padding:0 28px;border-bottom:1px solid #202126;display:flex;align-items:center;justify-content:space-between}.adminTop a{color:#fff;text-decoration:none}.adminMain{max-width:1500px;margin:auto;padding:28px}.statgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.statgrid>div,.adminPanel{background:#101014;border:1px solid #26272d;border-radius:14px;padding:18px}.statgrid span{display:block;color:#8f939d;font-size:12px}.statgrid b{display:block;margin-top:8px;font-size:22px}.adminPanel{margin-top:18px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #25262c;text-align:left;white-space:nowrap}th{color:#8f939d;font-size:12px}.adminForm{display:flex;gap:6px}.adminForm input,.adminForm select,.adminForm button{background:#0a0a0d;color:#fff;border:1px solid #303139;border-radius:8px;padding:7px}.adminForm input{width:80px}.adminForm button{background:#d40c2b;border-color:#d40c2b;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:900px){.statgrid{grid-template-columns:repeat(2,1fr)}.headerRight{gap:4px}.model{display:none}.panelHead{align-items:flex-start}.history article{align-items:flex-start}.historyMeta{flex-direction:column;gap:2px}}

/* XSeller AI V2.1 — History Viewer */
.historyNav{display:block;margin:8px 0;padding:12px;border-radius:9px;color:#bdbdc5;font-size:13px}.historyNav:hover,.historyNav.activeLink{background:#18181c;color:#fff}.historyTitle>div{display:flex;flex-direction:column;gap:3px}.historyTitle h2{margin:0}.historyAll{color:#ff6072;font-size:12px;font-weight:800}.historyCard{cursor:pointer;transition:.16s ease;border-color:#22232a}.historyCard:hover{border-color:#5f1822;transform:translateY(-1px);background:linear-gradient(145deg,#17171b,#100d10)}.historyView{border:1px solid #53202a;background:#1d0b0f;color:#ff7382;border-radius:8px;padding:7px 10px;cursor:pointer;font-weight:800}.historyView:hover{background:#371018;color:#fff}.modalOpen{overflow:hidden}.historyModal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px}.historyModal.hidden{display:none}.historyModalBackdrop{position:absolute;inset:0;background:#000b;backdrop-filter:blur(5px)}.historyModalBox{position:relative;width:min(900px,96vw);max-height:90vh;overflow:auto;background:linear-gradient(145deg,#121216,#0b0b0e);border:1px solid #36363d;border-radius:20px;box-shadow:0 30px 120px #000;padding:24px}.historyModalTop,.historyDetailHeader{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.historyModalTop h2,.historyDetailHeader h2{margin:4px 0 0;font-size:28px}.modalClose{width:42px;height:42px;border-radius:10px;border:1px solid #34343b;background:#111116;color:#fff;font-size:28px;cursor:pointer}.modalClose:hover{border-color:#6d1a26;color:#ff6173}.historyDetailMeta{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.historyDetailMeta span{padding:6px 9px;border:1px solid #292a31;background:#0b0b0e;border-radius:999px;color:#a5a6ad;font-size:11px}.historyInputBox{border:1px solid #292a31;border-radius:12px;background:#0a0a0d;padding:14px 16px;margin:15px 0}.historyInputBox>span{font-size:10px;color:#ff5d70;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.historyInputBox p{color:#c4c4cb;line-height:1.55;margin:8px 0 0;white-space:pre-wrap}.historyOutputHead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #292a31;padding:12px 2px}.historyOutputHead button,.historyCopyPage{border:1px solid #5d1722;background:#23090e;color:#ff687a;border-radius:9px;padding:8px 11px;cursor:pointer;font-weight:800}.historyOutputHead button:hover,.historyCopyPage:hover{background:#3a0d15;color:#fff}.historyOutput{white-space:pre-wrap;word-break:break-word;font-family:inherit;line-height:1.75;color:#e2e2e6;background:#09090b;border:1px solid #24252b;border-radius:12px;padding:18px;min-height:180px;margin:14px 0 0}.historyExplorer{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:18px;max-width:1280px;margin:30px auto}.historyExplorerList,.historyExplorerDetail{background:linear-gradient(145deg,#111115,#0c0c0f);border:1px solid #25262c;border-radius:16px;min-height:620px}.historyExplorerList{padding:16px}.historyExplorerTitle{display:flex;justify-content:space-between;align-items:flex-end;padding:8px 4px 16px}.historyExplorerTitle h1{margin:4px 0 0;font-size:23px}.historyRow{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:14px;text-align:left;color:#fff;background:#0b0b0e;border:1px solid #22232a;border-radius:12px;padding:14px;margin:8px 0;cursor:pointer}.historyRow:hover,.historyRow.selected{border-color:#6d1723;background:linear-gradient(90deg,#230a0f,#101014)}.historyRow>div{display:flex;flex-direction:column;gap:5px;min-width:0}.historyRow b{color:#ff5c6f;font-size:12px}.historyRow span{color:#c4c4cb;font-size:12px;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.historyRow small{color:#777984;font-size:10px;white-space:nowrap}.historyExplorerDetail{padding:24px;overflow:auto}.historyDetailPlaceholder{min-height:560px;display:grid;place-items:center;align-content:center;color:#858791;text-align:center}.spinnerDot{display:block;width:28px;height:28px;border:3px solid #33343a;border-top-color:#ff2740;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}.historyEmpty{text-align:center;padding:50px 16px;color:#92939b}.historyEmpty h3{color:#fff}.historyEmpty .btn{margin-top:10px}.historyPage .workspace{padding-bottom:30px}
@media(max-width:900px){.historyExplorer{grid-template-columns:1fr}.historyExplorerList,.historyExplorerDetail{min-height:auto}.historyExplorerDetail{min-height:480px}.historyRow{flex-direction:column}.historyRow small{white-space:normal}.historyModal{padding:10px}.historyModalBox{padding:18px}.historyModalTop h2,.historyDetailHeader h2{font-size:22px}}
@media(max-width:760px){.historyNav{font-size:0;text-align:center;height:45px}.historyNav:before{content:'◷';font-size:18px}.historyPage .historyNav:nth-of-type(2):before{content:'←'}.historyCard{display:block!important}.historyMeta{margin-top:8px;flex-direction:row!important;align-items:center;flex-wrap:wrap}.historyView{font-size:11px}.historyExplorer{margin-top:18px}.historyExplorerDetail{padding:14px}.historyDetailHeader{flex-direction:column}.historyCopyPage{width:100%}}

/* XSeller AI V3.0 — Complete Production UI */
a{color:inherit}.sideLink{display:block;margin:4px 0;padding:11px 12px;border-radius:9px;color:#bdbdc5;font-size:13px;text-decoration:none}.sideLink:hover,.sideLink.activeLink{background:#18181c;color:#fff}.credit{text-decoration:none;color:#ffeef1}.mobileMenu{display:none;position:fixed;z-index:950;top:14px;left:14px;width:42px;height:42px;border-radius:10px;border:1px solid #34343b;background:#111116;color:#fff;font-size:20px}.structuredOutput{display:grid;gap:12px;padding:14px}.outputPlaceholder{color:#c9c9cf;padding:10px 2px}.outputSection{background:#0a0a0d;border:1px solid #282930;border-radius:12px;overflow:hidden}.outputSectionHead{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;border-bottom:1px solid #24252b;background:#101014}.outputSectionHead b{font-size:12px;color:#ff6678;letter-spacing:.025em}.outputSectionHead button{border:0;background:transparent;color:#aeb0b8;cursor:pointer}.outputSectionHead button:hover{color:#fff}.outputSection pre{white-space:pre-wrap;word-break:break-word;font:inherit;line-height:1.7;color:#e1e1e6;margin:0;padding:15px}.loadingBox{min-height:120px;display:grid;place-items:center;align-content:center;color:#8e9098}.historyModalActions,.historyPageActions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.historyModalActions button,.historyModalActions a,.historyPageActions button,.historyPageActions a{border:1px solid #4b1820;background:#1d0b0f;color:#ff7080;border-radius:9px;padding:8px 10px;cursor:pointer;text-decoration:none;font-weight:700}.historyModalActions .danger,.historyPageActions .danger{border-color:#492327;background:#170d0f;color:#d88}.historyFilters{max-width:1280px;margin:24px auto 0}.historyFilters form{display:grid;grid-template-columns:minmax(220px,1fr) 220px auto auto;gap:10px;align-items:center}.historyFilters input,.historyFilters select{margin:0}.historyFilters .check{display:flex;align-items:center;gap:6px;margin:0;white-space:nowrap}.historyFilters .check input{width:auto}.btn.small{padding:10px 14px;width:auto}.accountGrid{max-width:1200px;margin:30px auto;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.accountMain{display:grid;gap:18px}.accountCard,.statCard,.miniStats{background:linear-gradient(145deg,#111115,#0c0c0f);border:1px solid #27282e;border-radius:16px;padding:22px}.accountCard h2,.statCard b{margin:5px 0}.accountCard form{margin-top:18px}.accountCard .btn{width:auto}.accountSide{display:grid;gap:14px;align-content:start}.statCard span,.miniStats span{color:#8e9099;font-size:11px}.statCard b{display:block;font-size:28px}.statCard small{display:block;color:#8e9099;margin:5px 0 14px}.statCard a{color:#ff6072}.miniStats{display:grid;gap:14px}.miniStats div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #25262b;padding-bottom:10px}.miniStats div:last-child{border-bottom:0;padding-bottom:0}.transactionCard{max-width:1200px;margin:0 auto 40px}.positive{color:#80e0a0}.negative{color:#ff7c89}.upgradeHero{max-width:1100px;margin:35px auto 20px;text-align:center}.upgradeHero h1{font-size:40px;margin:4px}.upgradeHero p{color:#a6a8b0}.packageGrid{max-width:1100px;margin:25px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.packageCard{position:relative;background:linear-gradient(145deg,#111115,#0b0b0e);border:1px solid #282930;border-radius:17px;padding:22px}.packageCard.featured{border-color:#741626;box-shadow:0 0 50px #7a10251c}.packageType{font-size:10px;color:#ff6072;font-weight:900}.packageCard strong{display:block;font-size:30px;margin:12px 0}.packageCard p{color:#a6a8b0;min-height:46px}.packageCard .btn{width:100%}.paymentHelp{max-width:1100px;margin:20px auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.paymentHelp>div{background:#101014;border:1px solid #27282e;border-radius:16px;padding:20px}.status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;border:1px solid #333}.status.pending{color:#ffd26e;border-color:#5e4b1e;background:#1e1808}.status.approved,.status.active{color:#7be2a1;border-color:#245f38;background:#0c1c12}.status.rejected{color:#ff8d98;border-color:#5f2830;background:#1f0d10}.adminTop>div{display:flex;align-items:center;gap:12px}.adminTop b{font-size:12px;color:#ff6072}.statgrid>div small{display:block;color:#70727b;margin-top:4px}.adminPanelHead{display:flex;align-items:end;justify-content:space-between;gap:20px}.adminPanelHead form{display:flex;gap:8px}.adminPanelHead input{margin:0;min-width:260px}.orderActions{display:flex;gap:5px}.orderActions form{margin:0}.orderActions button{border:0;padding:7px 9px;border-radius:7px;cursor:pointer}.approve{background:#123c20;color:#8af0aa}.reject{background:#3c1117;color:#ff909b}.forgotLink{display:inline-block;margin:8px 0;color:#ff6072;font-size:12px}.authbox>a.btn{display:block;text-align:center;text-decoration:none}.authbox .notice{margin:15px 0}.historyExplorerDetail .structuredOutput{padding:0;margin-top:15px}
@media(max-width:1100px){.packageGrid{grid-template-columns:repeat(2,1fr)}.statgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.mobileMenu{display:block}.dash > aside{transform:translateX(-110%);width:245px;padding:70px 16px 20px;transition:.2s ease;z-index:900;box-shadow:20px 0 70px #000}.dash > aside.open{transform:translateX(0)}.dash > aside .logo,.dash > aside .muted,.dash > aside button,.dash > aside .sideLink,.dash > aside .adminlink,.dash > aside .logout{font-size:13px}.dash > aside .logo{font-size:22px}.dash > aside .logo:after,.dash > aside button:after,.dash > aside .logout:after{content:none!important}.dash > aside button{height:auto}.workspace{margin-left:0;width:100%;padding:0 12px}.workspace header{padding-left:52px}.accountGrid{grid-template-columns:1fr}.packageGrid{grid-template-columns:1fr}.paymentHelp{grid-template-columns:1fr}.historyFilters form{grid-template-columns:1fr}.historyFilters .btn{width:100%}.historyPageActions{width:100%}.adminTop{padding:0 14px}.adminTop .muted{display:none}.adminMain{padding:14px}.statgrid{grid-template-columns:repeat(2,1fr)}.adminPanelHead{align-items:stretch;flex-direction:column}.adminPanelHead form{display:grid;grid-template-columns:1fr auto}.adminPanelHead input{min-width:0}.upgradeHero h1{font-size:32px}.historyModalBox{max-height:94vh}}


/* XSeller AI V3.0.1 — Account layout hotfix */
.accountGrid>.accountSide{position:static!important;width:auto!important;height:auto!important;padding:0!important;border-right:0!important;background:transparent!important;transform:none!important;box-shadow:none!important}
@media(max-width:760px){.accountGrid>.accountSide{position:static!important;width:auto!important;height:auto!important;padding:0!important;transform:none!important}}

/* XSeller AI V3.1 Auto Payment */
.autoPayBadge,.manualPayBadge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900}.autoPayBadge{color:#7be2a1;border:1px solid #245f38;background:#0c1c12}.manualPayBadge{color:#ffd26e;border:1px solid #5e4b1e;background:#1e1808}.tableAction{display:inline-flex;padding:7px 10px;border:1px solid #5c1720;border-radius:8px;color:#ff7180;background:#1b090d;font-weight:800;font-size:11px}.status.expired{color:#c9a7ff;border-color:#4b366e;background:#171020}.payShell{max-width:1000px;margin:34px auto}.payCard{background:linear-gradient(145deg,#111115,#0b0b0e);border:1px solid #2b2c32;border-radius:20px;padding:26px;box-shadow:0 24px 70px #0007}.payTop{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid #25262b;padding-bottom:18px}.payTop h1{margin:4px 0 8px}.payAmount{font-size:36px;font-weight:1000;color:#fff;white-space:nowrap}.payGrid{display:grid;grid-template-columns:350px 1fr;gap:22px;margin-top:22px}.qrBox{background:#fff;border-radius:18px;padding:18px;text-align:center;color:#1a1a1d}.qrBox img{display:block;width:100%;max-width:310px;aspect-ratio:1/1;object-fit:contain;margin:auto}.qrBox p{font-size:12px;line-height:1.5;color:#555;margin:10px 4px 0}.transferBox{background:#0a0a0d;border:1px solid #292a30;border-radius:16px;padding:18px}.transferRow{display:grid;grid-template-columns:130px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #25262b}.transferRow:last-of-type{border-bottom:0}.transferRow span{color:#8e9099;font-size:12px}.transferRow b{word-break:break-word}.transferRow button{border:1px solid #5d1a23;background:#1f0a0f;color:#ff7484;border-radius:8px;padding:7px 9px;cursor:pointer}.paymentWarning{margin-top:16px;padding:13px;border-radius:10px;background:#201609;border:1px solid #5b421e;color:#f0d79b;font-size:12px;line-height:1.55}.paymentState{margin-top:22px;border:1px solid #34343b;border-radius:12px;padding:15px;text-align:center;font-weight:900}.paymentState.pending{color:#ffd26e;background:#1e1808;border-color:#5e4b1e}.paymentState.approved{color:#7be2a1;background:#0c1c12;border-color:#245f38}.paymentState.expired{color:#c9a7ff;background:#171020;border-color:#4b366e}.paymentState.rejected{color:#ff8d98;background:#1f0d10;border-color:#5f2830}.payCountdown{text-align:center;color:#8e9099;font-size:12px;margin-top:8px}.payActions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.contentCell{max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){.payCard{padding:17px}.payTop{display:block}.payAmount{font-size:28px;margin-top:10px}.payGrid{grid-template-columns:1fr}.transferRow{grid-template-columns:105px 1fr auto}.payActions{display:grid;grid-template-columns:1fr 1fr}.qrBox img{max-width:280px}}


/* ==========================================================
   XSELLER V3.1.4 — ADMIN UI POLISH
   ========================================================== */

.adminV314{
    background:
        radial-gradient(circle at 50% -200px,rgba(255,32,58,.09),transparent 420px),
        #070708;
    color:#f5f5f7;
    min-height:100vh;
}

.adminV314 *{
    box-sizing:border-box;
}

.admTop{
    height:70px;
    position:sticky;
    top:0;
    z-index:100;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:0 28px;
    background:rgba(7,7,8,.88);
    backdrop-filter:blur(18px);
    border-bottom:1px solid #242428;
}

.admTopLeft{
    display:flex;
    align-items:center;
    gap:14px;
    min-width:0;
}

.admTopLeft>div{
    display:flex;
    flex-direction:column;
    gap:2px;
}

.admTopLeft small{
    color:#777783;
    font-size:11px;
}

.admBrand{
    font-weight:900;
    font-size:18px;
    letter-spacing:-.8px;
    color:#fff;
    text-decoration:none;
}

.admBrand strong{
    color:#ff2847;
}

.admDivider{
    width:1px;
    height:28px;
    background:#2b2b30;
}

.admModel{
    color:#a7a7b2;
    font-size:11px;
    background:#111114;
    border:1px solid #29292f;
    padding:7px 10px;
    border-radius:999px;
}

.admSystem{
    display:inline-flex;
    align-items:center;
    gap:7px;
    border-radius:999px;
    padding:7px 11px;
    font-size:11px;
    font-weight:700;
}

.admSystem i{
    width:7px;
    height:7px;
    border-radius:50%;
}

.admSystem.ok{
    color:#6eff9b;
    border:1px solid rgba(71,255,126,.24);
    background:rgba(41,192,91,.08);
}

.admSystem.ok i{
    background:#51e982;
    box-shadow:0 0 10px #51e982;
}

.admSystem.warn{
    color:#ffce69;
    border:1px solid rgba(255,188,51,.23);
    background:rgba(255,188,51,.07);
}

.admSystem.warn i{
    background:#ffc34e;
}

.admBack{
    color:#eeeef2;
    text-decoration:none;
    border:1px solid #29292f;
    background:#111114;
    padding:10px 15px;
    border-radius:10px;
    font-size:12px;
    transition:.2s;
}

.admBack:hover{
    border-color:#ff2847;
    color:#ff4c66;
}

.admMain{
    width:min(1500px,calc(100% - 42px));
    margin:0 auto;
    padding:38px 0 60px;
}

.admHero{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    margin-bottom:26px;
}

.admHero h1{
    font-size:34px;
    letter-spacing:-1.3px;
    margin:5px 0 8px;
}

.admHero>div>p:last-child{
    margin:0;
    color:#92929e;
    max-width:670px;
    line-height:1.6;
}

.admEyebrow{
    margin:0!important;
    color:#ff304e!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:.12em!important;
}

.admLive{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:9px;
    color:#b5b5be;
    background:#0e0e11;
    border:1px solid #242429;
    border-radius:999px;
    padding:10px 15px;
    font-size:12px;
}

.pulse{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#4dde7b;
    box-shadow:0 0 0 5px rgba(77,222,123,.09);
}

.admStats{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:12px;
    margin-bottom:18px;
}

.admStat{
    min-width:0;
    padding:18px;
    border:1px solid #26262c;
    border-radius:15px;
    background:linear-gradient(145deg,#111115,#0d0d10);
    position:relative;
    overflow:hidden;
}

.admStat.highlight{
    border-color:rgba(255,40,71,.38);
    background:
        linear-gradient(145deg,rgba(255,40,71,.09),#0d0d10 60%);
}

.admStatIcon{
    width:32px;
    height:32px;
    border-radius:9px;
    background:#19191e;
    display:grid;
    place-items:center;
    margin-bottom:16px;
    font-size:14px;
}

.admStat>span{
    display:block;
    color:#92929e;
    font-size:11px;
    margin-bottom:7px;
}

.admStat strong{
    display:block;
    font-size:25px;
    letter-spacing:-.6px;
    margin-bottom:7px;
}

.admStat small{
    color:#696975;
    font-size:10px;
}

.admPanel{
    margin-top:18px;
    border:1px solid #25252b;
    background:linear-gradient(160deg,#101014,#0c0c0f);
    border-radius:17px;
    overflow:hidden;
    box-shadow:0 16px 50px rgba(0,0,0,.18);
}

.admPanelHead{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    padding:22px 22px 18px;
}

.admPanelHead h2{
    margin:6px 0 5px;
    font-size:20px;
    letter-spacing:-.35px;
}

.admPanelHead p:last-child{
    margin:0;
    color:#797985;
    font-size:12px;
}

.admSearch{
    display:flex;
    gap:8px;
}

.admSearch input{
    width:250px;
}

.admSearch button,
.admQuickForm button{
    border:0;
    border-radius:9px;
    background:linear-gradient(135deg,#ff2948,#dc0528);
    color:#fff;
    font-weight:800;
    padding:10px 15px;
    cursor:pointer;
}

.admV314 input,
.admV314 select{
    background:#0a0a0d;
    color:#ededf2;
    border:1px solid #2b2b31;
    border-radius:9px;
    min-height:38px;
    padding:0 11px;
    outline:none;
}

.admV314 input:focus,
.admV314 select:focus{
    border-color:#b9263c;
    box-shadow:0 0 0 3px rgba(255,40,71,.06);
}

.admTableWrap{
    overflow-x:auto;
    border-top:1px solid #222227;
}

.admTable{
    width:100%;
    min-width:950px;
    border-collapse:collapse;
}

.admTable th{
    text-align:left;
    padding:13px 14px;
    color:#767682;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.055em;
    background:#0c0c0f;
    border-bottom:1px solid #242429;
    white-space:nowrap;
}

.admTable td{
    padding:14px;
    border-bottom:1px solid #202025;
    font-size:12px;
    vertical-align:middle;
}

.admTable tbody tr{
    transition:.18s;
}

.admTable tbody tr:hover{
    background:rgba(255,255,255,.018);
}

.admTable tbody tr:last-child td{
    border-bottom:0;
}

.admPlan{
    display:inline-flex;
    border:1px solid #303037;
    background:#17171b;
    padding:5px 8px;
    border-radius:7px;
    font-size:10px;
    font-weight:800;
}

.creditNumber{
    color:#fff;
    font-size:13px;
}

.mono{
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}

.orderCode{
    color:#ff6176;
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}

.admBadge{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:5px 8px;
    border-radius:999px;
    border:1px solid #313138;
    font-size:10px;
    white-space:nowrap;
    font-weight:750;
}

.admBadge.success{
    color:#67eb90;
    border-color:rgba(77,222,123,.28);
    background:rgba(54,190,95,.08);
}

.admBadge.warning{
    color:#ffc85c;
    border-color:rgba(255,190,61,.25);
    background:rgba(255,188,50,.07);
}

.admBadge.danger{
    color:#ff6679;
    border-color:rgba(255,54,83,.25);
    background:rgba(255,40,71,.07);
}

.admBadge.sepay{
    color:#65f0a0;
    border-color:rgba(68,234,132,.26);
    background:rgba(43,203,101,.08);
}

.admBadge.mutedBadge{
    color:#9a9aa5;
    background:#16161a;
}

.admQuickForm{
    display:flex;
    align-items:center;
    gap:6px;
}

.admQuickForm input{
    width:72px;
}

.admQuickForm select{
    width:105px;
}

.admNotice{
    margin:0 22px 18px;
    padding:12px 14px;
    color:#d9be80;
    font-size:11px;
    line-height:1.55;
    border:1px solid rgba(222,163,45,.22);
    background:rgba(211,150,27,.055);
    border-radius:10px;
}

.admInfoBadge,
.admSecure{
    font-size:11px;
    color:#66e98e;
    border:1px solid rgba(75,228,119,.23);
    background:rgba(50,194,91,.07);
    padding:8px 11px;
    border-radius:999px;
    white-space:nowrap;
}

.admActions{
    display:flex;
    gap:6px;
    align-items:center;
}

.admBtn{
    min-height:34px;
    border-radius:8px;
    padding:0 10px;
    border:1px solid #303036;
    color:#ececf0;
    background:#17171b;
    font-weight:750;
    font-size:10px;
    cursor:pointer;
    white-space:nowrap;
}

.admBtn.success{
    color:#68eb91;
    border-color:rgba(76,223,121,.25);
    background:rgba(55,193,97,.07);
}

.admBtn.danger{
    color:#ff6277;
    border-color:rgba(255,55,82,.25);
    background:rgba(255,40,71,.07);
}

.admBtn.ghost:hover{
    border-color:#656570;
}

.exceptionPanel{
    border-color:rgba(255,40,71,.22);
}

.admLegend{
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
    padding:0 22px 18px;
    color:#858590;
    font-size:10px;
}

.admLegend span{
    display:flex;
    align-items:center;
    gap:7px;
}

.dot{
    width:7px;
    height:7px;
    border-radius:50%;
}

.dot.green{background:#4dde7b}
.dot.yellow{background:#ffc34e}
.dot.red{background:#ff3957}

.exceptionForm{
    min-width:270px;
    display:grid;
    gap:6px;
}

.exceptionForm input{
    min-height:34px;
    font-size:11px;
}

.contentCell{
    max-width:260px;
    overflow-wrap:anywhere;
    color:#c0c0c8;
}

.resultOriginal{
    display:block;
    color:#63636d;
    margin-top:5px;
    font-size:9px;
}

.admDone{
    color:#63e88d;
    font-size:11px;
    white-space:nowrap;
}

.admEmpty{
    padding:30px 10px;
    text-align:center;
    color:#686872;
}

.admFooter{
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#62626d;
    font-size:10px;
    padding:28px 4px 0;
}

.admFooter div:first-child{
    display:flex;
    gap:8px;
}

.admFooter strong{
    color:#9b9ba5;
}

.adminV314 .muted{
    color:#777781;
}


@media(max-width:1250px){
    .admStats{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:760px){

    .admTop{
        height:auto;
        min-height:66px;
        padding:12px 15px;
    }

    .admTopLeft{
        flex-wrap:wrap;
    }

    .admTopLeft>div,
    .admDivider,
    .admModel{
        display:none;
    }

    .admBack{
        font-size:0;
    }

    .admBack:after{
        content:"←";
        font-size:16px;
    }

    .admMain{
        width:calc(100% - 22px);
        padding-top:24px;
    }

    .admHero{
        align-items:flex-start;
        flex-direction:column;
    }

    .admHero h1{
        font-size:28px;
    }

    .admStats{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .admPanelHead{
        align-items:flex-start;
        flex-direction:column;
    }

    .admSearch{
        width:100%;
    }

    .admSearch input{
        min-width:0;
        width:100%;
    }

    .admInfoBadge,
    .admSecure{
        white-space:normal;
    }
}

@media(max-width:480px){
    .admStats{
        grid-template-columns:1fr;
    }
}