:root{--navy:#071d3e;--navy2:#0b2a59;--blue:#0b63f3;--blue2:#2f91ff;--sky:#eaf3ff;--green:#18a66a;--orange:#f39c2d;--red:#df4661;--purple:#7658e9;--ink:#132746;--muted:#6f7f98;--line:#e1e8f2;--soft:#f5f8fc;--white:#fff;--shadow:0 10px 30px rgba(20,48,90,.08);--radius:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f4f7fb;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.icon{display:inline-block;vertical-align:middle}.container{width:min(1180px,calc(100% - 36px));margin:auto}.public-body{background:#fff}.public-header{height:72px;background:#fff;border-bottom:1px solid #edf1f7;position:sticky;top:0;z-index:40}.public-header .container{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{width:205px;height:auto;display:block}.public-nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:650}.public-nav a{color:#40516b}.public-nav a:hover,.public-nav a.active{color:var(--blue)}.nav-actions{display:flex;gap:10px;align-items:center}.btn{border:0;border-radius:9px;padding:11px 16px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:.18s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 7px 16px rgba(11,99,243,.2)}.btn-outline{background:#fff;color:var(--blue);border:1px solid #a9c9fa}.btn-soft{background:#edf4ff;color:#1158c6}.btn-success{background:var(--green);color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-warning{background:var(--orange);color:#fff}.btn-sm{padding:7px 10px;border-radius:7px;font-size:12px}.btn-block{width:100%}.menu-toggle{display:none;background:transparent;border:0;color:var(--ink)}
.hero{background:radial-gradient(circle at 80% 35%,rgba(40,128,255,.28),transparent 28%),linear-gradient(125deg,#061b39,#0b2c5d);color:#fff;min-height:500px;display:flex;align-items:center;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:44px}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700}.hero h1{font-size:48px;line-height:1.12;margin:20px 0 16px;letter-spacing:-1.4px}.hero h1 span{color:#59dc82}.hero p{font-size:17px;line-height:1.7;color:#c9d9ef;max-width:620px}.hero-actions{display:flex;gap:12px;margin-top:27px}.hero-visual{position:relative;min-height:390px}.mock-window{position:absolute;right:0;top:32px;width:90%;background:#fff;border-radius:16px;box-shadow:0 30px 70px rgba(0,0,0,.34);padding:18px;color:var(--ink);transform:perspective(900px) rotateY(-5deg)}.mock-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:13px}.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.mini-card{background:#f6f9fd;border:1px solid #e5ebf4;border-radius:10px;padding:12px}.mini-card b{display:block;font-size:16px;margin-top:6px}.chart-box{height:145px;margin-top:14px;background:linear-gradient(180deg,#eef6ff,transparent);border-radius:10px;position:relative;overflow:hidden}.chart-box svg{width:100%;height:100%}.floating-stat{position:absolute;background:#fff;color:var(--ink);border-radius:12px;padding:14px 17px;box-shadow:0 16px 30px rgba(0,0,0,.18);z-index:3}.floating-stat.one{right:0;top:0}.floating-stat.two{left:3%;bottom:22px}.floating-stat small{display:block;color:var(--muted);font-size:11px}.floating-stat b{font-size:18px;display:block;margin-top:5px}.section{padding:76px 0}.section-soft{background:var(--soft)}.section-title{text-align:center;max-width:720px;margin:0 auto 38px}.section-title h2{font-size:34px;margin:0 0 12px;letter-spacing:-.7px}.section-title p{color:var(--muted);line-height:1.7;margin:0}.campaign-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.campaign-card,.feature-card,.testimonial,.pricing-card,.blog-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.campaign-card{padding:19px}.campaign-head{display:flex;gap:12px;align-items:center}.campaign-logo{width:46px;height:46px;border-radius:11px;background:linear-gradient(135deg,#eaf3ff,#d7e8ff);color:var(--blue);display:flex;align-items:center;justify-content:center;font-weight:900}.campaign-card h3{margin:0 0 5px;font-size:15px}.muted{color:var(--muted)}.campaign-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:17px 0}.meta-label{font-size:10px;text-transform:uppercase;color:var(--muted);letter-spacing:.5px}.meta-value{font-weight:800;margin-top:3px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.step{text-align:center}.step-number{width:38px;height:38px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;margin:0 auto 14px;font-weight:800}.step h3{font-size:16px;margin:0 0 8px}.step p{color:var(--muted);font-size:13px;line-height:1.6}.stats-band{background:var(--navy);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:34px 0}.stat-item{text-align:center;border-right:1px solid rgba(255,255,255,.14)}.stat-item:last-child{border:0}.stat-item b{font-size:29px;display:block}.stat-item span{color:#bdcbe0;font-size:12px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.feature-card{padding:22px}.feature-icon{width:42px;height:42px;border-radius:10px;background:#ebf3ff;color:var(--blue);display:grid;place-items:center;margin-bottom:14px}.feature-card h3{font-size:15px;margin:0 0 8px}.feature-card p{font-size:12.5px;color:var(--muted);line-height:1.65;margin:0}.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testimonial{padding:23px}.testimonial p{color:#4f6079;line-height:1.7}.avatar-row{display:flex;align-items:center;gap:11px;margin-top:18px}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#79c5ff);color:#fff;display:grid;place-items:center;font-weight:800}.faq-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}.faq-item{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;background:#fff}.faq-q{padding:15px 17px;font-weight:750;display:flex;justify-content:space-between;cursor:pointer}.faq-a{display:none;padding:0 17px 17px;color:var(--muted);line-height:1.65}.faq-item.open .faq-a{display:block}.payment-note{background:#f4f8ff;border:1px solid #dce9ff;padding:24px;border-radius:14px}.public-footer{background:#061a37;color:#c9d6e8;padding:46px 0 18px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:34px}.footer-logo img{filter:brightness(0) invert(1);width:190px}.footer-title{color:#fff;font-weight:800;margin-bottom:14px}.footer-links{display:grid;gap:9px;font-size:12px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:32px;padding-top:17px;font-size:11px;display:flex;justify-content:space-between}.page-hero{background:linear-gradient(130deg,#071d3e,#0b3878);color:#fff;padding:62px 0}.page-hero h1{font-size:38px;margin:0 0 10px}.page-hero p{color:#ccdaed;max-width:650px;line-height:1.65}.content-grid{display:grid;grid-template-columns:260px 1fr;gap:24px}.filter-card,.white-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.filter-card{padding:20px}.form-group{margin-bottom:15px}.form-label{display:block;font-size:12px;font-weight:750;margin-bottom:7px;color:#344861}.form-control{width:100%;border:1px solid #dbe3ee;border-radius:9px;background:#fff;padding:11px 12px;color:var(--ink);outline:none}.form-control:focus{border-color:#78acf7;box-shadow:0 0 0 3px rgba(11,99,243,.08)}textarea.form-control{min-height:105px;resize:vertical}.auth-page{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:40px;background:#f5f8fc}.auth-wrap{width:min(930px,95%);display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 25px 80px rgba(16,43,82,.15)}.auth-side{background:linear-gradient(150deg,#061b3a,#0b3f88);color:#fff;padding:55px;display:flex;flex-direction:column;justify-content:center}.auth-side img{filter:brightness(0) invert(1);width:220px}.auth-side h2{font-size:30px;margin:28px 0 12px}.auth-side p{color:#c7d6e9;line-height:1.7}.auth-form{padding:48px}.auth-form h1{font-size:28px;margin:0 0 8px}.auth-form .sub{color:var(--muted);margin-bottom:28px}.role-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.role-option{border:1px solid var(--line);padding:15px;border-radius:10px;cursor:pointer}.role-option:has(input:checked){border-color:var(--blue);background:#eef5ff}.role-option input{margin-right:7px}.alert{border-radius:9px;padding:12px 14px;margin:0 0 15px;font-size:13px}.alert-success{background:#e9f8f1;color:#147346;border:1px solid #c8eedc}.alert-danger{background:#feeff2;color:#a7283e;border:1px solid #f6ccd4}.alert-warning{background:#fff6e8;color:#8e5d0d;border:1px solid #f5dfb7}.alert-info{background:#ebf5ff;color:#1e5d97;border:1px solid #cce5fb}
.app-shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr;background:#f4f7fb}.sidebar{background:linear-gradient(180deg,#061b3a,#082654);color:#d9e6f7;position:fixed;left:0;top:0;bottom:0;width:230px;z-index:50;display:flex;flex-direction:column}.sidebar-brand{height:72px;padding:18px;border-bottom:1px solid rgba(255,255,255,.09)}.sidebar-brand img{filter:brightness(0) invert(1);width:180px}.sidebar-nav{padding:14px 11px;overflow:auto;flex:1}.nav-section{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;color:#7895bd;margin:15px 10px 8px;font-weight:800}.side-link{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:8px;color:#c6d5e9;font-size:12px;margin:2px 0}.side-link:hover{background:rgba(255,255,255,.07);color:#fff}.side-link.active{background:var(--blue);color:#fff;box-shadow:0 7px 18px rgba(0,0,0,.18)}.sidebar-user{padding:14px;border-top:1px solid rgba(255,255,255,.1)}.user-card{background:rgba(255,255,255,.07);border-radius:10px;padding:11px;display:flex;align-items:center;gap:10px}.user-card .avatar{width:34px;height:34px;font-size:12px}.user-card strong{display:block;color:#fff;font-size:11px;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card span{font-size:9px;color:#91a9c9}.app-main{grid-column:2;min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid #e5ebf3;display:flex;align-items:center;justify-content:space-between;padding:0 25px;position:sticky;top:0;z-index:30}.topbar-left{display:flex;align-items:center;gap:14px}.topbar-title{font-size:15px;font-weight:800}.topbar-search{position:relative;width:260px}.topbar-search input{width:100%;border:1px solid #e0e7f0;border-radius:8px;padding:9px 11px 9px 34px;font-size:11px}.topbar-search .icon{position:absolute;left:11px;top:9px;color:#8796ab}.topbar-actions{display:flex;align-items:center;gap:13px}.icon-btn{width:35px;height:35px;border-radius:9px;border:1px solid #e3e9f1;background:#fff;display:grid;place-items:center;color:#5c6d86;cursor:pointer}.content{padding:24px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.page-head h1{font-size:22px;margin:0 0 5px}.page-head p{margin:0;color:var(--muted);font-size:12px}.date-filter{background:#fff;border:1px solid #dde5ef;border-radius:8px;padding:9px 11px;font-size:11px;color:#4a5c75}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;box-shadow:0 5px 17px rgba(16,45,85,.04);position:relative;overflow:hidden}.stat-card .stat-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.45px}.stat-card .stat-value{font-size:21px;font-weight:850;margin:8px 0 4px}.stat-card .stat-change{font-size:10px;color:var(--green);font-weight:700}.stat-card .stat-icon{position:absolute;right:15px;top:15px;width:34px;height:34px;border-radius:9px;background:#edf4ff;color:var(--blue);display:grid;place-items:center}.grid-2{display:grid;grid-template-columns:1.55fr .85fr;gap:16px;margin-bottom:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 18px rgba(16,45,85,.045)}.card-header{padding:15px 17px;border-bottom:1px solid #edf1f6;display:flex;align-items:center;justify-content:space-between}.card-header h2,.card-header h3{font-size:13px;margin:0}.card-body{padding:17px}.card-tabs{display:flex;gap:18px}.card-tab{font-size:11px;color:var(--muted);padding-bottom:12px;border-bottom:2px solid transparent}.card-tab.active{color:var(--blue);border-color:var(--blue);font-weight:750}.chart{height:230px;position:relative}.chart svg{width:100%;height:100%}.legend{display:flex;gap:16px;font-size:10px;color:var(--muted)}.legend i{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:11px}.table th{text-align:left;background:#f7f9fc;color:#6c7c94;font-size:9px;text-transform:uppercase;letter-spacing:.45px;padding:11px 12px;border-bottom:1px solid #e8edf4;white-space:nowrap}.table td{padding:12px;border-bottom:1px solid #edf1f6;vertical-align:middle;white-space:nowrap}.table tr:last-child td{border-bottom:0}.table .name-cell{display:flex;align-items:center;gap:9px;font-weight:700}.table-logo{width:30px;height:30px;border-radius:8px;background:#eaf3ff;color:var(--blue);display:grid;place-items:center;font-weight:900}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:750}.badge-success{background:#e9f8f1;color:#16824d}.badge-warning{background:#fff4df;color:#a2660a}.badge-danger{background:#feebef;color:#bd304a}.badge-info{background:#e9f4ff;color:#1d6aaa}.badge-muted{background:#eef1f5;color:#68768b}.text-success{color:var(--green)!important}.text-danger{color:var(--red)!important}.text-blue{color:var(--blue)!important}.kpi-list{display:grid;gap:10px}.kpi-row{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid #edf1f6;border-radius:9px}.kpi-row strong{font-size:11px}.kpi-row span{font-size:10px;color:var(--muted)}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.toolbar .form-control{width:auto;min-width:160px;padding:9px 10px;font-size:11px}.search-box{position:relative;flex:1;min-width:210px}.search-box input{width:100%;padding-left:34px}.search-box .icon{position:absolute;left:11px;top:10px;color:#8b99ab}.campaign-market{display:grid;grid-template-columns:230px 1fr;gap:16px}.market-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.market-card{border:1px solid var(--line);border-radius:11px;background:#fff;padding:15px}.market-card-top{display:flex;align-items:center;justify-content:space-between}.market-card h3{font-size:12px;margin:12px 0 5px}.market-card .commission{font-size:16px;font-weight:850;color:var(--blue)}.detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.detail-section{margin-bottom:15px}.detail-section h3{font-size:12px;margin:0 0 10px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.info-box{background:#f7f9fc;border:1px solid #e7ecf3;border-radius:9px;padding:12px}.info-box label{display:block;font-size:9px;color:var(--muted);text-transform:uppercase}.info-box strong{display:block;margin-top:5px;font-size:12px}.creative-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.creative{height:74px;border-radius:8px;background:linear-gradient(135deg,#08224a,#0c63dd);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:10px}.wallet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.wallet-card{border:1px solid var(--line);border-radius:11px;padding:17px;background:#fff}.wallet-card-top{display:flex;justify-content:space-between}.wallet-card .amount{font-size:19px;font-weight:850;margin-top:9px}.wallet-card.green{border-color:#bfe7d2}.wallet-card.orange{border-color:#f5d8ae}.wallet-card.purple{border-color:#d7cdfa}.payment-layout{display:grid;grid-template-columns:170px 1fr 280px;gap:14px}.method-tabs{display:grid;gap:8px}.method-tab{border:1px solid var(--line);border-radius:9px;padding:11px;background:#fff;font-size:11px;font-weight:700;cursor:pointer}.method-tab.active{border-color:var(--blue);background:#edf4ff;color:var(--blue)}.method-options{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}.method-chip{border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:#fff;font-size:10px;font-weight:750}.method-chip.active{border-color:var(--blue);color:var(--blue);background:#eff5ff}.qr-placeholder{width:150px;height:150px;background:repeating-linear-gradient(45deg,#0e223f 0 5px,#fff 5px 10px);border:10px solid #fff;box-shadow:0 0 0 1px #e1e7ef;margin:15px auto}.copy-field{display:flex}.copy-field input{border-radius:8px 0 0 8px}.copy-field button{border-radius:0 8px 8px 0;border:1px solid var(--blue);background:var(--blue);color:#fff;padding:0 12px}.status-timeline{display:flex;align-items:center;margin:22px 0}.timeline-step{flex:1;text-align:center;position:relative}.timeline-step:before{content:"";position:absolute;height:3px;background:#dfe6ef;left:-50%;right:50%;top:9px}.timeline-step:first-child:before{display:none}.timeline-dot{width:20px;height:20px;border-radius:50%;background:#dfe6ef;margin:auto;position:relative;z-index:1}.timeline-step.active .timeline-dot{background:var(--green)}.timeline-step.done:before,.timeline-step.active:before{background:var(--green)}.timeline-step span{display:block;font-size:9px;color:var(--muted);margin-top:7px}.profile-grid{display:grid;grid-template-columns:1.1fr .9fr .8fr;gap:14px}.profile-panel{border:1px solid var(--line);border-radius:11px;padding:16px}.profile-panel h3{font-size:12px;margin:0 0 14px}.verify-box{background:#edf9f3;border:1px solid #c5ecd8;border-radius:9px;padding:14px;color:#176f48}.doc-list{display:grid;gap:9px;margin-top:12px}.doc-row{display:flex;justify-content:space-between;border:1px solid #e5ebf3;border-radius:8px;padding:10px;font-size:10px}.modal{display:none;position:fixed;inset:0;background:rgba(4,15,32,.55);z-index:100;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{width:min(540px,100%);background:#fff;border-radius:15px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:14px}.modal-body{padding:18px}.close-modal{border:0;background:transparent;font-size:22px;cursor:pointer}.empty-state{text-align:center;padding:40px 20px;color:var(--muted)}.empty-state .feature-icon{margin:0 auto 12px}.pagination{display:flex;gap:5px;justify-content:flex-end;margin-top:13px}.page-btn{width:28px;height:28px;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;font-size:10px;background:#fff}.page-btn.active{background:var(--blue);color:#fff}.split{display:flex;justify-content:space-between;gap:20px;align-items:center}.mobile-overlay{display:none}
@media(max-width:1050px){.campaign-grid,.features{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.market-cards{grid-template-columns:repeat(2,1fr)}.profile-grid{grid-template-columns:1fr 1fr}.payment-layout{grid-template-columns:160px 1fr}.payment-layout>.card:last-child{grid-column:1/-1}.public-nav{gap:15px}}
@media(max-width:820px){.public-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:18px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.public-nav.open{display:flex}.menu-toggle{display:block}.hero{padding:55px 0}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:39px}.hero-visual{min-height:340px}.steps,.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-item:nth-child(2){border-right:0}.stat-item{padding:14px}.testimonials{grid-template-columns:1fr}.faq-grid,.footer-grid,.content-grid{grid-template-columns:1fr}.app-shell{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.app-main{grid-column:1}.mobile-overlay.open{display:block;position:fixed;inset:0;background:rgba(4,15,32,.5);z-index:45}.topbar-search{display:none}.campaign-market,.detail-grid{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}.payment-layout{grid-template-columns:1fr}.auth-wrap{grid-template-columns:1fr}.auth-side{display:none}.topbar{padding:0 15px}.content{padding:16px}}
@media(max-width:600px){body{font-size:13px}.container{width:min(100% - 24px,1180px)}.brand img{width:170px}.nav-actions .btn-outline{display:none}.hero h1{font-size:32px}.hero p{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start}.mock-window{width:100%;transform:none}.floating-stat{display:none}.section{padding:52px 0}.section-title h2{font-size:27px}.campaign-grid,.features,.steps,.stats-grid,.stat-grid,.market-cards,.info-grid,.wallet-grid,.grid-3{grid-template-columns:1fr}.stat-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}.stat-item:last-child{border-bottom:0}.page-head{flex-direction:column}.topbar-actions .icon-btn:nth-child(1){display:none}.footer-bottom{flex-direction:column;gap:8px}.auth-form{padding:30px 22px}.role-options{grid-template-columns:1fr}.creative-strip{grid-template-columns:repeat(2,1fr)}.topbar-title{font-size:13px}}

/* v1.1 interactive tabs and filters */
.card-tab{cursor:pointer;user-select:none;background:transparent;border:0;font-family:inherit;line-height:inherit}
.card-tab:focus-visible{outline:2px solid rgba(11,99,243,.35);outline-offset:4px;border-radius:4px}
[data-filter-item][hidden],[data-tab-panel][hidden]{display:none!important}

/* AffiliaNetwork v2.0 */
.sidebar-brand{padding:18px 12px}.sidebar-brand img{width:100%;max-width:196px;height:36px;object-fit:contain;object-position:left center}
.wallet-live-pill{display:flex;align-items:center;gap:8px;border:1px solid #dce7f5;background:#f5f9ff;border-radius:9px;padding:7px 10px;min-width:135px}.wallet-live-pill span{font-size:9px;color:#71819a;text-transform:uppercase;font-weight:750}.wallet-live-pill strong{font-size:11px;color:#0b5fd7;white-space:nowrap}
.live-toast{position:fixed;right:22px;bottom:22px;z-index:200;background:#082654;color:#fff;border-radius:10px;padding:12px 16px;font-size:11px;font-weight:650;box-shadow:0 14px 35px rgba(0,0,0,.25);opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s}.live-toast.show{opacity:1;transform:translateY(0)}
.card-tab{background:transparent;cursor:pointer}.table td form{margin:0}.modal-card .grid-2{margin-bottom:0}
.gate-box{border-radius:10px;padding:14px;margin-bottom:15px;font-size:11px;line-height:1.6}.gate-box.ok{background:#eaf8f1;border:1px solid #c4ead6;color:#176f48}.gate-box.blocked{background:#fff1f3;border:1px solid #f2cbd2;color:#9d2940}
@media(max-width:760px){.wallet-live-pill{display:none}.live-toast{left:16px;right:16px;bottom:16px}.modal-card{max-height:92vh;overflow:auto}}

/* AffiliaNetwork v2.1 — mobile layout hardening */
html,body{width:100%;max-width:100%;overflow-x:hidden}body{-webkit-text-size-adjust:100%;text-size-adjust:100%}img,svg,video,canvas{max-width:100%;height:auto}main{display:block;min-width:0}.public-body{min-width:0}.public-body.menu-open{overflow:hidden}.container{max-width:1180px}.pricing-grid,.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pricing-card{padding:28px;min-width:0;display:flex;flex-direction:column}.pricing-card h2{overflow-wrap:anywhere}.pricing-card p{line-height:1.65;flex:1}.pricing-card-featured{border:2px solid var(--blue)}.pricing-price{font-size:29px;font-weight:900}.blog-card{overflow:hidden;min-width:0}.blog-cover{height:180px;background:linear-gradient(135deg,#071d3e,#1177e9);display:grid;place-items:center;color:#fff;font-size:30px;font-weight:900}.blog-content{padding:20px}.blog-date{font-size:10px}.blog-content h3{overflow-wrap:anywhere}.blog-content p{line-height:1.7;overflow-wrap:anywhere}.blog-link{font-weight:750;font-size:12px}.filter-title{margin-top:0}.marketplace-results{min-width:0;overflow:hidden}.marketplace-search{max-width:300px}.product-category{font-weight:400}.table-wrap{max-width:100%;-webkit-overflow-scrolling:touch}.table{min-width:680px}.public-campaign-table{min-width:720px}

@media(max-width:820px){
  .public-header{height:68px}.public-header .container{width:calc(100% - 24px);max-width:none}.brand{min-width:0;display:flex;align-items:center}.brand img{width:158px;max-width:42vw}.nav-actions{gap:8px}.nav-actions .btn{padding:9px 12px}.menu-toggle{width:38px;height:38px;padding:0;display:grid;place-items:center;flex:0 0 38px;border-radius:9px}.public-nav{position:fixed;top:68px;left:0;right:0;width:100%;max-width:100%;height:auto;max-height:calc(100dvh - 68px);overflow-y:auto;padding:10px 18px 16px;gap:0;box-shadow:0 16px 30px rgba(17,42,78,.14);border-top:1px solid #edf1f7;z-index:60}.public-nav a{display:block;width:100%;padding:13px 2px;border-bottom:1px solid #edf1f7;font-size:14px}.public-nav a:last-child{border-bottom:0}.public-nav.open{display:flex}.page-hero{padding:42px 0}.page-hero h1{font-size:31px;line-height:1.2}.section{padding:44px 0}.content-grid{gap:16px}.filter-card,.white-card{width:100%;min-width:0}.marketplace-header{flex-wrap:wrap;gap:12px;align-items:stretch}.marketplace-header h2{width:100%}.marketplace-search{width:100%;max-width:none;min-width:0}.pricing-grid,.blog-grid{grid-template-columns:1fr}.footer-grid{gap:26px}.footer-logo img{width:170px}.auth-page{padding:24px 12px}.auth-wrap{width:100%}.app-main{width:100%;min-width:0}.content{width:100%;min-width:0}.card-header{gap:12px;flex-wrap:wrap}.card-tabs{max-width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin}.card-tab{flex:0 0 auto}.toolbar{align-items:stretch}.toolbar .form-control,.toolbar .search-box{width:100%;min-width:0}.page-head .btn{max-width:100%}
}

@media(max-width:600px){
  body{font-size:13px}.container{width:calc(100% - 24px);max-width:none;margin-left:auto;margin-right:auto}.public-header .container{width:calc(100% - 20px)}.brand img{width:145px;max-width:44vw}.nav-actions .btn-primary{padding:9px 11px;font-size:12px}.public-nav{padding-left:14px;padding-right:14px}.page-hero{padding:34px 0}.page-hero h1{font-size:27px}.page-hero p{font-size:13px}.section{padding:36px 0}.filter-card{padding:16px}.form-control{font-size:16px;padding:12px}.btn{min-height:42px}.pricing-grid,.blog-grid{gap:14px}.pricing-card{padding:20px}.pricing-card h2{font-size:23px;margin:15px 0 8px}.pricing-price{font-size:27px}.blog-cover{height:150px;font-size:26px}.blog-content{padding:18px}.blog-content h3{font-size:18px;line-height:1.3}.blog-content p{font-size:14px;line-height:1.65}.marketplace-results{border-radius:12px}.marketplace-header{padding:14px}.public-campaign-table{display:block;min-width:0;width:100%}.public-campaign-table thead{display:none}.public-campaign-table tbody,.public-campaign-table tr,.public-campaign-table td{display:block;width:100%}.public-campaign-table tbody{padding:0 12px 12px}.public-campaign-table tr{padding:14px 0;border-bottom:1px solid #e8edf4}.public-campaign-table tr:last-child{border-bottom:0}.public-campaign-table td{padding:6px 0;border:0;white-space:normal;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:right;overflow-wrap:anywhere}.public-campaign-table td::before{content:attr(data-label);font-size:10px;font-weight:800;color:#6c7c94;text-transform:uppercase;letter-spacing:.4px;text-align:left;flex:0 0 72px}.public-campaign-table td:first-child{display:block;text-align:left;padding-bottom:10px}.public-campaign-table td:first-child::before{display:none}.public-campaign-table .name-cell{align-items:center}.public-campaign-table td:last-child .btn{width:auto;min-height:34px;padding:7px 14px}.public-campaign-table td:last-child::before{align-self:center}.table{font-size:11px}.table:not(.public-campaign-table){min-width:680px}.white-card .table-wrap{overflow-x:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{align-items:flex-start}.topbar{height:62px;padding:0 12px}.topbar-left{gap:8px;min-width:0}.topbar-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{gap:7px}.icon-btn{width:34px;height:34px}.content{padding:12px}.page-head{gap:12px}.page-head h1{font-size:20px}.page-head>*{width:100%}.page-head .btn,.page-head .date-filter{width:100%}.stat-card,.card-body{padding:14px}.modal{padding:10px}.modal-card{border-radius:12px}.split{flex-direction:column;align-items:stretch}.search-box{min-width:0}.campaign-card,.feature-card,.testimonial,.pricing-card,.blog-card,.filter-card,.white-card,.card{max-width:100%}
}

@media(max-width:380px){.brand img{width:132px}.nav-actions .btn-primary{padding:8px 9px}.menu-toggle{width:34px;flex-basis:34px}.container{width:calc(100% - 18px)}.public-header .container{width:calc(100% - 14px)}.pricing-card{padding:17px}.blog-content{padding:16px}.public-campaign-table tbody{padding-left:10px;padding-right:10px}}

@supports(padding:max(0px)){.public-header .container{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.public-footer{padding-bottom:max(18px,env(safe-area-inset-bottom))}}
@media(hover:none) and (pointer:coarse){button,a,.btn,.card-tab,.method-tab,.method-chip{touch-action:manipulation}}
@media(max-width:600px){.card-header{align-items:stretch}.card-header>.card-tabs{width:100%;flex:0 0 100%}.card-header>.search-box{width:100%;max-width:none;min-width:0;flex:0 0 100%}.card-header>.search-box input{width:100%}}

/* AffiliaNetwork v2.2 — global UI, bilingual controls, theme system, and mobile alignment */
:root{
  --page-bg:#f4f7fb;
  --surface:#ffffff;
  --surface-2:#f7f9fc;
  --surface-3:#edf4ff;
  --text:#132746;
  --text-muted:#6f7f98;
  --border:#e1e8f2;
  --header-bg:#ffffff;
  --input-bg:#ffffff;
  --table-head:#f7f9fc;
  --shadow-theme:0 10px 30px rgba(20,48,90,.08);
}
html[data-theme="dark"]{
  color-scheme:dark;
  --page-bg:#07111f;
  --surface:#0d1b2e;
  --surface-2:#11233a;
  --surface-3:#132a47;
  --text:#e9f2ff;
  --text-muted:#9fb0c8;
  --border:#243a55;
  --header-bg:#0a1728;
  --input-bg:#0b1b2f;
  --table-head:#102139;
  --shadow-theme:0 14px 34px rgba(0,0,0,.28);
  --ink:#e9f2ff;
  --muted:#9fb0c8;
  --line:#243a55;
  --soft:#091526;
  --white:#0d1b2e;
}
html,body{width:100%;max-width:100%;min-width:0;overflow-x:clip}
body{background:var(--page-bg);color:var(--text);transition:background-color .2s ease,color .2s ease}
.public-body{background:var(--surface);color:var(--text)}
.public-body main,.public-body section,.public-body footer,.public-body header{max-width:100%;min-width:0}
img,svg,video,canvas,iframe{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%}
.flash-wrap{margin-top:16px}

/* User-provided AffiliaNetwork logo */
.brand{display:flex;align-items:center;min-width:0;flex:0 1 auto}
.brand-logo{display:block;width:240px;max-width:100%;height:52px;object-fit:contain;object-position:left center}
.brand-logo-light{display:none}
html[data-theme="dark"] .brand-logo-color{display:none}
html[data-theme="dark"] .brand-logo-light{display:block}
.footer-logo img,.sidebar-brand img,.auth-side img{filter:none!important;object-fit:contain;object-position:left center}
.footer-logo img{width:245px;max-width:100%;height:auto}
.sidebar-brand{height:78px!important;padding:14px 14px!important}
.sidebar-brand img{width:100%!important;max-width:202px!important;height:48px!important}
.auth-side img{width:280px!important;max-width:100%;height:auto}
.footer-description{font-size:12px;line-height:1.75;max-width:360px;margin-top:16px}

/* Theme and language controls */
.language-control{height:38px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:9px;display:inline-flex;align-items:center;gap:4px;padding:0 7px;flex:0 0 auto}
.language-control select{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:var(--text);font-size:11px;font-weight:800;outline:0;cursor:pointer;padding:0 2px;min-width:25px}
.language-control option{background:var(--surface);color:var(--text)}
.theme-toggle{flex:0 0 auto}
.theme-icon{display:none;line-height:0}
html[data-theme="light"] .theme-icon-moon{display:inline-flex}
html[data-theme="dark"] .theme-icon-sun{display:inline-flex}

/* Dark mode surface coverage */
html[data-theme="dark"] .public-header,
html[data-theme="dark"] .topbar,
html[data-theme="dark"] .card,
html[data-theme="dark"] .white-card,
html[data-theme="dark"] .filter-card,
html[data-theme="dark"] .pricing-card,
html[data-theme="dark"] .blog-card,
html[data-theme="dark"] .campaign-card,
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .testimonial,
html[data-theme="dark"] .market-card,
html[data-theme="dark"] .wallet-card,
html[data-theme="dark"] .profile-panel,
html[data-theme="dark"] .modal-card,
html[data-theme="dark"] .auth-wrap,
html[data-theme="dark"] .method-tab,
html[data-theme="dark"] .method-chip,
html[data-theme="dark"] .role-option,
html[data-theme="dark"] .faq-item,
html[data-theme="dark"] .page-btn,
html[data-theme="dark"] .icon-btn{
  background:var(--surface)!important;
  color:var(--text);
  border-color:var(--border)!important;
  box-shadow:var(--shadow-theme);
}
html[data-theme="dark"] .section-soft,
html[data-theme="dark"] .auth-page,
html[data-theme="dark"] .app-shell,
html[data-theme="dark"] .content{background:var(--page-bg)}
html[data-theme="dark"] .public-nav{background:var(--header-bg)}
html[data-theme="dark"] .public-nav a{color:#c2d1e5}
html[data-theme="dark"] .public-nav a:hover,
html[data-theme="dark"] .public-nav a.active{color:#65b5ff}
html[data-theme="dark"] .public-header,
html[data-theme="dark"] .topbar{background:var(--header-bg)!important;border-color:var(--border)!important}
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .table th,
html[data-theme="dark"] .info-box,
html[data-theme="dark"] .mini-card,
html[data-theme="dark"] .kpi-row{background:var(--surface-2);border-color:var(--border)}
html[data-theme="dark"] .table th{color:#a9bbd2}
html[data-theme="dark"] .table td,
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .footer-bottom{border-color:var(--border)}
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .topbar-search input,
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{background:var(--input-bg);color:var(--text);border-color:var(--border)}
html[data-theme="dark"] .form-control::placeholder,
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#7489a7}
html[data-theme="dark"] .muted,
html[data-theme="dark"] .form-label,
html[data-theme="dark"] .page-head p,
html[data-theme="dark"] .kpi-row span{color:var(--text-muted)}
html[data-theme="dark"] .btn-outline{background:transparent;color:#69b5ff;border-color:#3f7fc1}
html[data-theme="dark"] .btn-soft{background:#102b4c;color:#80bfff}
html[data-theme="dark"] .table-logo,
html[data-theme="dark"] .feature-icon{background:#102b4c}
html[data-theme="dark"] .role-option:has(input:checked),
html[data-theme="dark"] .method-tab.active,
html[data-theme="dark"] .method-chip.active{background:#102b4c!important}
html[data-theme="dark"] .modal{background:rgba(0,0,0,.72)}
html[data-theme="dark"] .pricing-card-featured{border-color:#3d92ff!important}
html[data-theme="dark"] .page-hero{background:linear-gradient(130deg,#06152b,#0b376f)}
html[data-theme="dark"] .public-footer{background:#030d1a}
html[data-theme="dark"] .alert-info{background:#102b4c;color:#a8d4ff;border-color:#244d7a}
html[data-theme="dark"] .alert-success{background:#0f3028;color:#8ee1b9;border-color:#235343}
html[data-theme="dark"] .alert-warning{background:#342711;color:#f0cd84;border-color:#5d4722}
html[data-theme="dark"] .alert-danger{background:#351922;color:#f2a5b4;border-color:#63303d}

/* Responsive public grids that never exceed the viewport */
.pricing-grid,.blog-grid{width:100%;min-width:0}
.pricing-card,.blog-card{width:100%;min-width:0;overflow:hidden}
.content-grid,.public-marketplace,.marketplace-results,.table-wrap{min-width:0;max-width:100%}
.marketplace-results{width:100%}
.public-campaign-table td,.public-campaign-table th{max-width:100%}

@media screen and (max-width:960px){
  .public-header{height:68px}
  .public-header .container{width:calc(100% - 24px);height:68px;max-width:none;gap:8px}
  .brand-logo{width:190px;height:48px;max-width:38vw}
  .nav-actions{gap:6px;margin-left:auto;min-width:0}
  .nav-actions .nav-login{display:none}
  .nav-actions .nav-register{padding:9px 11px;min-height:38px}
  .language-control{height:38px;padding:0 6px}
  .theme-toggle,.menu-toggle{width:38px!important;height:38px!important;min-width:38px;display:grid;place-items:center;padding:0}
  .public-nav{display:none;position:fixed!important;top:68px!important;left:0!important;right:0!important;width:100vw!important;max-width:100vw!important;max-height:calc(100dvh - 68px);overflow:auto;background:var(--header-bg)!important;padding:10px 18px 18px!important;gap:0!important;z-index:90!important;border-top:1px solid var(--border);box-shadow:0 18px 35px rgba(0,0,0,.18);flex-direction:column;align-items:stretch}
  .public-nav.open{display:flex!important}
  .public-nav a{width:100%;padding:13px 2px;border-bottom:1px solid var(--border);font-size:14px}
  .public-nav a:last-child{border-bottom:0}
  .page-hero{padding:40px 0}
  .page-hero h1{font-size:clamp(28px,7vw,38px);line-height:1.15;overflow-wrap:anywhere}
  .page-hero p{font-size:14px;line-height:1.65}
  .section{padding:38px 0}
  .content-grid,.public-marketplace{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;width:100%!important;gap:16px!important}
  .filter-card,.white-card{width:100%!important;max-width:100%!important}
  .pricing-grid,.blog-grid{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;width:100%!important;max-width:520px;margin-left:auto;margin-right:auto;gap:16px!important}
  .pricing-card,.blog-card{flex:0 0 auto!important;width:100%!important;max-width:100%!important}
  .blog-cover{width:100%;height:210px}
  .marketplace-header{display:flex;flex-direction:column;align-items:stretch!important;gap:12px}
  .marketplace-header h2,.marketplace-search{width:100%!important;max-width:none!important;min-width:0!important}
  .footer-grid{grid-template-columns:1fr!important;gap:28px}
  .footer-description{max-width:500px}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:8px}

  /* Product table becomes clean stacked cards at tablet/mobile widths */
  .public-campaign-table{display:block!important;width:100%!important;min-width:0!important}
  .public-campaign-table thead{display:none!important}
  .public-campaign-table tbody{display:grid!important;width:100%!important;padding:12px!important;gap:12px}
  .public-campaign-table tr{display:block!important;width:100%!important;padding:14px!important;border:1px solid var(--border)!important;border-radius:12px;background:var(--surface);box-shadow:0 5px 15px rgba(20,48,90,.05)}
  .public-campaign-table td{display:flex!important;width:100%!important;padding:7px 0!important;border:0!important;white-space:normal!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;text-align:right!important;overflow-wrap:anywhere}
  .public-campaign-table td::before{content:attr(data-label);display:block;flex:0 0 86px;text-align:left;font-size:10px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.35px}
  .public-campaign-table td:first-child{display:block!important;text-align:left!important;padding-bottom:10px!important}
  .public-campaign-table td:first-child::before{display:none!important}
  .public-campaign-table .name-cell{align-items:center;text-align:left}
  .public-campaign-table td:last-child .btn{width:auto;min-height:36px}

  .app-shell{grid-template-columns:1fr!important;width:100%;max-width:100vw;overflow:hidden}
  .app-main{grid-column:1!important;width:100%;min-width:0;max-width:100vw}
  .sidebar{transform:translateX(-100%);transition:transform .22s ease;width:min(290px,86vw)}
  .sidebar.open{transform:translateX(0)}
  .content{width:100%;max-width:100vw;min-width:0;padding:14px}
  .topbar{height:64px;padding:0 12px;gap:8px}
  .topbar-left{gap:8px;min-width:0;flex:1}
  .topbar-title{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:36vw}
  .topbar-actions{gap:6px;flex:0 0 auto}
  .app-language{height:34px;padding:0 5px}
  .topbar .icon-btn{width:34px;height:34px}
  .topbar-bell,.topbar-profile{display:none!important}
  .wallet-live-pill{display:none!important}
  .grid-2,.grid-3,.stat-grid,.wallet-grid,.profile-grid,.payment-layout,.campaign-market,.detail-grid,.info-grid,.market-cards{grid-template-columns:1fr!important}
  .card-header{flex-wrap:wrap;gap:12px;align-items:stretch}
  .card-header>.card-tabs,.card-header>.search-box{width:100%;max-width:none;flex:0 0 100%}
  .card-tabs{overflow-x:auto;white-space:nowrap;padding-bottom:2px}
  .toolbar{align-items:stretch}
  .toolbar .form-control,.toolbar .search-box{width:100%;min-width:0}
  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .modal{padding:10px}
  .modal-card{max-height:92dvh;overflow:auto}
}

@media screen and (max-width:600px){
  body{font-size:13px}
  .container{width:calc(100% - 24px)!important;max-width:none!important}
  .public-header .container{width:calc(100% - 18px)!important}
  .brand-logo{width:160px;height:42px;max-width:40vw}
  .nav-actions .nav-register{font-size:12px;padding:8px 10px}
  .language-control{width:44px;justify-content:center;padding:0 4px}
  .language-control .icon{display:none}
  .page-hero{padding:32px 0}
  .page-hero h1{font-size:clamp(27px,9vw,34px)}
  .section{padding:32px 0}
  .pricing-grid,.blog-grid{max-width:100%}
  .pricing-card{padding:22px}
  .pricing-card h2{font-size:24px}
  .blog-cover{height:170px;font-size:28px}
  .blog-content{padding:18px}
  .blog-content h3{font-size:19px;line-height:1.3}
  .form-control{font-size:16px!important}
  .btn{min-height:42px}
  .filter-card{padding:16px}
  .public-campaign-table tbody{padding:10px!important}
  .public-campaign-table tr{padding:13px!important}
  .public-campaign-table td::before{flex-basis:78px}
  .auth-page{padding:18px 10px}
  .auth-wrap{width:100%!important;border-radius:16px}
  .auth-form{padding:28px 20px}
  .auth-form h1{font-size:25px}
  .role-options{grid-template-columns:1fr!important}
  .topbar-title{max-width:32vw}
  .app-language{width:42px}
  .content{padding:11px}
  .page-head{flex-direction:column;gap:11px}
  .page-head>*{width:100%}
  .page-head .btn,.page-head .date-filter{width:100%}
  .stat-card,.card-body{padding:14px}
  .split{flex-direction:column;align-items:stretch}
}

@media screen and (max-width:390px){
  .brand-logo{width:142px;max-width:39vw}
  .nav-actions{gap:4px}
  .nav-actions .nav-register{padding:8px 8px}
  .theme-toggle,.menu-toggle{width:34px!important;height:34px!important;min-width:34px}
  .language-control{height:34px;width:40px}
  .public-header,.public-header .container{height:62px}
  .public-nav{top:62px!important;max-height:calc(100dvh - 62px)}
}

@media (hover:none) and (pointer:coarse){
  a,button,.btn,.card-tab,.method-tab,.method-chip,.language-control{touch-action:manipulation}
}

/* Mobile-first fallback: these critical layouts are safe even if a mobile browser reports an unusual viewport width. */
.pricing-grid,.blog-grid{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  width:100%!important;
  max-width:520px;
  margin-left:auto;
  margin-right:auto;
  gap:16px!important;
}
.pricing-card,.blog-card{width:100%!important;max-width:100%!important;flex:0 0 auto!important}
.content-grid,.public-marketplace{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  width:100%!important;
  gap:16px!important;
}
.footer-grid{grid-template-columns:1fr!important}
.public-campaign-table{display:block!important;width:100%!important;min-width:0!important}
.public-campaign-table thead{display:none!important}
.public-campaign-table tbody{display:grid!important;width:100%!important;padding:12px!important;gap:12px}
.public-campaign-table tr{display:block!important;width:100%!important;padding:14px!important;border:1px solid var(--border)!important;border-radius:12px;background:var(--surface)}
.public-campaign-table td{display:flex!important;width:100%!important;padding:7px 0!important;border:0!important;white-space:normal!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;text-align:right!important;overflow-wrap:anywhere}
.public-campaign-table td::before{content:attr(data-label);display:block;flex:0 0 86px;text-align:left;font-size:10px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.35px}
.public-campaign-table td:first-child{display:block!important;text-align:left!important;padding-bottom:10px!important}
.public-campaign-table td:first-child::before{display:none!important}

@media screen and (min-width:961px){
  .pricing-grid,.blog-grid{
    display:grid!important;
    flex-direction:initial!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    max-width:none;
    gap:18px!important;
  }
  .content-grid,.public-marketplace{
    display:grid!important;
    flex-direction:initial!important;
    grid-template-columns:260px minmax(0,1fr)!important;
    gap:24px!important;
  }
  .footer-grid{grid-template-columns:1.4fr repeat(3,1fr)!important}
  .public-campaign-table{display:table!important;min-width:720px!important;width:100%!important}
  .public-campaign-table thead{display:table-header-group!important}
  .public-campaign-table tbody{display:table-row-group!important;padding:0!important}
  .public-campaign-table tr{display:table-row!important;padding:0!important;border:0!important;background:transparent!important}
  .public-campaign-table td{display:table-cell!important;width:auto!important;padding:12px!important;border-bottom:1px solid #edf1f6!important;white-space:nowrap!important;text-align:left!important}
  .public-campaign-table td::before{display:none!important}
  .public-campaign-table td:first-child{display:table-cell!important;padding:12px!important}
}

/* AffiliaNetwork v2.3 profile, settings, branding, and dashboard enhancements */
.brand{display:flex;align-items:center;min-width:0}
.brand .brand-logo{display:block!important;width:auto!important;max-width:230px!important;height:54px!important;object-fit:contain!important;object-position:left center!important}
.brand-logo-color,.brand-logo-light{display:none!important}
.sidebar-brand img,.footer-logo img,.auth-side img{object-fit:contain;object-position:left center}

.password-field{position:relative;display:flex;align-items:center}
.password-field .form-control{padding-right:48px}
.password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;background:transparent;color:var(--text-muted);display:grid;place-items:center;border-radius:9px;cursor:pointer}
.password-toggle:hover,.password-toggle.active{color:var(--primary);background:rgba(11,99,243,.08)}

.avatar-image{overflow:hidden;padding:0!important}
.avatar-image img{width:100%;height:100%;display:block;object-fit:cover}
.avatar-table{width:34px!important;height:34px!important;font-size:10px!important;flex:0 0 34px}
.avatar-sm{width:36px!important;height:36px!important;font-size:10px!important}
.topbar-avatar-link{display:inline-flex;border-radius:50%;text-decoration:none;box-shadow:0 0 0 1px var(--border)}
.profile-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start}
.profile-main-stack{display:grid;gap:18px}
.profile-summary{text-align:center;display:flex;flex-direction:column;align-items:center}
.profile-avatar{width:112px;height:112px;border-radius:28px;font-size:30px;margin-bottom:16px;box-shadow:0 12px 28px rgba(14,74,151,.15)}
.profile-summary h2{margin:0 0 5px}.profile-summary p{margin:0;color:var(--text-muted);overflow-wrap:anywhere}.profile-badges{display:flex;gap:7px;justify-content:center;margin-top:14px}.profile-currency{width:100%;margin-top:20px;padding-top:16px;border-top:1px solid var(--border);display:flex;justify-content:space-between}
.dashboard-user-heading{display:flex;align-items:center;gap:13px}.dashboard-avatar{width:54px;height:54px;border-radius:17px;font-size:16px;flex:0 0 54px}.dashboard-user-heading h1{margin-bottom:4px}

.balance-brand-card{position:relative;overflow:hidden;isolation:isolate}
.balance-brand-card>*{position:relative;z-index:2}
.balance-tiktok::before{content:"";position:absolute;right:-16px;bottom:-24px;width:128px;height:128px;background:url('../img/tiktok-mark.svg') center/contain no-repeat;opacity:.13;transform:rotate(-8deg);z-index:1;pointer-events:none}
[data-theme="dark"] .balance-tiktok::before{opacity:.18;filter:brightness(1.35)}

.action-cluster{display:flex;gap:5px;flex-wrap:wrap;min-width:250px}.action-cluster form{margin:0}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-card-wide{grid-column:1/-1}.settings-form .settings-save-bar{position:sticky;bottom:10px;display:flex;justify-content:flex-end;padding:12px 0;z-index:8}.settings-form .settings-save-bar .btn{box-shadow:0 12px 30px rgba(11,99,243,.25)}
.setting-switch{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid var(--border);cursor:pointer}.setting-switch:last-child{border-bottom:0}.setting-switch input{margin-top:3px;width:18px;height:18px;accent-color:var(--primary)}.setting-switch span{display:flex;flex-direction:column;gap:3px}.setting-switch small{color:var(--text-muted);line-height:1.45}.settings-logo-preview{margin-top:12px;padding:14px;border:1px dashed var(--border);border-radius:12px;background:#fff}.settings-logo-preview img{max-width:280px;max-height:75px;object-fit:contain;display:block}
[data-theme="dark"] .settings-logo-preview{background:#f8fafc}
.form-help{font-size:11px;color:var(--text-muted);margin-top:6px}.grid-span-2{grid-column:1/-1}.registration-grid,.profile-form-grid,.modal-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

@media screen and (max-width:900px){
  .profile-layout,.settings-grid{grid-template-columns:1fr}.settings-card-wide{grid-column:auto}.profile-summary-card{max-width:none}
}
@media screen and (max-width:600px){
  .brand .brand-logo{max-width:175px!important;height:44px!important}
  .registration-grid,.profile-form-grid,.modal-form-grid{grid-template-columns:1fr!important}.grid-span-2{grid-column:auto}
  .dashboard-user-heading{align-items:flex-start}.dashboard-avatar{width:48px;height:48px;flex-basis:48px;border-radius:14px}
  .action-cluster{min-width:210px}.settings-form .settings-save-bar{bottom:4px}.settings-form .settings-save-bar .btn{width:100%}
  .profile-avatar{width:96px;height:96px}
}
.settings-subcard{padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}
.settings-subcard h3{margin:0 0 14px}.pricing-settings-grid{align-items:stretch}
@media screen and (max-width:900px){.pricing-settings-grid{grid-template-columns:1fr!important}}

/* AffiliaNetwork CMS v2.4 — permanent dark UI, mobile containment, VIP/KYC workflow */
html{color-scheme:dark;background:#07111f}
html,body{width:100%;max-width:100%;min-width:0;overflow-x:hidden!important}
body,.public-body,.app-shell,.app-main,.content{background:#07111f!important;color:#eaf2ff}
.app-main,.content,.content>*{min-width:0;max-width:100%}
.public-header,.topbar,.sidebar,.card,.white-card,.filter-card,.market-card,.wallet-card,.stat-card,.profile-panel,.modal-card,.pricing-card,.blog-card,.campaign-card,.feature-card,.testimonial,.faq-item,.auth-wrap,.payment-note{background:#0d1b2e!important;color:#eaf2ff!important;border-color:#243a55!important;box-shadow:0 14px 34px rgba(0,0,0,.24)}
.public-header,.topbar{background:#0a1728!important}.sidebar{background:linear-gradient(180deg,#07162a,#092649)!important}
.card-header,.table th,.info-box,.kpi-row,.settings-subcard{background:#11233a!important;border-color:#243a55!important;color:#eaf2ff!important}
.card,.white-card,.filter-card,.market-card,.wallet-card,.stat-card,.profile-panel,.settings-card,.payment-method-admin-card,.record-row,.faq-item{width:100%;max-width:100%;min-width:0;overflow:hidden}
.card-body,.card-header,.page-head,.toolbar,.marketplace-content,.campaign-market,.grid-2,.grid-3,.stat-grid,.wallet-grid,.profile-grid,.settings-grid{min-width:0;max-width:100%}
.muted,.page-head p,.form-label,.stat-label,.kpi-row span,.record-row span,.record-row small,.product-card-meta span,.verify-box p{color:#9fb0c8!important}
h1,h2,h3,h4,strong,b,.stat-value,.amount,.topbar-title,.side-link.active,.footer-title{color:#f2f7ff}
.form-control,input,select,textarea,.topbar-search input,.date-filter{background:#0b1b2f!important;color:#eef5ff!important;border-color:#29425f!important}
.form-control::placeholder,input::placeholder,textarea::placeholder{color:#7890ad!important;opacity:1}
.form-control:focus,input:focus,select:focus,textarea:focus{border-color:#438ff0!important;box-shadow:0 0 0 3px rgba(44,126,235,.18)!important}
.btn-outline{background:#0b1b2f!important;color:#7ebcff!important;border-color:#3d79b9!important}.btn-outline:hover{background:#123050!important}
.icon-btn{background:#0d1b2e!important;color:#dceaff!important;border-color:#29425f!important}
.table-wrap{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.table{max-width:none}.table td{border-color:#20364f!important;color:#dce8f7}
.table th{color:#aebfd3!important}
.empty-state{color:#93a6bf!important;max-width:100%;overflow-wrap:anywhere}

/* User dashboard: readable dark cards */
.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.stat-card{position:relative;padding:19px!important;background:linear-gradient(145deg,#10243d,#0b1b2f)!important;border:1px solid #294563!important}
.stat-card .stat-value,.stat-card .stat-value *{color:#f4f8ff!important;text-shadow:none!important;opacity:1!important;font-weight:850}
.stat-card .stat-label{color:#a9bbd0!important;font-weight:750}.stat-card .stat-change{color:#65d49a!important;font-weight:700}.stat-card .stat-icon{background:#142f50!important;color:#7cbcff!important}
.balance-tiktok::before{opacity:.11!important;filter:brightness(1.35) saturate(.9)}
.dashboard-user-heading{display:flex;align-items:center;gap:14px;min-width:0}.dashboard-welcome-copy{min-width:0}.dashboard-welcome-title,.page-title-line,.user-name-line{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.dashboard-welcome-title h1{margin:0}.dashboard-welcome-copy p{margin-top:5px}
.dashboard-avatar{flex:0 0 auto}.dashboard-grid{align-items:stretch}.chart{max-width:100%;overflow:hidden}.chart svg{display:block;width:100%;height:auto}
.kpi-row>div{min-width:0}.kpi-row strong,.kpi-row span{display:block;overflow-wrap:anywhere}

/* VIP badge */
.vip-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:linear-gradient(135deg,#f6c84d,#d59012);color:#1d1604!important;border:1px solid rgba(255,224,115,.65);font-size:10px;font-weight:900;letter-spacing:.35px;line-height:1;white-space:nowrap;box-shadow:0 5px 16px rgba(217,151,25,.2)}
.vip-badge .icon{color:#1d1604}.vip-badge-topbar{padding:5px 8px}.sidebar-user-copy{min-width:0;flex:1}.sidebar-user-copy .user-name-line{flex-wrap:nowrap}.sidebar-user-copy strong{min-width:0;max-width:95px!important}

/* Product marketplace cards replace wide mobile table */
.marketplace-mobile-safe{grid-template-columns:minmax(220px,280px) minmax(0,1fr)!important}.marketplace-content{width:100%;min-width:0}.marketplace-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(150px,220px)!important;gap:12px!important}.marketplace-toolbar>*{width:100%!important;min-width:0!important}.marketplace-card-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.product-market-card{display:flex;flex-direction:column;gap:13px;padding:18px!important}.product-market-card h3{margin:0;overflow-wrap:anywhere}.product-card-copy{min-width:0}.product-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-card-meta>div{min-width:0;background:#11233a;border:1px solid #263f5c;border-radius:10px;padding:10px}.product-card-meta strong{display:block;margin-top:4px;overflow-wrap:anywhere;color:#eaf2ff}.product-market-card .btn{margin-top:auto;max-width:100%}

/* Responsive records avoid wide data tables */
.responsive-records{display:grid;gap:10px}.record-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #263f5c;border-radius:12px;padding:14px;background:#10233b}.record-row>div{display:flex;flex-direction:column;gap:4px;min-width:0}.record-row>div:last-child{align-items:flex-end;flex:0 0 auto}.record-row strong,.record-row span,.record-row small{overflow-wrap:anywhere;word-break:break-word}.record-row form{margin:0}

/* Deposit method CRUD */
.payment-method-list{display:grid;gap:12px}.payment-method-admin-card{border:1px solid #29425f;border-radius:14px;padding:16px;background:#10233b}.payment-method-admin-head,.payment-method-admin-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.payment-method-admin-head>div{min-width:0}.payment-method-admin-head span{display:block;margin-top:4px;color:#9fb0c8;font-size:11px}.payment-method-admin-details{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px 12px;margin:15px 0;padding:12px;border-radius:10px;background:#0b1b2f;border:1px solid #203a57}.payment-method-admin-details span{color:#8ea3bd}.payment-method-admin-details strong{overflow-wrap:anywhere}.payment-method-admin-actions{justify-content:flex-end}.payment-method-admin-actions form{margin:0}

/* Requirements popup */
.requirement-modal{max-width:520px}.requirement-icon{width:64px;height:64px;border-radius:18px;margin:0 auto 16px;display:grid;place-items:center;background:#142f50;color:#f6c84d}.requirement-modal p{text-align:center;line-height:1.65}.requirement-progress{display:flex;justify-content:space-between;gap:14px;padding:13px 14px;border-radius:11px;background:#11233a;border:1px solid #29425f;margin:15px 0}.requirement-progress span{color:#9fb0c8}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}

/* Settings and switches */
.setting-switch{background:#10233b!important;border-color:#29425f!important}.setting-switch small{color:#9fb0c8!important}.settings-logo-preview{background:#10233b!important;border-color:#29425f!important}

/* Public site permanent dark coverage */
.public-body,.section-soft,.auth-page{background:#07111f!important}.public-nav{background:#0a1728!important}.public-nav a{color:#c7d6e8!important}.public-nav a.active,.public-nav a:hover{color:#6db6ff!important}.public-footer{background:#030d1a!important}.footer-links a,.footer-links span,.footer-description,.footer-bottom{color:#a8b9ce!important}.page-hero{background:linear-gradient(130deg,#06152b,#0b376f)!important}.pricing-card,.blog-card,.campaign-card,.feature-card,.testimonial,.faq-item{background:#0d1b2e!important}.blog-content p,.testimonial p,.feature-card p,.faq-a{color:#9fb0c8!important}

@media(max-width:1100px){.marketplace-card-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){
  .campaign-market,.marketplace-mobile-safe{display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;gap:14px!important}
  .marketplace-card-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .content{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}
  .card,.filter-card,.market-card,.wallet-card,.stat-card,.profile-panel{max-width:100%!important}
}
@media(max-width:700px){
  .content{padding:12px!important}.page-head{display:flex!important;flex-direction:column!important;align-items:stretch!important}.page-head>*{width:100%;min-width:0}.page-head .date-filter,.page-head .btn{width:100%!important}
  .topbar{padding:0 10px!important}.topbar-search,.wallet-live-pill{display:none!important}.topbar-left,.topbar-actions{min-width:0}.topbar-title{max-width:42vw}.vip-badge-topbar span{display:none}.vip-badge-topbar{width:34px;height:34px;padding:0;justify-content:center}
  .stat-grid,.grid-2,.grid-3,.wallet-grid,.profile-grid,.settings-grid{grid-template-columns:1fr!important}
  .marketplace-toolbar{grid-template-columns:1fr!important}.marketplace-card-list{grid-template-columns:1fr!important}
  .product-card-meta{grid-template-columns:1fr 1fr}.marketplace-content,.product-market-card{width:100%;max-width:100%;min-width:0}
  .record-row{align-items:flex-start;flex-direction:column}.record-row>div:last-child{align-items:flex-start;width:100%;flex-direction:row;justify-content:space-between;flex-wrap:wrap}
  .payment-method-admin-head,.payment-method-admin-actions{align-items:flex-start;flex-wrap:wrap}.payment-method-admin-actions{justify-content:stretch}.payment-method-admin-actions .btn,.payment-method-admin-actions form{flex:1}.payment-method-admin-actions form .btn{width:100%}.payment-method-admin-details{grid-template-columns:1fr}.payment-method-admin-details span{margin-top:4px}
  .modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}.requirement-progress{flex-direction:column;align-items:center;text-align:center}
  .table-wrap{border-radius:0}.table{min-width:650px!important}
  .dashboard-user-heading{align-items:flex-start}.dashboard-avatar{width:54px!important;height:54px!important}.dashboard-welcome-title h1{font-size:20px!important;line-height:1.25}.dashboard-welcome-copy p{font-size:12px;line-height:1.5}
  .stat-card{min-height:126px}.stat-card .stat-value{font-size:24px!important}.card-header{padding:14px!important}.card-body{padding:14px!important}
}
@media(max-width:420px){
  .content{padding-left:10px!important;padding-right:10px!important}.product-card-meta{grid-template-columns:1fr}.topbar-title{max-width:38vw}.public-header .container,.container{width:calc(100% - 20px)!important}.brand img{max-width:48vw!important}.nav-actions .btn{padding-left:10px!important;padding-right:10px!important}
  .stat-card,.card,.filter-card,.market-card,.wallet-card,.profile-panel{border-radius:12px!important}.page-head h1{font-size:21px!important}
}
.profile-name-line{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.profile-name-line h2{margin:0}.profile-badges{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}

/* AffiliaNetwork v2.5 — professional deposit experience */
.deposit-pro-page,.deposit-admin-page{--dep-bg:#071425;--dep-panel:#0c2037;--dep-panel-2:#102946;--dep-line:#244466;--dep-text:#f3f7ff;--dep-muted:#9fb1c9;--dep-blue:#126cff;--dep-blue-2:#0757df;min-width:0;color:var(--dep-text)}
.deposit-pro-page *,.deposit-admin-page *{box-sizing:border-box;min-width:0}
.deposit-pro-page{max-width:980px;margin:0 auto}
.deposit-pro-heading{display:flex;align-items:center;justify-content:center;gap:14px;text-align:center;margin:2px 0 22px}.deposit-pro-heading h1{margin:0;font-size:30px;letter-spacing:-.4px}.deposit-pro-heading p{margin:6px 0 0;color:var(--dep-muted);font-size:14px}.deposit-pro-heading-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#0a4dbb,#0b2b58);color:#fff;box-shadow:0 0 28px rgba(18,108,255,.2)}
.deposit-category-tabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--dep-line);background:#0a1b30;border-radius:14px;padding:4px;margin-bottom:16px;overflow:hidden}.deposit-category-tab{min-height:52px;border:0;border-right:1px solid rgba(68,102,139,.3);background:transparent;color:#b9c8da;font-weight:700;font-size:13px;cursor:pointer;border-radius:10px}.deposit-category-tab:last-child{border-right:0}.deposit-category-tab.active{background:linear-gradient(180deg,#1673ff,#075ce5);color:#fff;box-shadow:0 8px 24px rgba(18,108,255,.32),inset 0 0 0 1px #3a8bff}.deposit-category-tab:disabled{opacity:.38;cursor:not-allowed}
.deposit-pro-panel{width:100%;max-width:100%;overflow:hidden;background:linear-gradient(180deg,#0d233b,#0a1c31);border:1px solid var(--dep-line);border-radius:17px;box-shadow:0 16px 38px rgba(0,0,0,.22);padding:24px;margin-bottom:18px;color:var(--dep-text)}
.deposit-section-title{display:flex;align-items:center;gap:13px;margin-bottom:18px}.deposit-section-title.compact{margin-bottom:13px}.deposit-section-title h2{font-size:19px;margin:0;color:#fff}.deposit-section-title p{margin:4px 0 0;color:var(--dep-muted);font-size:12px}.deposit-section-icon{width:43px;height:43px;flex:0 0 43px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,#1673ff,#082d68 70%);color:#eaf3ff;box-shadow:0 0 24px rgba(18,108,255,.28)}
.deposit-method-pills{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:15px}.deposit-method-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #294c72;border-radius:10px;background:#0d2948;color:#cfdded;padding:9px 12px;font-size:11px;font-weight:800;cursor:pointer}.deposit-method-pill img,.deposit-method-pill>span{width:26px;height:26px;border-radius:7px;object-fit:contain;background:#fff;display:grid;place-items:center;color:#0b63ef}.deposit-method-pill.active{border-color:#1475ff;background:#113a68;color:#fff;box-shadow:0 7px 20px rgba(18,108,255,.16)}
.deposit-bank-card{border:1px solid #2a4c70;background:linear-gradient(145deg,#102b49,#0b2038);border-radius:14px;padding:19px}.deposit-bank-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;border-bottom:1px solid rgba(99,132,169,.26)}.deposit-bank-identity{display:flex;align-items:center;gap:13px}.deposit-bank-logo{width:60px;height:48px;border-radius:9px;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 5px 14px rgba(0,0,0,.18)}.deposit-bank-logo img{width:100%;height:100%;object-fit:contain;padding:6px}.deposit-bank-logo strong{color:#0b63ef;font-size:20px}.deposit-bank-identity h3{margin:0;font-size:20px;color:#fff}.deposit-bank-identity p{margin:4px 0 0;color:var(--dep-muted);font-size:11px}.deposit-currency-badge{padding:7px 10px;border:1px solid #2b4b6e;border-radius:8px;color:#f1f6ff;font-weight:800;font-size:12px;background:#0a1b2e}
.deposit-detail-list{margin:0}.deposit-detail-list>div{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(0,1fr);align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid rgba(91,124,160,.22)}.deposit-detail-list>div:last-child{border-bottom:0}.deposit-detail-list dt{color:#aabbd0}.deposit-detail-list dd{margin:0;text-align:right;color:#fff;font-weight:700;display:flex;justify-content:flex-end;align-items:center;gap:12px;overflow-wrap:anywhere}.deposit-copy-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #2580ff;background:linear-gradient(180deg,#126cff,#0757df);color:#fff;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:11px;white-space:nowrap}
.deposit-qr-card{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:34px;border:1px solid #294b70;border-radius:14px;padding:16px 24px;margin-top:12px;background:#0c223b}.deposit-qr-card img{display:block;width:180px;height:180px;object-fit:contain;background:#fff;border-radius:8px;padding:7px;box-shadow:0 0 22px rgba(18,108,255,.28)}.deposit-qr-card h3{margin:0 0 8px;font-size:17px}.deposit-qr-card p{margin:0;max-width:360px;color:var(--dep-muted);line-height:1.65}
.deposit-rules-card{border:1px solid #294b70;border-radius:14px;padding:20px;margin-top:14px;background:#0c2138}.deposit-rules-card ul{list-style:none;margin:0;padding:0 0 0 56px;display:grid;gap:10px}.deposit-rules-card li{display:flex;align-items:flex-start;gap:9px;color:#b8c7da;line-height:1.45}.deposit-rules-card li svg{color:#2080ff;flex:0 0 auto;margin-top:2px}.deposit-method-note{margin:18px 0 0 56px;padding:13px 15px;border-radius:10px;background:#09192b;border:1px solid #203f62}.deposit-method-note strong{font-size:11px;color:#fff}.deposit-method-note p{margin:6px 0 0;color:#9fb1c9;line-height:1.6}
.deposit-confirm-panel{padding-bottom:18px}.deposit-confirm-form{margin:0}.deposit-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.deposit-pro-page .form-label{color:#b7c7da}.deposit-pro-page .form-control{background:#0b1f36;border-color:#2b4a6d;color:#f4f8ff;min-height:48px}.deposit-pro-page .form-control::placeholder{color:#60758f}.deposit-upload-zone{min-height:115px;border:1px dashed #4d7099;border-radius:13px;background:#0a1d33;display:flex;align-items:center;justify-content:center;gap:13px;padding:18px;text-align:left;cursor:pointer}.deposit-upload-zone input{position:absolute;width:1px;height:1px;opacity:0}.deposit-upload-zone strong{display:block;color:#b9c9dc}.deposit-upload-zone small{display:block;color:#7890ac;margin-top:4px}.deposit-upload-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#2382ff;background:#0d2b50}.deposit-submit-btn{min-height:54px;font-size:15px;display:flex;justify-content:center;align-items:center;gap:9px;background:linear-gradient(90deg,#0757df,#1673ff)!important;border-color:#2b87ff!important;box-shadow:0 10px 26px rgba(18,108,255,.25)}.deposit-security-note{text-align:center;color:#879bb5;font-size:10px;display:flex;justify-content:center;align-items:center;gap:7px;margin:11px 0 0}.deposit-security-note svg{color:#1879ff}.deposit-history-panel{padding:0}.deposit-history-panel>.deposit-section-title{padding:18px 22px;margin:0;border-bottom:1px solid #263f5d}.deposit-history-panel .table{color:#dce7f5}.deposit-history-panel .table th{background:#0d2845;color:#8da3bd;border-color:#28445f}.deposit-history-panel .table td{border-color:#203850}

/* Admin deposit workspace */
.deposit-admin-head{align-items:center}.deposit-admin-flow{display:flex;align-items:center;gap:14px;background:#0b1d32;border:1px solid #263f5d;border-radius:15px;padding:18px 28px;margin-bottom:16px}.deposit-admin-flow>div{display:flex;align-items:center;gap:10px;min-width:150px}.deposit-admin-flow b,.deposit-admin-rule-grid b{width:35px;height:35px;flex:0 0 35px;border-radius:50%;display:grid;place-items:center;background:#102945;color:#dbe8f8}.deposit-admin-flow .active b{background:linear-gradient(180deg,#1673ff,#0757df);color:#fff;box-shadow:0 0 20px rgba(18,108,255,.34)}.deposit-admin-flow span{display:grid;gap:2px}.deposit-admin-flow strong{font-size:11px;color:#fff}.deposit-admin-flow small{color:#8195af;font-size:9px}.deposit-admin-flow i{height:1px;flex:1;min-width:20px;background:#28435f}
.deposit-admin-workspace{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(540px,1.35fr) minmax(330px,.8fr);gap:14px;align-items:start}.deposit-admin-page .card{background:#0c1f35!important;border-color:#263f5d!important}.deposit-admin-page .card-header{border-color:#263f5d!important}.deposit-admin-page .card-header p{margin:3px 0 0;color:#8297b1;font-size:10px}.deposit-method-admin-list{display:grid;gap:8px}.deposit-admin-method-row{display:grid;grid-template-columns:42px minmax(120px,1fr) auto auto auto;align-items:center;gap:10px;padding:10px;border:1px solid #223d5a;border-radius:10px;background:#0a1b2f}.deposit-admin-method-logo{width:42px;height:42px;border-radius:8px;background:#fff;display:grid;place-items:center;overflow:hidden;color:#0c63ef}.deposit-admin-method-logo img{width:100%;height:100%;object-fit:contain;padding:4px}.deposit-admin-method-main strong{display:block;font-size:11px;color:#fff}.deposit-admin-method-main span{display:block;color:#8196b0;font-size:9px;margin-top:3px}.deposit-admin-currency{font-size:9px;border:1px solid #284763;border-radius:6px;padding:5px 6px;color:#d3e0ef}.deposit-admin-row-actions{display:flex;gap:5px}.deposit-admin-row-actions form{margin:0}.deposit-admin-row-actions .btn{padding:7px 8px;font-size:9px}.deposit-admin-requests{grid-column:1/3}.deposit-request-table tr.selected td{background:#0b315a}.deposit-request-table .icon-btn{width:30px;height:30px}.deposit-admin-review{grid-column:3;grid-row:1/3;position:sticky;top:88px}.deposit-review-list{margin:0}.deposit-review-list>div{display:grid;grid-template-columns:125px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid #223b57}.deposit-review-list dt{color:#8297b1;font-size:10px}.deposit-review-list dd{margin:0;color:#e9f1fc;font-size:11px;overflow-wrap:anywhere}.deposit-review-list dd strong,.deposit-review-list dd span{display:block}.deposit-review-list dd span{color:#91a4bd;margin-top:3px}.deposit-review-amount{color:#2190ff!important;font-size:17px!important;font-weight:850}.deposit-proof-block{margin:15px 0}.deposit-proof-block>label{display:block;color:#9fb1c9;font-size:10px;margin-bottom:8px}.deposit-proof-preview{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;border:1px solid #28455f;border-radius:11px;padding:10px;background:#09192b;color:#9fc8ff}.deposit-proof-preview img{width:100%;height:145px;object-fit:contain;background:#fff;border-radius:7px}.deposit-proof-preview span{display:flex;align-items:center;gap:5px;font-size:9px}.deposit-review-actions .form-control{background:#091a2e;border-color:#294966;color:#fff}.deposit-review-secondary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.deposit-review-secondary .btn{width:100%}.deposit-final-status{padding:14px;text-align:center;border:1px solid #284762;border-radius:10px;color:#9cb0c8}.deposit-admin-rules{margin-top:14px}.deposit-admin-rule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.deposit-admin-rule-grid>div{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #213b57;border-radius:10px;background:#091a2e}.deposit-admin-rule-grid span{display:grid;gap:4px}.deposit-admin-rule-grid strong{font-size:10px;color:#fff}.deposit-admin-rule-grid small{font-size:9px;line-height:1.45;color:#8196b0}
.method-modal-card{width:min(900px,96vw);max-height:92vh;overflow:auto;background:#0b1e33!important;color:#edf5ff!important}.method-modal-card .modal-head{border-color:#28435f}.method-modal-card .modal-head p{margin:3px 0 0;color:#8196b0;font-size:10px}.method-modal-card .close-modal{color:#d8e4f3}.method-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.admin-method-form .form-label{color:#aebfd3}.admin-method-form .form-control{background:#081a2e;border-color:#294864;color:#fff}.method-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-upload-zone{min-height:100px;border:1px dashed #4b6d94;border-radius:11px;background:#081a2e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:#a9bed7}.admin-upload-zone input{position:absolute;opacity:0;width:1px;height:1px}.admin-upload-zone strong{color:#dce9f8}.admin-upload-zone small{font-size:9px;color:#758ca7}.method-upload-preview{display:block;width:70px;height:55px;object-fit:contain;background:#fff;border-radius:8px;margin-top:8px;padding:4px}.method-upload-preview.qr{width:90px;height:90px}.method-status-row{padding:13px;border:1px solid #25425f;border-radius:11px;background:#081a2e}.switch-row{display:flex;align-items:center;gap:12px;cursor:pointer}.switch-row>input{position:absolute;opacity:0}.switch-control{width:39px;height:22px;border-radius:99px;background:#34475d;position:relative;transition:.2s}.switch-control:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.switch-row input:checked+.switch-control{background:#126cff}.switch-row input:checked+.switch-control:after{transform:translateX(17px)}.switch-row strong,.switch-row small{display:block}.switch-row strong{color:#fff;font-size:11px}.switch-row small{color:#8298b2;font-size:9px;margin-top:2px}.method-form-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:16px;margin-top:16px;border-top:1px solid #243f5b}

@media(max-width:1350px){.deposit-admin-workspace{grid-template-columns:minmax(310px,.85fr) minmax(470px,1.15fr)}.deposit-admin-review{grid-column:1/-1;grid-row:auto;position:static}.deposit-admin-requests{grid-column:auto}.deposit-admin-rule-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.deposit-pro-page{max-width:100%}.deposit-admin-flow{overflow-x:auto;justify-content:flex-start}.deposit-admin-flow>div{flex:0 0 165px}.deposit-admin-workspace{grid-template-columns:1fr}.deposit-admin-requests,.deposit-admin-review{grid-column:1}.deposit-form-grid,.method-form-grid,.method-upload-grid{grid-template-columns:1fr}.deposit-qr-card{grid-template-columns:150px 1fr}.deposit-qr-card img{width:145px;height:145px}}
@media(max-width:620px){.deposit-pro-page{width:100%;overflow:hidden}.deposit-pro-heading{justify-content:flex-start;text-align:left}.deposit-pro-heading h1{font-size:24px}.deposit-pro-heading-icon{display:none}.deposit-category-tabs{display:flex;overflow-x:auto;scrollbar-width:none;padding:3px}.deposit-category-tab{flex:0 0 150px;min-height:46px}.deposit-pro-panel{padding:16px;border-radius:14px}.deposit-section-title h2{font-size:17px}.deposit-bank-head{align-items:flex-start}.deposit-bank-logo{width:51px;height:43px}.deposit-bank-identity h3{font-size:17px}.deposit-detail-list>div{grid-template-columns:1fr;gap:6px}.deposit-detail-list dd{text-align:left;justify-content:space-between}.deposit-qr-card{grid-template-columns:1fr;text-align:center;gap:14px;padding:16px}.deposit-qr-card img{width:min(190px,70vw);height:min(190px,70vw);margin:auto}.deposit-qr-card p{margin:auto}.deposit-rules-card ul{padding-left:0}.deposit-method-note{margin-left:0}.deposit-upload-zone{flex-direction:column;text-align:center}.deposit-history-panel .table-wrap{overflow-x:auto}.deposit-admin-flow{padding:13px}.deposit-admin-method-row{grid-template-columns:40px minmax(0,1fr) auto}.deposit-admin-currency{display:none}.deposit-admin-method-row>.badge{grid-column:2}.deposit-admin-row-actions{grid-column:2/4;width:100%}.deposit-admin-row-actions .btn,.deposit-admin-row-actions form{flex:1}.deposit-admin-row-actions form .btn{width:100%}.deposit-admin-rule-grid{grid-template-columns:1fr}.deposit-review-list>div{grid-template-columns:1fr;gap:5px}.deposit-review-secondary{grid-template-columns:1fr}.method-form-actions{position:sticky;bottom:0;background:#0b1e33;padding:12px 0;margin-bottom:-18px}.deposit-pro-page .table{min-width:610px}}
.deposit-proof-file{height:145px;border-radius:7px;background:#0d2a48;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#9fc8ff}.deposit-proof-file strong{font-size:11px}

/* AffiliaNetwork v2.5.1 — separate admin deposit methods by category. */
.deposit-methods-card-head{gap:14px}.deposit-method-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.deposit-method-category-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:12px 14px;border-bottom:1px solid #263f5d;background:#0a1a2d}.deposit-method-category-tab{appearance:none;border:1px solid #294765;background:#0b1e33;color:#9eb1c9;border-radius:9px;min-height:43px;padding:8px 9px;display:flex;align-items:center;justify-content:space-between;gap:7px;font:inherit;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.deposit-method-category-tab span{font-size:9px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deposit-method-category-tab b{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#132d49;color:#aac5e6;font-size:9px;display:grid;place-items:center}.deposit-method-category-tab:hover{border-color:#176ff2;color:#fff}.deposit-method-category-tab.active{border-color:#1475ff;background:linear-gradient(135deg,#0c4eca,#0a79ff);color:#fff;box-shadow:0 7px 20px rgba(16,102,246,.22)}.deposit-method-category-tab.active b{background:rgba(255,255,255,.18);color:#fff}.deposit-admin-method-row[hidden]{display:none!important}.deposit-method-filter-empty{grid-column:1/-1}.deposit-admin-method-row{position:relative}.deposit-admin-method-row:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;border-radius:99px;background:#1a78ff;opacity:.65}
@media(max-width:1180px){.deposit-method-category-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.deposit-methods-card-head{align-items:flex-start}.deposit-method-header-actions{width:100%;justify-content:space-between}.deposit-method-category-tabs{display:flex;overflow-x:auto;scrollbar-width:none;padding:10px 12px}.deposit-method-category-tabs::-webkit-scrollbar{display:none}.deposit-method-category-tab{flex:0 0 145px}.deposit-method-category-tab span{font-size:10px}.deposit-admin-method-row:before{top:8px;bottom:8px}}


/* AffiliaNetwork v2.5.2 — balanced Deposit Management layout and normalized logos */
.deposit-admin-primary-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,.72fr);gap:16px;align-items:start;min-width:0}
.deposit-admin-primary-grid>*{min-width:0}
.deposit-admin-methods{width:100%}
.deposit-admin-review{position:sticky;top:88px;width:100%;min-width:0}
.deposit-admin-requests{width:100%;margin-top:16px}
.deposit-methods-card-head{align-items:flex-start;gap:14px}
.deposit-method-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.deposit-method-header-actions form{margin:0}
.deposit-method-category-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px 14px;border-bottom:1px solid #263f5d;background:#091a2e}
.deposit-method-category-tab{min-width:0;min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border:1px solid #284762;border-radius:9px;background:#0a1c31;color:#9fb3cc;cursor:pointer;font-weight:750}
.deposit-method-category-tab span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.deposit-method-category-tab b{flex:0 0 auto;min-width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:#173656;color:#cfe2f8;font-size:10px}
.deposit-method-category-tab.active{border-color:#1878ff;background:#1264e8;color:#fff;box-shadow:0 8px 22px rgba(18,108,255,.22)}
.deposit-method-category-tab.active b{background:rgba(255,255,255,.18);color:#fff}
.deposit-method-admin-list{display:grid;gap:10px;padding:14px}
.deposit-admin-method-row{display:grid;grid-template-columns:56px minmax(180px,1fr) 76px 88px minmax(164px,auto);align-items:center;gap:12px;padding:12px 13px;border:1px solid #27435f;border-radius:12px;background:#091b30}
.deposit-admin-method-logo{width:56px;height:56px;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden;color:#0c63ef;box-shadow:inset 0 0 0 1px rgba(8,25,45,.08)}
.deposit-admin-method-logo img{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:7px!important;background:#fff}
.deposit-admin-method-main strong{font-size:13px}.deposit-admin-method-main span{font-size:10px}
.deposit-admin-currency{justify-self:start}
.deposit-admin-row-actions{justify-self:end;display:flex;gap:7px;align-items:center}.deposit-admin-row-actions form{margin:0}
.deposit-method-empty{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 18px;border:1px dashed #315473;border-radius:14px;background:#091a2e}
.deposit-method-empty-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#102f55;color:#58a8ff;margin-bottom:13px}
.deposit-method-empty h3{margin:0 0 7px;color:#fff}.deposit-method-empty p{max-width:520px;margin:0 0 17px;color:#8da2bc;line-height:1.6}
.method-upload-preview{display:block;width:88px!important;height:64px!important;max-width:88px!important;max-height:64px!important;object-fit:contain!important;object-position:center!important;background:#fff!important;border-radius:9px;margin-top:9px;padding:7px!important}
.method-upload-preview.qr{width:108px!important;height:108px!important;max-width:108px!important;max-height:108px!important;padding:5px!important}
.deposit-method-pill img{width:30px!important;height:30px!important;object-fit:contain!important;object-position:center!important;padding:4px!important;background:#fff!important}
.deposit-bank-logo{width:64px!important;height:52px!important;min-width:64px!important}
.deposit-bank-logo img{display:block;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:7px!important;background:#fff!important}
.deposit-admin-review .card-body{max-height:calc(100dvh - 190px);overflow:auto;scrollbar-width:thin}
.deposit-request-table{width:100%;min-width:760px}
@media(max-width:1250px){.deposit-admin-primary-grid{grid-template-columns:1fr}.deposit-admin-review{position:static}.deposit-admin-review .card-body{max-height:none;overflow:visible}.deposit-method-category-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.deposit-methods-card-head{flex-direction:column}.deposit-method-header-actions{width:100%;justify-content:flex-start}.deposit-method-category-tabs{display:flex;overflow-x:auto;scrollbar-width:none}.deposit-method-category-tab{flex:0 0 150px}.deposit-admin-method-row{grid-template-columns:54px minmax(0,1fr) auto}.deposit-admin-currency{grid-column:2}.deposit-admin-method-row>.badge{grid-column:3;grid-row:1}.deposit-admin-row-actions{grid-column:2/4;justify-self:stretch}.deposit-admin-row-actions .btn,.deposit-admin-row-actions form{flex:1}.deposit-admin-row-actions form .btn{width:100%}}
@media(max-width:520px){.deposit-admin-primary-grid{gap:12px}.deposit-method-header-actions{display:grid;grid-template-columns:1fr 1fr}.deposit-method-header-actions .badge{grid-column:1/-1;justify-self:start}.deposit-method-header-actions form,.deposit-method-header-actions button{width:100%}.deposit-admin-method-row{grid-template-columns:48px minmax(0,1fr)}.deposit-admin-method-logo{width:48px;height:48px}.deposit-admin-method-row>.badge,.deposit-admin-currency{grid-column:2}.deposit-admin-row-actions{grid-column:1/-1}.deposit-admin-row-actions .btn{min-height:40px}.deposit-method-empty{min-height:220px}}

/* AffiliaNetwork v2.5.3 — reliable deposit category switching and persistent mobile top bar. */
.deposit-method-pill[hidden],
.deposit-method-detail[hidden]{display:none!important}
.deposit-category-tab:not(:disabled){touch-action:manipulation}
.deposit-method-pill{touch-action:manipulation}

@media(max-width:820px){
  .topbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:90!important;
    background:rgba(7,20,36,.96)!important;
    border-bottom:1px solid #25405d!important;
    box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }
  .app-main{padding-top:64px!important}
  .deposit-category-tabs{scroll-snap-type:x proximity}
  .deposit-category-tab{scroll-snap-align:start}
}

/* AffiliaNetwork v2.5.4 — category-specific deposit destinations */
.method-form-section,.method-category-panel{border:1px solid #244361;background:linear-gradient(180deg,#0d243e,#0a1d33);border-radius:14px;padding:16px;margin-bottom:16px}
.method-category-panel[hidden],.method-category-panel [hidden]{display:none!important}
.method-form-section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.method-form-section-head h4{margin:0 0 4px;color:#f4f8ff;font-size:15px}.method-form-section-head p{margin:0;color:#91a7c1;font-size:11px;line-height:1.55}
.method-grid-span-2{grid-column:1/-1}.monospace{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;letter-spacing:.1px}
.category-aware-method-form .method-form-grid{align-items:start}.category-aware-method-form textarea.form-control{min-height:92px;resize:vertical}
.deposit-method-detail{display:block;width:100%;margin-top:18px}.deposit-method-detail[hidden]{display:none!important}.deposit-method-detail.active{animation:depositDetailIn .18s ease both}@keyframes depositDetailIn{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}
.deposit-destination-card{margin-top:0}.deposit-detail-list dd{min-width:0}.deposit-detail-list dd>span{min-width:0;overflow-wrap:anywhere;word-break:break-word}.deposit-detail-list dd br{display:block}
.deposit-method-pills+.deposit-method-detail{margin-top:18px}
.deposit-rules-card{margin-top:14px}
@media(max-width:760px){.method-form-section,.method-category-panel{padding:14px}.method-grid-span-2{grid-column:auto}.deposit-detail-list dd{align-items:flex-start}.deposit-copy-btn{flex:0 0 auto}.deposit-bank-head{flex-wrap:wrap}.deposit-currency-badge{margin-left:auto}}
@media(max-width:460px){.deposit-detail-list dd{flex-direction:column;justify-content:flex-start}.deposit-copy-btn{align-self:flex-start}.deposit-bank-identity{min-width:0}.deposit-bank-identity>div:last-child{min-width:0}.deposit-bank-identity h3{overflow-wrap:anywhere}.deposit-bank-logo{flex:0 0 51px}}

/* AffiliaNetwork v2.5.5 — always-visible deposit destination renderer. */
.deposit-destination-host{display:block;width:100%;margin-top:18px;min-width:0}
.deposit-destination-host:empty{display:none}
.deposit-destination-host .deposit-destination-card{display:block!important;width:100%;margin:0}
.deposit-destination-warning{display:flex;flex-direction:column;gap:5px;margin:15px 0 0;padding:13px 15px;border:1px solid #7b5a1e;border-radius:10px;background:#3c2c0f;color:#ffd778}
.deposit-destination-warning strong{color:#ffe29a}.deposit-destination-warning span{font-size:12px;line-height:1.5;color:#e8c979}
@media(max-width:620px){.deposit-destination-host{margin-top:14px}.deposit-destination-warning{padding:12px}}

/* v2.5.6 — profile withdrawal destinations */
.withdrawal-destinations-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.withdrawal-destinations-head p,.withdrawal-request-head p{margin:4px 0 0;color:var(--text-muted);font-size:11px}.withdrawal-security-note{display:flex;gap:12px;align-items:flex-start;padding:14px 15px;border:1px solid #234a70;border-radius:12px;background:linear-gradient(135deg,rgba(11,99,243,.12),rgba(13,27,46,.55));margin-bottom:16px;color:#dceaff}.withdrawal-security-note .icon{color:#4da0ff;flex:0 0 auto}.withdrawal-security-note strong,.withdrawal-security-note span{display:block}.withdrawal-security-note strong{font-size:12px;margin-bottom:3px}.withdrawal-security-note span{font-size:10px;color:#9fb1c8;line-height:1.55}.withdrawal-destination-list{display:grid;gap:10px;margin-bottom:18px}.withdrawal-destination-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #243a55;background:#0b1a2d;border-radius:13px;padding:13px;min-width:0}.withdrawal-destination-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#5ea8ff;background:linear-gradient(145deg,#0a3b8e,#102844);box-shadow:inset 0 0 0 1px rgba(95,166,255,.16)}.withdrawal-destination-copy{min-width:0}.withdrawal-destination-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.withdrawal-destination-copy strong{font-size:12px;color:#f2f7ff}.withdrawal-destination-copy>span{display:block;color:#91a3bb;font-size:9px;margin:3px 0}.withdrawal-destination-copy b{display:block;color:#dfeaff;font-size:11px;overflow-wrap:anywhere}.withdrawal-destination-copy small{display:block;color:#8295ae;font-size:9px;margin-top:3px;overflow-wrap:anywhere}.withdrawal-destination-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.withdrawal-destination-actions form{margin:0}.btn-compact{padding:7px 9px!important;font-size:9px!important}.btn-danger{background:#a8233e;color:#fff;border:1px solid #cf3a56}.withdrawal-empty-state{display:flex;align-items:center;gap:12px;border:1px dashed #31506f;border-radius:13px;padding:16px;margin-bottom:18px}.withdrawal-empty-state strong,.withdrawal-empty-state span{display:block}.withdrawal-empty-state strong{font-size:12px}.withdrawal-empty-state span{font-size:10px;color:#91a3bb;margin-top:3px}.withdrawal-destination-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.withdrawal-destination-form-card{border:1px solid #243a55;background:#0b1a2d;border-radius:14px;padding:16px;min-width:0}.withdrawal-destination-form-card.is-editing{border-color:#176ef2;box-shadow:0 0 0 1px rgba(23,110,242,.25),0 14px 30px rgba(0,0,0,.18)}.withdrawal-form-title{display:flex;align-items:center;gap:11px;margin-bottom:15px}.withdrawal-form-title h3{font-size:13px;margin:0 0 3px}.withdrawal-form-title p{font-size:9px;color:#91a3bb;margin:0}.withdrawal-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.withdrawal-address-input{min-height:92px;resize:vertical}.withdrawal-default-check{display:flex;align-items:center;gap:8px;color:#b7c5d8;font-size:10px;margin:4px 0 15px}.withdrawal-default-check input{accent-color:#1675f5}.withdrawal-form-actions{display:flex;gap:9px;flex-wrap:wrap}.withdrawal-request-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.withdrawal-missing-destination{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px dashed #31506f;border-radius:14px;padding:17px}.withdrawal-missing-destination strong,.withdrawal-missing-destination span{display:block}.withdrawal-missing-destination strong{font-size:12px}.withdrawal-missing-destination span{font-size:10px;color:#91a3bb;margin-top:4px}.withdrawal-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.withdrawal-choice-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid #243a55;background:#0b1a2d;border-radius:13px;padding:13px;cursor:pointer;min-width:0}.withdrawal-choice-card:hover{border-color:#2f6baa}.withdrawal-choice-card>input{position:absolute;opacity:0;pointer-events:none}.withdrawal-choice-card:has(input:checked){border-color:#1675f5;box-shadow:0 0 0 1px rgba(22,117,245,.35),0 10px 25px rgba(0,0,0,.18)}.withdrawal-choice-check{position:absolute;right:9px;top:9px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#15304e;color:#6c87a6;opacity:.45}.withdrawal-choice-card:has(input:checked) .withdrawal-choice-check{background:#1675f5;color:#fff;opacity:1}.withdrawal-choice-content{min-width:0}.withdrawal-choice-content strong,.withdrawal-choice-content b,.withdrawal-choice-content small{display:block}.withdrawal-choice-content strong{font-size:11px;color:#f1f6ff}.withdrawal-choice-content b{font-size:10px;color:#bed0e5;margin:3px 0;overflow-wrap:anywhere}.withdrawal-choice-content small{font-size:9px;color:#8295ae;overflow-wrap:anywhere}.withdrawal-choice-card>.badge{align-self:end;margin-top:22px;white-space:nowrap}.withdrawal-submit-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#8396af;font-size:9px;margin-top:11px}.withdrawal-submit-note .icon{color:#4a92f3}
@media(max-width:1100px){.withdrawal-destination-forms,.withdrawal-choice-grid{grid-template-columns:1fr}}
@media(max-width:700px){.withdrawal-destinations-head,.withdrawal-request-head{align-items:flex-start;flex-direction:column}.withdrawal-destination-item{grid-template-columns:42px minmax(0,1fr)}.withdrawal-destination-actions{grid-column:1/-1;justify-content:flex-start}.withdrawal-destination-actions .btn{flex:1}.withdrawal-missing-destination{grid-template-columns:42px minmax(0,1fr)}.withdrawal-missing-destination .btn{grid-column:1/-1;width:100%}.withdrawal-form-grid{grid-template-columns:1fr!important}.withdrawal-choice-card{grid-template-columns:42px minmax(0,1fr)}.withdrawal-choice-card>.badge{grid-column:2;margin:0;justify-self:start}.withdrawal-destination-form-card{padding:14px}.withdrawal-form-actions .btn{flex:1}.withdrawal-destinations-card .card-body{padding:14px}}

/* AffiliaNetwork v2.5.7 — collapsible withdrawal destination cards */
.withdrawal-destinations-head h2{margin:0}
.withdrawal-empty-state-compact{margin:0;align-items:center}
.withdrawal-empty-state-compact>strong{font-size:12px;color:#eef5ff}
.withdrawal-destination-forms{align-items:start}
.withdrawal-collapsible{padding:0!important;overflow:hidden;scroll-margin-top:92px}
.withdrawal-collapsible>summary{list-style:none}
.withdrawal-collapsible>summary::-webkit-details-marker{display:none}
.withdrawal-collapse-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;cursor:pointer;user-select:none;min-height:74px}
.withdrawal-collapse-summary:focus-visible{outline:2px solid #1976ff;outline-offset:-3px;border-radius:13px}
.withdrawal-collapse-title{display:flex;align-items:center;gap:12px;min-width:0}
.withdrawal-collapse-title strong{font-size:14px;color:#f3f7ff;line-height:1.25}
.withdrawal-collapse-chevron{width:12px;height:12px;border-right:2px solid #8fb4dd;border-bottom:2px solid #8fb4dd;transform:rotate(45deg);transition:transform .2s ease;flex:0 0 auto;margin-right:5px}
.withdrawal-collapsible[open] .withdrawal-collapse-chevron{transform:rotate(225deg);margin-top:7px}
.withdrawal-collapsible[open]{border-color:#1b6fe8;box-shadow:0 0 0 1px rgba(27,111,232,.22),0 14px 30px rgba(0,0,0,.16)}
.withdrawal-collapse-content{border-top:1px solid #243a55;padding:16px}
.withdrawal-collapse-content .form-group:last-child{margin-bottom:0}
.withdrawal-collapse-content .withdrawal-form-actions{margin-top:4px}

@media(max-width:700px){
  .withdrawal-destination-forms{grid-template-columns:1fr!important;gap:12px}
  .withdrawal-collapse-summary{padding:14px;min-height:68px}
  .withdrawal-collapse-title strong{font-size:13px}
  .withdrawal-collapse-content{padding:14px}
  .withdrawal-empty-state-compact{padding:14px}
}

/* AffiliaNetwork v2.5.8 — compact, icon-led profile forms */
.profile-page-head{margin-bottom:12px}
.profile-page-head h1{margin:0}
.profile-section-header{display:flex;align-items:center;gap:10px;min-width:0}
.profile-section-header h2{margin:0;font-size:14px;line-height:1.25}
.profile-section-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:0 0 34px;color:#74b5ff;background:linear-gradient(145deg,#0b3e91,#102b4b);box-shadow:inset 0 0 0 1px rgba(103,171,255,.18)}
.form-label-icon{display:flex!important;align-items:center;gap:7px;color:#b8c6d8!important;font-size:10px!important;line-height:1.25}
.form-label-icon .icon{color:#5fa7f7;flex:0 0 auto}
.profile-main-stack>.card,.withdrawal-destination-forms>.card{overflow:hidden}
.withdrawal-destination-forms{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
.withdrawal-destination-form-card{padding:0!important;margin:0!important;border:1px solid #263f5b!important;background:#0b1c30!important;border-radius:14px!important;box-shadow:none!important}
.withdrawal-collapsible>summary,.withdrawal-collapsible>summary::marker{list-style:none!important}
.withdrawal-collapsible>summary::marker{content:""!important;font-size:0!important}
.withdrawal-collapsible>summary::-webkit-details-marker{display:none!important}
.withdrawal-collapse-summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:13px 14px!important;min-height:62px!important;background:linear-gradient(180deg,#102843,#0c2036)!important;border:0!important}
.withdrawal-collapse-title{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
.withdrawal-collapse-title .withdrawal-destination-icon{width:36px;height:36px;border-radius:10px;flex:0 0 36px}
.withdrawal-collapse-title strong{font-size:12px!important;line-height:1.2!important;color:#f2f7ff!important;white-space:normal!important}
.withdrawal-collapse-chevron{width:10px!important;height:10px!important;border-right:2px solid #8eb4dd!important;border-bottom:2px solid #8eb4dd!important;transform:rotate(45deg)!important;margin:0 4px 4px 0!important;transition:transform .18s ease!important}
.withdrawal-collapsible[open] .withdrawal-collapse-chevron{transform:rotate(225deg)!important;margin:5px 4px 0 0!important}
.withdrawal-collapsible[open]{border-color:#2a71c9!important;box-shadow:0 0 0 1px rgba(42,113,201,.18)!important}
.withdrawal-collapsible[open]>.withdrawal-collapse-summary{border-bottom:1px solid #263f5b!important}
.withdrawal-collapse-content{padding:15px!important;border:0!important;background:#0a1b2e!important}
.withdrawal-collapse-content form{margin:0}
.withdrawal-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 12px!important}
.withdrawal-collapse-content .form-group{margin-bottom:13px!important;min-width:0}
.withdrawal-collapse-content .form-control{min-height:46px;padding:11px 13px;border-radius:10px;background:#0b1e33;border-color:#2a435f;color:#eef5ff}
.withdrawal-collapse-content textarea.form-control{min-height:84px}
.withdrawal-collapse-content .form-control:focus{border-color:#3386ef;box-shadow:0 0 0 3px rgba(51,134,239,.12)}
.withdrawal-optional-fields{margin:1px 0 13px;border:1px solid #263f5b;border-radius:11px;background:#0c2035;overflow:hidden}
.withdrawal-optional-fields>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;list-style:none;cursor:pointer;color:#c8d7e9;font-size:10px;font-weight:700}
.withdrawal-optional-fields>summary::marker{content:"";font-size:0}
.withdrawal-optional-fields>summary::-webkit-details-marker{display:none}
.withdrawal-optional-fields>summary span{display:flex;align-items:center;gap:7px}
.withdrawal-optional-fields>summary .icon{color:#5fa7f7}
.withdrawal-optional-fields>summary i{width:8px;height:8px;border-right:2px solid #89a7c7;border-bottom:2px solid #89a7c7;transform:rotate(45deg);transition:transform .18s ease;margin:0 3px 3px 0}
.withdrawal-optional-fields[open]>summary{border-bottom:1px solid #263f5b}
.withdrawal-optional-fields[open]>summary i{transform:rotate(225deg);margin:4px 3px 0 0}
.withdrawal-optional-grid{padding:13px 13px 0}
.withdrawal-default-check{display:flex!important;align-items:center!important;gap:9px!important;margin:3px 0 14px!important;padding:10px 11px;border:1px solid #263f5b;border-radius:10px;background:#0c2035;color:#b9c8da!important}
.withdrawal-default-check>input{width:17px;height:17px;flex:0 0 17px;margin:0;accent-color:#1675f5}
.default-label-copy{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.35}
.default-label-copy .icon{color:#61aaff;flex:0 0 auto}
.withdrawal-form-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.withdrawal-form-actions .btn{min-height:40px;padding:9px 14px;font-size:10px}
.withdrawal-empty-state-compact{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;padding:12px 13px!important;border:1px dashed #2e4b6b!important;background:#0b1d31!important}
.withdrawal-empty-state-compact .withdrawal-destination-icon{width:34px;height:34px;border-radius:10px;flex:0 0 34px}
.withdrawal-empty-state-compact>strong{font-size:10px!important;line-height:1.3!important;color:#dce8f6!important}
.withdrawal-destinations-card .card-body{padding:13px!important}
.withdrawal-destinations-head{align-items:center!important;flex-direction:row!important}
.withdrawal-destinations-head>.profile-section-header{flex:1}

@media(max-width:700px){
  .profile-section-header h2{font-size:13px}
  .profile-section-icon{width:32px;height:32px;flex-basis:32px}
  .withdrawal-destination-forms{gap:10px!important}
  .withdrawal-collapse-summary{padding:12px!important;min-height:58px!important}
  .withdrawal-collapse-content{padding:12px!important}
  .withdrawal-form-grid{grid-template-columns:1fr!important;gap:0!important}
  .withdrawal-optional-grid{padding:12px 12px 0}
  .withdrawal-collapse-content .form-group{margin-bottom:12px!important}
  .withdrawal-collapse-content .form-control{min-height:44px;font-size:13px}
  .withdrawal-form-actions{display:grid;grid-template-columns:1fr}
  .withdrawal-form-actions .btn{width:100%}
  .withdrawal-destinations-head{gap:10px!important}
  .withdrawal-destinations-head .badge{white-space:nowrap}
}

/* AffiliaNetwork v2.5.9 — collapsible account and password profile cards */
.profile-collapsible{padding:0!important;margin:0!important;border:1px solid #263f5b!important;background:#0b1c30!important;border-radius:14px!important;box-shadow:none!important;overflow:hidden}
.profile-collapsible>summary,.profile-collapsible>summary::marker{list-style:none!important}
.profile-collapsible>summary::marker{content:""!important;font-size:0!important}
.profile-collapsible>summary::-webkit-details-marker{display:none!important}
.profile-collapse-summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:13px 14px!important;min-height:62px!important;background:linear-gradient(180deg,#102843,#0c2036)!important;border:0!important;cursor:pointer!important}
.profile-collapse-title{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
.profile-collapse-title strong{font-size:12px!important;line-height:1.2!important;color:#f2f7ff!important;white-space:normal!important}
.profile-collapse-chevron{width:10px!important;height:10px!important;border-right:2px solid #8eb4dd!important;border-bottom:2px solid #8eb4dd!important;transform:rotate(45deg)!important;margin:0 4px 4px 0!important;transition:transform .18s ease!important;flex:0 0 auto}
.profile-collapsible[open] .profile-collapse-chevron{transform:rotate(225deg)!important;margin:5px 4px 0 0!important}
.profile-collapsible[open]{border-color:#2a71c9!important;box-shadow:0 0 0 1px rgba(42,113,201,.18)!important}
.profile-collapsible[open]>.profile-collapse-summary{border-bottom:1px solid #263f5b!important}
.profile-collapse-content{padding:15px!important;background:#0a1b2e!important}
.profile-collapse-content form{margin:0}
.profile-collapse-content .form-group{min-width:0}
.profile-collapse-content .form-control{background:#0b1e33;border-color:#2a435f;color:#eef5ff}
.profile-collapse-content .form-control:focus{border-color:#3386ef;box-shadow:0 0 0 3px rgba(51,134,239,.12)}
@media(max-width:700px){
  .profile-collapse-summary{padding:12px!important;min-height:58px!important}
  .profile-collapse-content{padding:12px!important}
  .profile-collapse-title strong{font-size:13px!important}
}

/* AffiliaNetwork CMS v2.6.0 — English-only audit and balanced TikTok watermark */
.balance-tiktok::before{
  right:22px!important;
  bottom:-18px!important;
  width:154px!important;
  height:154px!important;
  opacity:.095!important;
  transform:none!important;
  background-position:center!important;
  background-size:contain!important;
}
@media screen and (max-width:600px){
  .balance-tiktok::before{right:20px!important;bottom:-16px!important;width:148px!important;height:148px!important;opacity:.09!important}
}

/* v2.6.3 — product image display */
.product-logo-frame{overflow:hidden;position:relative;flex:0 0 auto;padding:3px;background:#eef5ff}
.product-logo-frame img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:inherit}
.product-logo-frame span{display:grid;place-items:center;width:100%;height:100%;font-weight:900}
.table-logo.product-logo-frame{padding:2px}
.campaign-logo.product-logo-frame{padding:4px}
.product-detail-logo{width:58px;height:58px;border-radius:14px}
.product-page-heading,.product-admin-heading{display:flex;align-items:center;gap:16px;min-width:0}
.product-page-heading>div:last-child,.product-admin-heading>div:last-child{min-width:0}
.product-page-heading h1,.product-admin-heading h1{overflow-wrap:anywhere}
.product-page-logo{width:74px;height:74px;border-radius:18px;background:#fff;padding:7px;box-shadow:0 8px 24px rgba(0,0,0,.14)}
.product-page-logo-small{width:56px;height:56px;border-radius:14px}
.product-image-preview{margin:0 0 10px}
.product-image-preview-frame{width:92px;height:92px;border-radius:14px;border:1px solid #29425f;background:#fff;padding:7px}
.product-remove-image{display:flex;align-items:center;gap:7px;margin-top:8px;font-size:10px;color:#a9bbd2}
.product-remove-image input{width:auto}
html[data-theme="dark"] .product-logo-frame{background:#102b4c}
html[data-theme="dark"] .product-page-logo,
html[data-theme="dark"] .product-image-preview-frame{background:#f7f9fc;border-color:#29425f}
@media(max-width:600px){
  .product-page-heading,.product-admin-heading{align-items:flex-start;gap:12px}
  .product-page-logo{width:60px;height:60px;border-radius:14px;padding:5px}
  .product-page-logo-small{width:48px;height:48px}
  .product-detail-logo{width:50px;height:50px}
}

/* v2.6.6 — professional real-time product progress */
.product-progress-list{display:grid;gap:16px}
.product-progress-section-header{align-items:center;gap:16px}
.product-progress-section-title{display:flex;align-items:center;gap:12px;min-width:0}
.product-progress-section-title>div{min-width:0}
.product-progress-section-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:12px;color:#72adff;background:linear-gradient(145deg,rgba(25,111,255,.2),rgba(15,68,138,.12));border:1px solid rgba(63,141,255,.28);box-shadow:0 8px 22px rgba(8,87,210,.16)}
.product-progress-section-title h2{margin:0}
.product-progress-section-title .muted{display:block;margin-top:3px;font-size:11px;line-height:1.45}
.product-progress-marketplace-link{display:inline-flex;align-items:center;gap:5px;color:#3b91ff;font-weight:800;white-space:nowrap}
.product-progress-marketplace-link .icon{transition:transform .2s ease}
.product-progress-marketplace-link:hover .icon{transform:translateX(3px)}
.product-progress-empty{min-height:150px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center}
.product-progress-empty>span{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;color:#4b9cff;border:1px dashed rgba(68,145,255,.48);background:rgba(30,112,255,.08)}
.product-progress-empty strong{color:#e8f0fb;font-size:14px}
.product-progress-empty small{color:var(--muted,#9fb0c4)}

.product-progress-card{position:relative;display:grid;gap:18px;min-width:0;overflow:hidden;padding:20px;border:1px solid rgba(64,102,142,.58);border-radius:18px;background:linear-gradient(145deg,rgba(18,45,75,.98),rgba(8,28,50,.99));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 30px rgba(0,0,0,.1);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.product-progress-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 88% 0%,rgba(22,119,255,.12),transparent 36%);opacity:.8}
.product-progress-card>*{position:relative;z-index:1}
.product-progress-card.is-running{border-color:rgba(35,135,255,.9);box-shadow:inset 0 0 0 1px rgba(38,130,255,.18),0 0 25px rgba(13,101,222,.13)}
.product-progress-card.is-completed{border-color:rgba(48,187,119,.55);background:linear-gradient(145deg,rgba(14,52,66,.98),rgba(8,33,46,.99))}
.product-progress-card.is-cancelled{opacity:.72;border-color:rgba(239,82,82,.38)}

.product-progress-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;min-width:0}
.product-progress-product{display:flex;align-items:center;gap:16px;min-width:0}
.product-progress-logo{width:72px!important;height:72px!important;min-width:72px!important;border-radius:16px!important;padding:5px!important;background:#f4f7fb!important;border:1px solid rgba(255,255,255,.65)!important;box-shadow:0 10px 24px rgba(0,0,0,.2)}
.product-progress-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.product-progress-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5f8fc;font-size:19px;line-height:1.2;font-weight:850}
.product-progress-details{display:flex;align-items:center;gap:8px;min-width:0;color:#adbbcc;font-size:12px}
.product-progress-duration{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.product-progress-duration .icon{color:#91a8c2}
.product-progress-dot{opacity:.6}
.product-progress-model{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:3px 9px;border:1px solid rgba(107,139,176,.38);border-radius:8px;color:#c4d0de;background:rgba(255,255,255,.025);font-size:11px;font-weight:750;white-space:nowrap}
.product-progress-status{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:4px 9px;border-radius:8px;font-size:11px;font-weight:800;white-space:nowrap;border:1px solid transparent}
.product-progress-status i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.product-progress-status.is-running{color:#65a8ff;background:rgba(31,112,235,.12);border-color:rgba(54,133,255,.34)}
.product-progress-status.is-completed{color:#64d59b;background:rgba(39,165,104,.12);border-color:rgba(57,193,126,.32)}
.product-progress-status.is-not-started{color:#9cabbe;background:rgba(143,160,181,.08);border-color:rgba(143,160,181,.18)}
.product-progress-status.is-cancelled{color:#ff8b8b;background:rgba(232,71,71,.1);border-color:rgba(232,71,71,.24)}

.product-progress-commission{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:190px;text-align:right}
.product-progress-commission-label{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;color:#a8b8ca;font-size:11px;font-weight:700;white-space:nowrap}
.product-progress-commission-label .icon{color:#a7b8ca}
.product-progress-commission strong{color:#f8fbff;font-size:22px;line-height:1.15;font-weight:900;letter-spacing:-.25px;white-space:nowrap}

.product-progress-meter{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0}
.product-progress-track{position:relative;height:14px;min-width:0;overflow:hidden;border-radius:999px;background:rgba(126,155,190,.12);box-shadow:inset 0 1px 3px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.025)}
.product-progress-track>span{position:relative;display:block;height:100%;max-width:100%;border-radius:inherit;background:linear-gradient(90deg,#0d64f5 0%,#2c83ff 52%,#55b9ff 100%);transition:width .75s linear;box-shadow:0 0 18px rgba(30,125,255,.48)}
.product-progress-track>span::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.12) 45%,rgba(255,255,255,.28) 52%,transparent 62%);transform:translateX(-110%);animation:productProgressShimmer 2.4s linear infinite}
.product-progress-card.is-completed .product-progress-track>span{background:linear-gradient(90deg,#16a965,#48d594);box-shadow:0 0 18px rgba(42,196,122,.35)}
.product-progress-card.is-not-started .product-progress-track>span,.product-progress-card.is-cancelled .product-progress-track>span{box-shadow:none}
.product-progress-meter>strong{min-width:62px;text-align:right;color:#4b98ff;font-size:24px;line-height:1;font-weight:900;letter-spacing:-.35px}
.product-progress-card.is-completed .product-progress-meter>strong{color:#5ed79a}

.product-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;color:#aab9ca;font-size:12px}
.product-progress-remaining{display:inline-flex;align-items:center;gap:7px;min-width:0}
.product-progress-remaining .icon{flex:0 0 auto;color:#9eb2c9}
.product-progress-view{display:inline-flex;align-items:center;gap:5px;color:#61a6ff;font-weight:800;white-space:nowrap}
.product-progress-view .icon{transition:transform .2s ease}
.product-progress-view:hover .icon{transform:translateX(3px)}

.admin-progress{display:grid;grid-template-columns:minmax(105px,1fr) auto;align-items:center;gap:10px}
.admin-progress>div{height:10px;border-radius:999px;background:rgba(130,158,192,.13);overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}
.admin-progress>div>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0c65f7,#3e9eff);box-shadow:0 0 12px rgba(36,128,255,.35)}
.admin-progress.is-completed>div>span{background:linear-gradient(90deg,#19aa69,#4eda98)}
.admin-progress strong{min-width:44px;text-align:right;color:#6eadff;font-size:12px;font-weight:850}
.table td small{display:block;margin-top:4px;color:var(--muted,#9fb0c4)}

@keyframes productProgressShimmer{to{transform:translateX(115%)}}
@media(prefers-reduced-motion:reduce){.product-progress-track>span::after{display:none}.product-progress-track>span{transition:none}}

@media(max-width:760px){
  .product-progress-section-header{align-items:flex-start}
  .product-progress-section-icon{width:34px;height:34px;flex-basis:34px;border-radius:10px}
  .product-progress-marketplace-link{font-size:11px}
  .product-progress-card{gap:16px;padding:16px;border-radius:16px}
  .product-progress-main{grid-template-columns:1fr;gap:15px}
  .product-progress-product{align-items:flex-start;gap:13px}
  .product-progress-logo{width:62px!important;height:62px!important;min-width:62px!important;border-radius:14px!important;padding:4px!important}
  .product-progress-name{font-size:17px}
  .product-progress-details{gap:6px;font-size:11px;flex-wrap:wrap}
  .product-progress-status{min-height:24px;padding:3px 8px;font-size:10px}
  .product-progress-commission{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;padding-top:13px;border-top:1px solid rgba(88,121,158,.2)}
  .product-progress-commission-label{justify-content:flex-start;white-space:normal}
  .product-progress-commission strong{font-size:18px;text-align:right}
  .product-progress-meter{gap:10px}
  .product-progress-track{height:12px}
  .product-progress-meter>strong{min-width:54px;font-size:20px}
  .product-progress-meta{font-size:11px}
}

@media(max-width:430px){
  .product-progress-section-header{flex-wrap:nowrap}
  .product-progress-section-title .muted{font-size:10px}
  .product-progress-card{padding:14px}
  .product-progress-logo{width:56px!important;height:56px!important;min-width:56px!important}
  .product-progress-name{font-size:16px}
  .product-progress-commission{grid-template-columns:1fr}
  .product-progress-commission strong{text-align:left}
  .product-progress-meta{align-items:flex-start;flex-direction:column;gap:9px}
  .product-progress-view{align-self:flex-end}
}

/* ========================================================================== 
   AffiliaNetwork v2.7.0 — unified professional application interface
   Applies the approved dark-blue visual system to every authenticated page,
   while preserving the existing forms, tables, actions, and business logic.
   ========================================================================== */
:root{
  --an-bg:#020d1b;
  --an-bg-2:#041426;
  --an-panel:#071a2f;
  --an-panel-2:#0a2039;
  --an-panel-3:#0d2744;
  --an-border:#1d3d5f;
  --an-border-soft:rgba(78,128,178,.26);
  --an-blue:#1677ff;
  --an-blue-2:#35a4ff;
  --an-green:#38c77a;
  --an-purple:#8a69ff;
  --an-text:#f4f8ff;
  --an-text-2:#b7c5d8;
  --an-muted:#8497ae;
  --an-danger:#ff5e72;
  --an-warning:#f9b843;
  --an-radius:20px;
  --an-radius-sm:14px;
  --an-shadow:0 20px 50px rgba(0,0,0,.18);
  --navy:var(--an-panel);
  --navy2:var(--an-panel-2);
  --blue:var(--an-blue);
  --blue2:var(--an-blue-2);
  --green:var(--an-green);
  --ink:var(--an-text);
  --muted:var(--an-muted);
  --line:var(--an-border);
  --soft:var(--an-bg-2);
  --white:var(--an-text);
  --shadow:var(--an-shadow);
  --radius:var(--an-radius-sm);
}

html[data-theme="dark"],body.app-body{background:var(--an-bg)!important;color:var(--an-text)!important;color-scheme:dark}
body.app-body{min-width:320px;overflow-x:hidden;background:
 radial-gradient(circle at 92% 4%,rgba(16,112,255,.08),transparent 28%),
 linear-gradient(180deg,#020b17 0%,#031123 52%,#020c19 100%)!important}
body.app-body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(120deg,rgba(17,89,180,.025),transparent 34%,rgba(30,133,255,.025))}
body.app-body a{transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}

.app-shell{display:grid!important;grid-template-columns:252px minmax(0,1fr)!important;min-height:100vh;background:transparent!important}
.app-main{grid-column:2!important;min-width:0;width:100%;background:transparent!important}
.sidebar{width:252px!important;background:linear-gradient(180deg,#06172b 0%,#041225 100%)!important;border-right:1px solid var(--an-border)!important;box-shadow:14px 0 40px rgba(0,0,0,.12)!important}
.sidebar-brand{height:78px!important;padding:19px 20px!important;display:flex;align-items:center;border-bottom:1px solid var(--an-border-soft)!important}
.sidebar-brand a{display:flex;align-items:center;min-width:0}
.sidebar-brand img{width:190px!important;max-width:100%!important;height:46px!important;filter:none!important;object-fit:contain!important;object-position:left center!important}
.sidebar-nav{padding:15px 12px 24px!important;scrollbar-width:thin;scrollbar-color:#1c4168 transparent}
.nav-section{margin:20px 12px 8px!important;color:#6883a2!important;font-size:9px!important;letter-spacing:1.45px!important}
.side-link{min-height:46px;margin:4px 0;padding:10px 12px!important;border:1px solid transparent;border-radius:12px!important;color:#aebed1!important;font-size:12px!important;font-weight:650!important}
.side-link:hover{color:#eef6ff!important;background:rgba(34,112,214,.09)!important;border-color:rgba(67,135,223,.16)!important;transform:translateX(2px)}
.side-link.active{color:#fff!important;background:linear-gradient(100deg,#0b66ec,#187fff)!important;border-color:#2b91ff!important;box-shadow:0 9px 24px rgba(18,111,242,.28)!important}
.side-link-icon{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border-radius:9px;color:#82a8d2;background:rgba(87,139,196,.08)}
.side-link.active .side-link-icon{color:#fff;background:rgba(255,255,255,.12)}
.sidebar-user{padding:14px!important;border-top:1px solid var(--an-border-soft)!important;background:rgba(2,12,25,.58)!important}
.user-card{padding:11px!important;border:1px solid var(--an-border-soft);border-radius:14px;background:linear-gradient(140deg,rgba(20,57,96,.78),rgba(8,28,49,.9))}
.sidebar-user-copy strong{color:#f6f9ff!important}.sidebar-user-copy span{color:#7f96b0!important}

.topbar{position:sticky!important;top:0;z-index:45;height:78px!important;padding:0 26px!important;background:rgba(2,13,27,.92)!important;border-bottom:1px solid var(--an-border)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.topbar-left{gap:14px!important;min-width:0}
.topbar-title{color:#f7f9fd!important;font-size:16px!important;font-weight:850!important;letter-spacing:-.15px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar-search{width:min(360px,32vw)!important;height:42px!important;margin-left:8px;border:1px solid var(--an-border)!important;border-radius:12px!important;background:#07192d!important;color:var(--an-muted)!important}
.topbar-search input{color:#e8f0fa!important;background:transparent!important}.topbar-search input::placeholder{color:#71879f!important}
.topbar-actions{gap:10px!important}
.topbar .icon-btn,.topbar-logout{width:44px!important;height:44px!important;border:1px solid var(--an-border)!important;border-radius:13px!important;background:#07192d!important;color:#c9d7e8!important}
.topbar .icon-btn:hover,.topbar-logout:hover{color:#fff!important;border-color:#2e7ed5!important;background:#0b2747!important;transform:translateY(-1px)}
.topbar-avatar-link .avatar,.topbar-avatar-link img{width:46px!important;height:46px!important;border:2px solid rgba(62,145,255,.56)!important;box-shadow:0 0 0 3px rgba(16,102,222,.1)!important}
.wallet-live-pill{border:1px solid var(--an-border)!important;background:#07192d!important;border-radius:13px!important;color:#9eb0c4!important}.wallet-live-pill strong{color:#f4f8ff!important}
.mobile-hamburger,.topbar-mark{display:none}

.content{width:100%;max-width:1540px;margin:0 auto;padding:26px 28px 48px!important;min-width:0}
.page-head{margin-bottom:20px!important;gap:16px!important}
.page-head h1,.page-head h2{color:#f5f8fd!important;letter-spacing:-.45px}
.page-head h1{font-size:27px!important}.page-head p{color:var(--an-muted)!important}
.date-filter{min-height:44px!important;padding:11px 15px!important;border:1px solid var(--an-border)!important;border-radius:12px!important;background:#07192d!important;color:#b5c4d6!important}

/* Universal cards */
.card,.white-card,.filter-card,.stat-card,.wallet-card,.settings-card,.profile-panel,.deposit-pro-panel,.timed-products-card,.withdrawal-destinations-card,.pricing-card,.blog-card,.campaign-card,.feature-card,.testimonial,.faq-item,.info-box{
  background:linear-gradient(145deg,rgba(10,31,54,.98),rgba(5,21,39,.99))!important;
  border:1px solid var(--an-border)!important;
  border-radius:var(--an-radius)!important;
  color:var(--an-text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018),var(--an-shadow)!important;
}
.card{overflow:hidden}
.card-header{min-height:66px!important;padding:18px 22px!important;border-bottom:1px solid var(--an-border)!important;background:linear-gradient(180deg,rgba(15,42,72,.86),rgba(9,31,54,.55))!important}
.card-header h2,.card-header h3{margin:0;color:#f6f9fe!important;font-size:17px!important;letter-spacing:-.2px}
.card-body{padding:21px 22px!important;color:#c0ccda!important}
.grid-2,.grid-3,.dashboard-grid{gap:20px!important}

.stat-grid{gap:18px!important}
.stat-card{min-height:154px!important;padding:23px 24px!important;overflow:hidden}
.stat-card::after{content:"";position:absolute;right:-20px;bottom:-44px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(28,124,255,.10),transparent 68%);pointer-events:none}
.stat-label{color:#98aac0!important;font-size:11px!important;font-weight:850!important;letter-spacing:.72px!important}
.stat-value{margin-top:12px!important;color:#f5f8fd!important;font-size:30px!important;line-height:1.05!important;letter-spacing:-.55px}
.stat-change{margin-top:8px!important;color:#54ca89!important;font-size:11px!important}
.stat-icon{width:48px!important;height:48px!important;right:20px!important;top:20px!important;border-radius:14px!important;background:rgba(25,100,197,.18)!important;border:1px solid rgba(68,139,226,.14)!important;color:#78b5ff!important}
.balance-tiktok::before{right:25px!important;bottom:-20px!important;width:156px!important;height:156px!important;opacity:.08!important}

.kpi-list{display:grid;gap:11px!important}
.kpi-row{min-height:82px;padding:15px 16px!important;border:1px solid var(--an-border-soft)!important;border-radius:14px!important;background:linear-gradient(120deg,rgba(17,50,83,.72),rgba(8,29,51,.74))!important}
.kpi-row strong{color:#edf3fb!important;font-size:13px}.kpi-row span{color:#8499b0!important}.kpi-row b{color:#f6f9ff!important;font-size:16px}.kpi-row .text-success{color:var(--an-green)!important}

.empty-state{min-height:150px;padding:26px!important;color:#8ea2b9!important;background:transparent!important}
.record-row{padding:14px 0!important;border-bottom:1px solid var(--an-border-soft)!important}.record-row:last-child{border-bottom:0!important}

/* Forms */
.form-label{color:#aebed1!important;font-size:11px!important;font-weight:800!important}
.form-control,input.form-control,select.form-control,textarea.form-control,.search-box,.date-filter{
  color:#edf4fd!important;background:#071a2f!important;border:1px solid #244463!important;border-radius:13px!important;box-shadow:none!important
}
.form-control{min-height:48px;padding:12px 14px!important}
textarea.form-control{min-height:108px}
.form-control::placeholder{color:#6f839a!important}
.form-control:focus{border-color:#2b8cff!important;box-shadow:0 0 0 3px rgba(26,122,255,.14)!important;background:#081d35!important}
select.form-control{background-color:#071a2f!important}
input[type="file"]{color:#aebed1!important}
.password-toggle{color:#8fa9c5!important}
.setting-switch,.switch-control{background:#071a2f!important;border-color:var(--an-border)!important}

.btn{min-height:42px;border-radius:11px!important;font-weight:800!important}
.btn-primary{color:#fff!important;background:linear-gradient(100deg,#0866ef,#1c83ff)!important;border:1px solid #2d91ff!important;box-shadow:0 10px 24px rgba(15,105,236,.23)!important}
.btn-primary:hover{background:linear-gradient(100deg,#1176ff,#2791ff)!important}
.btn-outline{color:#82b9ff!important;background:#071a2f!important;border:1px solid #2863a2!important}
.btn-outline:hover{color:#fff!important;border-color:#2e91ff!important;background:#0b2747!important}
.btn-danger{background:linear-gradient(100deg,#d94358,#f45d70)!important;border:1px solid #ff6e80!important}
.btn-success{background:linear-gradient(100deg,#1f9f62,#39c77d)!important}
.btn-warning{background:linear-gradient(100deg,#c78922,#f1b43c)!important}

/* Tables and responsive records */
.table-wrap{border:1px solid var(--an-border)!important;border-radius:16px!important;background:#06182b!important;overflow:auto}
.table{color:#c8d3e1!important;background:transparent!important}
.table th{padding:13px 15px!important;color:#8ca1b9!important;background:#0b223c!important;border-color:var(--an-border)!important;font-size:10px!important;letter-spacing:.55px!important}
.table td{padding:14px 15px!important;color:#c5d1df!important;border-color:var(--an-border-soft)!important;background:transparent!important}
.table tr:hover td{background:rgba(24,89,159,.08)!important}
.name-cell strong{color:#f1f6fc!important}
.badge{border:1px solid rgba(93,139,188,.25)!important;background:#0d2947!important;color:#b9cce1!important}
.badge-success{background:rgba(44,182,111,.12)!important;color:#5bd293!important;border-color:rgba(64,198,130,.24)!important}
.badge-info{background:rgba(34,117,232,.12)!important;color:#6fb0ff!important;border-color:rgba(62,139,247,.28)!important}

/* Tabs, filters, accordion */
.card-tabs{gap:8px!important}.card-tab,.deposit-method-category-tab{min-height:40px;padding:9px 13px!important;border:1px solid var(--an-border)!important;border-radius:11px!important;background:#071a2f!important;color:#91a5bc!important}
.card-tab.active,.deposit-method-category-tab.active{color:#fff!important;background:linear-gradient(100deg,#0b67ee,#197fff)!important;border-color:#3696ff!important;box-shadow:0 8px 18px rgba(16,105,234,.2)!important}
.profile-collapsible,.withdrawal-destination-form-card,.withdrawal-collapsible{border-color:var(--an-border)!important;background:#071a2f!important;border-radius:16px!important}
.profile-collapse-summary,.withdrawal-collapse-summary{background:linear-gradient(180deg,#0d2948,#091e35)!important;border-color:var(--an-border)!important}
.profile-collapse-content,.withdrawal-collapse-content{background:#06182b!important}

/* Product progress — approved visual layout */
.timed-products-card .card-body{padding:18px!important}
.product-progress-card{border-radius:17px!important;background:linear-gradient(145deg,#0b2744,#071a2f)!important;border-color:#234766!important;box-shadow:none!important}
.product-progress-card.is-running{border-color:#2688ff!important;box-shadow:inset 0 0 0 1px rgba(35,131,255,.18),0 0 24px rgba(15,103,223,.12)!important}
.product-progress-track{height:13px!important;background:#102b49!important}
.product-progress-track>span{background:linear-gradient(90deg,#0e69f6,#42a6ff)!important}
.product-progress-status{border-radius:8px!important}

/* Modals */
.modal{background:rgba(0,5,12,.78)!important;backdrop-filter:blur(9px)}
.modal-card{border:1px solid var(--an-border)!important;border-radius:20px!important;background:#071a2f!important;color:var(--an-text)!important;box-shadow:0 32px 90px rgba(0,0,0,.55)!important}
.modal-head{border-color:var(--an-border)!important;background:#0b223b!important}.modal-body{background:#071a2f!important}
.close-modal{color:#c8d6e6!important}

.alert{border-radius:13px!important;border-width:1px!important;background:#0a2038!important}
.alert-success{color:#6ad69d!important;border-color:rgba(61,194,126,.32)!important;background:rgba(38,157,96,.11)!important}
.alert-danger{color:#ff8997!important;border-color:rgba(244,84,105,.34)!important;background:rgba(215,62,81,.12)!important}
.alert-warning{color:#f8c76d!important;border-color:rgba(235,170,52,.34)!important;background:rgba(178,118,22,.15)!important}
.alert-info{color:#78b7ff!important;border-color:rgba(58,139,235,.34)!important;background:rgba(28,103,192,.13)!important}

.mobile-bottom-nav{display:none}
.mobile-overlay{border:0;padding:0}

/* Public pages use the same final dark visual language. */
.public-body{background:var(--an-bg)!important;color:var(--an-text)!important}
.public-header{background:rgba(2,13,27,.94)!important;border-color:var(--an-border)!important;backdrop-filter:blur(16px)}
.public-nav a{color:#aebed1!important}.public-nav a:hover,.public-nav a.active{color:#4da1ff!important}
.public-footer{background:#010a14!important;border-top:1px solid var(--an-border)!important}
.public-body .white-card,.public-body .filter-card,.public-body .pricing-card,.public-body .blog-card,.public-body .campaign-card,.public-body .feature-card,.public-body .testimonial,.public-body .faq-item{background:linear-gradient(145deg,#091e34,#051526)!important;border-color:var(--an-border)!important;color:var(--an-text)!important}
.public-body .section-soft{background:#041225!important}.public-body .section{background:transparent}
.public-body .section-title h2,.public-body h1,.public-body h2,.public-body h3{color:#f5f8fd}
.public-body .muted,.public-body p{color:#9eb0c4}
.public-body .form-control{background:#071a2f!important;border-color:#244463!important;color:#edf4fd!important}
.public-body .page-hero{background:linear-gradient(135deg,#06182e,#0a3974)!important}

@media (max-width:1100px){
  .app-shell{grid-template-columns:220px minmax(0,1fr)!important}.sidebar{width:220px!important}.sidebar-brand img{width:170px!important}.content{padding-left:20px!important;padding-right:20px!important}
  .topbar-search{width:250px!important}
}

@media (max-width:820px){
  body.app-body{padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
  .app-shell{display:block!important;min-height:100dvh!important}
  .app-main{grid-column:auto!important;width:100%!important;max-width:100vw!important}
  .sidebar{position:fixed!important;inset:0 auto 0 0!important;width:min(304px,86vw)!important;transform:translateX(-104%);transition:transform .23s ease;z-index:90!important;box-shadow:25px 0 70px rgba(0,0,0,.5)!important}
  .sidebar.open{transform:translateX(0)!important}
  .mobile-overlay{display:block!important;position:fixed;inset:0;z-index:80;background:rgba(0,6,14,.68);opacity:0;visibility:hidden;pointer-events:none;transition:.2s ease}
  .mobile-overlay.open{opacity:1;visibility:visible;pointer-events:auto}
  .topbar{height:80px!important;padding:0 16px!important;z-index:60!important;background:rgba(2,13,27,.96)!important}
  .topbar-left{gap:12px!important;flex:1!important}
  .mobile-hamburger{width:34px;height:34px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;color:#fff;padding:4px;flex:0 0 34px}
  .mobile-hamburger span{display:block;width:25px;height:2.4px;border-radius:999px;background:#e8f1fc}
  .topbar-mark{display:flex!important;width:44px;height:44px;align-items:center;justify-content:center;flex:0 0 44px}
  .topbar-mark img{display:block;width:43px;height:43px;object-fit:contain}
  .topbar-title{max-width:37vw!important;font-size:18px!important;line-height:1.1!important}
  .topbar-search,.wallet-live-pill,.vip-badge-topbar{display:none!important}
  .topbar-actions{gap:9px!important}
  .topbar-avatar-link .avatar,.topbar-avatar-link img{width:48px!important;height:48px!important}
  .topbar .icon-btn,.topbar-logout{width:48px!important;height:48px!important;border-radius:14px!important}
  .content{width:100%!important;max-width:100vw!important;padding:17px 16px 26px!important;overflow-x:hidden!important}
  .page-head{margin-bottom:16px!important}.page-head h1{font-size:23px!important}
  .grid-2,.grid-3,.dashboard-grid,.stat-grid,.wallet-grid,.profile-grid,.payment-layout,.campaign-market,.detail-grid,.info-grid,.market-cards{grid-template-columns:1fr!important;gap:16px!important}
  .card,.white-card,.filter-card,.stat-card,.wallet-card,.settings-card,.profile-panel,.deposit-pro-panel,.timed-products-card,.withdrawal-destinations-card{border-radius:18px!important}
  .card-header{min-height:62px!important;padding:17px 19px!important}.card-body{padding:18px!important}
  .stat-card{min-height:142px!important;padding:21px!important}.stat-value{font-size:28px!important}.stat-icon{right:18px!important;top:18px!important}
  .table-wrap{max-width:100%;overflow:auto!important;-webkit-overflow-scrolling:touch}
  .modal{padding:12px!important}.modal-card{width:100%!important;max-height:92dvh!important}

  .mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:70;min-height:76px;padding:8px 8px calc(7px + env(safe-area-inset-bottom));background:rgba(2,12,25,.97);border-top:1px solid var(--an-border);box-shadow:0 -14px 35px rgba(0,0,0,.28);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .mobile-bottom-link{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px 2px;border-radius:12px;color:#899bb0;font-size:9px;font-weight:700;text-align:center}
  .mobile-bottom-link::before{content:"";position:absolute;top:-8px;left:20%;right:20%;height:3px;border-radius:999px;background:transparent}
  .mobile-bottom-link.active{color:#2e8fff;background:rgba(20,105,220,.06)}
  .mobile-bottom-link.active::before{background:#2589ff;box-shadow:0 0 12px rgba(37,137,255,.55)}
  .mobile-bottom-icon{width:30px;height:30px;display:grid;place-items:center}
  .mobile-bottom-link .icon{width:22px;height:22px}

  .product-progress-card{padding:16px!important}
  .product-progress-main{grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important}
  .product-progress-logo{width:62px!important;height:62px!important;min-width:62px!important}
  .product-progress-name{font-size:17px!important}
  .product-progress-commission{min-width:145px!important;width:auto!important;display:flex!important;align-items:flex-end!important;padding:0!important;border:0!important;text-align:right!important}
  .product-progress-commission strong{font-size:17px!important;text-align:right!important}
  .product-progress-commission-label{font-size:10px!important}
}

@media (max-width:540px){
  .topbar{height:74px!important;padding:0 12px!important}.mobile-hamburger{width:31px;flex-basis:31px}.mobile-hamburger span{width:23px}.topbar-mark{width:38px;height:38px;flex-basis:38px}.topbar-mark img{width:38px;height:38px}.topbar-title{font-size:16px!important;max-width:31vw!important}.topbar-avatar-link .avatar,.topbar-avatar-link img{width:43px!important;height:43px!important}.topbar .icon-btn,.topbar-logout{width:43px!important;height:43px!important}
  .content{padding:14px 12px 22px!important}.card-header{padding:15px 16px!important}.card-body{padding:15px!important}.card-header h2,.card-header h3{font-size:15px!important}
  .stat-card{min-height:132px!important;padding:18px!important}.stat-value{font-size:25px!important}.stat-icon{width:43px!important;height:43px!important}
  .kpi-row{min-height:74px;padding:13px!important}.kpi-row b{font-size:14px}
  .product-progress-card{padding:14px!important;gap:14px!important}.product-progress-main{grid-template-columns:1fr!important}.product-progress-product{gap:12px!important}.product-progress-logo{width:57px!important;height:57px!important;min-width:57px!important}.product-progress-commission{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;padding-top:12px!important;border-top:1px solid var(--an-border-soft)!important;text-align:left!important}.product-progress-commission-label{justify-content:flex-start!important}.product-progress-commission strong{text-align:right!important;font-size:16px!important}.product-progress-meter>strong{font-size:19px!important}
  .mobile-bottom-link{font-size:8.5px}.mobile-bottom-icon{height:27px}
}