:root{
  --primary:#7c3aed;--primary-2:#9b5cf6;--primary-soft:#f2eaff;--pink:#f5d9f4;--orange:#f59e0b;--red:#e50914;--green:#10b981;
  --ink:#17213c;--muted:#7d879d;--line:#e9edf5;--bg:#f6f8fc;--card:#fff;--shadow:0 12px 36px rgba(37,45,75,.07);--radius:18px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{max-width:100%}.hidden{display:none!important}.grow{flex:1}.no-scroll{overflow:hidden}.orange-text{color:var(--orange)}.red-text{color:var(--red)}
.brand{display:flex;align-items:center;gap:10px}.brand strong,.sidebar-brand strong{display:block;font-weight:800}.brand small,.sidebar-brand small{display:block;color:var(--muted);font-size:11px}.brand-mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:white;font-size:23px;font-weight:800;background:linear-gradient(135deg,#9a67f7,#db9fe1);box-shadow:0 8px 20px rgba(124,58,237,.18)}.brand.big .brand-mark{width:48px;height:48px;font-size:28px}
.guest-body{background:linear-gradient(180deg,#fff 0,#f7f8fc 55%,#f4f7fb 100%)}.guest-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.guest-nav-inner{max-width:1180px;margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between}.guest-nav nav{display:flex;align-items:center;gap:24px}.guest-nav nav>a:not(.btn){font-weight:600;color:#5f6980}.guest-nav nav>a:not(.btn):hover{color:var(--primary)}.mobile-nav-toggle{display:none;border:0;background:var(--primary-soft);color:var(--primary);border-radius:10px;width:40px;height:40px}
.guest-wrap{max-width:1180px;margin:0 auto;padding:0 22px}.guest-wrap.narrow{max-width:820px}.guest-hero{padding:72px 0 42px;background:radial-gradient(circle at 85% 15%,rgba(196,181,253,.35),transparent 34%),radial-gradient(circle at 12% 30%,rgba(251,207,232,.25),transparent 32%)}.hero-copy{text-align:center;max-width:750px;margin:0 auto 38px}.eyebrow{display:inline-flex;padding:8px 13px;border-radius:999px;background:#e8fff4;color:#059669;font-size:12px;font-weight:800}.eyebrow.purple{background:var(--primary-soft);color:var(--primary)}.hero-copy h1{font-size:48px;line-height:1.05;margin:18px 0 12px;letter-spacing:-2px}.hero-copy h1 span{background:linear-gradient(100deg,var(--primary),#c46ab8);-webkit-background-clip:text;color:transparent}.hero-copy p{font-size:17px;color:var(--muted);margin:0}.checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.guest-section{padding:30px 0}.guest-section.top-spaced{padding-top:70px;min-height:70vh}.faq-section{padding-bottom:70px}.faq-section details{max-width:850px;margin:10px auto;background:white;border:1px solid var(--line);border-radius:14px;padding:16px 18px}.faq-section summary{font-weight:700;cursor:pointer}.faq-section p{color:var(--muted)}.section-title{text-align:center;margin-bottom:24px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.section-heading>div{min-width:0}.section-heading h2{font-size:18px;margin:0 0 3px;letter-spacing:-.3px}.section-heading p{margin:0;color:var(--muted);font-size:12px}.mini-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--primary-soft);color:var(--primary);font-weight:800;margin-bottom:8px}.mini-icon.orange{background:#fff3da;color:var(--orange)}.mini-icon.green{background:#e8fff5;color:var(--green)}.trust-pill{white-space:nowrap;border-radius:999px;padding:6px 10px;background:#f1e8ff;color:var(--primary);font-size:10px;font-weight:800}.trust-pill.orange{background:#fff1d2;color:#c47a00}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.field span{font-size:11px;font-weight:700;color:#657086}.field input,.field select,.field textarea,select{width:100%;border:1px solid #dfe4ef;background:#fbfcff;color:var(--ink);border-radius:10px;padding:12px 13px;outline:none;transition:.18s}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#b899fa;background:white;box-shadow:0 0 0 3px rgba(124,58,237,.08)}.field input:disabled{background:#f0f2f7;color:#8a93a5}.lookup-row{display:flex;gap:10px;align-items:flex-end}.lookup-row .field{margin-bottom:0}.lookup-btn{height:43px}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .field{margin-bottom:0}
.btn{border:0;border-radius:10px;padding:11px 16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.18s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{color:#fff;background:linear-gradient(100deg,#8628ee,#8e76e7);box-shadow:0 8px 22px rgba(124,58,237,.18)}.btn-soft{background:#f2eff8;color:#5f5872;border:1px solid #e8e2f2}.btn-danger{background:#fff0f2;color:#d6384f;border:1px solid #ffdce2}.btn-netflix{background:#e50914;color:#fff}.btn-sm{padding:8px 12px}.btn-xs{padding:6px 9px;font-size:11px;border-radius:8px}.btn-lg{padding:14px 18px}.btn-block{width:100%}.text-link{font-size:11px;color:var(--primary);font-weight:700}
.package-selector{margin:20px 0 14px}.label-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px}.label-row strong{font-size:12px}.label-row small{color:var(--muted)}.package-pills{display:flex;gap:8px;flex-wrap:wrap}.package-pill{border:1px solid #e5e5ed;background:#fff;border-radius:9px;padding:9px 14px;display:flex;gap:6px;align-items:center;color:#5f6676}.package-pill span{font-weight:700}.package-pill small{font-size:10px}.package-pill:hover,.package-pill.selected{border-color:#a77af5;background:#f3ecff;color:var(--primary);box-shadow:0 0 0 2px rgba(124,58,237,.06)}.testflight-box{display:flex;gap:11px;align-items:flex-start;border:1px solid #ffe2bd;background:#fffaf2;padding:12px;border-radius:10px;margin:12px 0 16px}.testflight-box input{margin-top:2px}.testflight-box strong{display:block;font-size:11px}.testflight-box small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.user-result{display:flex;align-items:center;gap:11px;margin-top:14px;border:1px solid #e6d8ff;background:#faf7ff;border-radius:12px;padding:11px 13px}.user-result strong{display:block}.user-result small{display:block;color:var(--muted);font-size:11px}
.avatar{position:relative;width:34px;height:34px;overflow:hidden;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#a681ee);color:#fff;font-weight:800}.avatar-lg{width:44px;height:44px;font-size:18px}.avatar-xl{width:66px;height:66px;border-radius:20px;font-size:25px}.benefit-card{display:grid;gap:6px}.benefit{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.benefit:last-child{border-bottom:0}.benefit>span{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:#e9fff4;color:#10a36e;font-weight:800}.benefit strong{font-size:12px}.benefit p{font-size:11px;color:var(--muted);margin:3px 0 0}.guide-card{max-width:100%}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.step{border:1px solid #ececf3;background:#fbfcff;border-radius:12px;padding:14px;display:flex;align-items:center;gap:10px}.step span{width:28px;height:28px;border-radius:999px;background:#fff1d9;color:#db8d13;display:grid;place-items:center;font-weight:800}.step strong{font-size:12px}.guide-text{margin-top:16px;border-radius:12px;padding:16px;background:#f8f9fc;color:#5e687b;font-size:12px}.guide-text.large{font-size:13px;line-height:2}.guide-ol{padding-left:22px;color:#596377}.guide-ol li{margin:9px 0}.site-footer,.portal-footer{text-align:center;color:#8b94a8;font-size:11px;padding:25px}.site-footer{border-top:1px solid var(--line);background:#fff}
.login-section{min-height:calc(100vh - 70px);display:grid;place-items:center;padding:50px 22px}.login-shell{width:min(960px,100%);display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}.login-side{padding:35px}.login-side h1{font-size:42px;margin:28px 0 10px}.login-side p{font-size:16px;color:var(--muted)}.login-feature{margin:13px 0;color:#536078;font-weight:600}.login-card{padding:34px}.login-card h2{font-size:24px;margin:0}.login-card>p{color:var(--muted);margin:5px 0 22px}.check-row{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:12px;color:#5e687b}.back-link{display:block;text-align:center;color:var(--primary);font-size:12px;font-weight:700;margin-top:16px}
.order-result{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.order-result>div{background:#f8f9fc;border-radius:12px;padding:14px}.order-result small,.counter-box small{display:block;color:var(--muted);font-size:10px}.order-result strong{display:block;margin-top:4px}
.portal-body{background:var(--bg)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:238px;z-index:80;background:#fff;border-right:1px solid var(--line);padding:18px 15px;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 2px 16px}.sidebar-close{display:none;margin-left:auto;border:0;background:transparent;font-size:24px;color:#7d879d}.profile-card{position:relative;border-radius:15px;background:#101936;color:#fff;padding:14px;margin-bottom:17px;box-shadow:0 10px 24px rgba(16,25,54,.16)}.profile-card.compact{background:#f6f1ff;color:var(--ink);box-shadow:none}.profile-row{display:flex;align-items:center;gap:9px}.profile-row strong{font-size:12px;display:block}.profile-row small{font-size:10px;display:block;color:#aeb8d1}.profile-card.compact .profile-row small{color:var(--muted)}.wallet-label{font-size:9px;color:#c5cce0;margin-top:12px}.wallet-balance{font-size:18px;color:#ffc628;font-weight:800;letter-spacing:.2px}.credit-line{font-size:9px;color:#d2d8ea}.mini-add{position:absolute;right:10px;bottom:12px;background:#ffc928;color:#171d2e;padding:5px 8px;border-radius:7px;font-size:9px;font-weight:800}.menu-title{font-size:8px;color:#a5aec0;font-weight:800;letter-spacing:.11em;margin:6px 8px 8px}.side-menu{display:grid;gap:4px}.side-menu a,.logout-link{width:100%;border:0;background:transparent;text-align:left;display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:9px;color:#616b80;font-weight:650;font-size:12px}.side-menu a:hover,.side-menu a.active{background:linear-gradient(90deg,#7d2ee9,#7631e3);color:#fff;box-shadow:0 8px 17px rgba(124,58,237,.16)}.side-menu form{margin:0}.logout-link{color:#ef4562}.netflix-n{display:grid;place-items:center;width:16px;height:16px;border-radius:4px;background:#e50914;color:#fff;font-weight:800;font-size:10px}.portal-shell{margin-left:238px;min-height:100vh;display:flex;flex-direction:column}.portal-header{height:84px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:13px 34px;position:sticky;top:0;z-index:40}.portal-header h1{font-size:20px;margin:0}.portal-header p{font-size:10px;color:var(--muted);margin:2px 0 0}.hamburger{display:none;border:0;background:var(--primary-soft);color:var(--primary);width:40px;height:40px;border-radius:10px;font-size:19px}.header-badges{margin-left:auto;display:flex;align-items:center;gap:10px}.online-pill{font-size:9px;font-weight:800;color:#0fa56f;background:#eafff6;border:1px solid #c9f5e3;border-radius:999px;padding:7px 10px}.balance-pill{min-width:92px;border:1px solid #ffe3a7;background:#fffaf0;border-radius:12px;padding:5px 10px;display:grid}.balance-pill small{font-size:8px;color:#959caf}.balance-pill strong{font-size:12px;color:#ee9700}.balance-pill em{font-style:normal;font-size:8px;color:var(--primary)}.portal-content{width:100%;max-width:1240px;margin:0 auto;padding:28px 28px 40px;flex:1}.portal-footer{margin-left:0}.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(12,18,35,.42);z-index:70}.mobile-overlay.show{display:block}
.stats-grid{display:grid;gap:14px;margin-bottom:20px}.stats-grid.four{grid-template-columns:repeat(4,1fr)}.stats-grid.three{grid-template-columns:repeat(3,1fr)}.stat-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;display:flex;align-items:center;gap:11px;box-shadow:0 8px 24px rgba(37,45,75,.04)}.stat-icon{width:36px;height:36px;border-radius:10px;background:#f4ebff;color:var(--primary);display:grid;place-items:center;font-weight:800}.stat-card small{display:block;color:var(--muted);font-size:9px}.stat-card strong{display:block;margin-top:3px;font-size:14px}.two-col-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);gap:18px;align-items:start}.recent-list{display:grid;gap:3px}.recent-item{display:flex;align-items:center;gap:9px;padding:9px;border-radius:10px}.recent-item:hover{background:#fafbfe}.recent-item strong{font-size:11px}.recent-item small{display:block;font-size:9px;color:var(--muted)}.mini-guide{margin-top:16px}.mini-guide h3{margin:0 0 10px;font-size:14px}.mini-guide ol{margin:0;padding-left:18px;color:#6b7488;font-size:11px}.mini-guide li{margin:6px 0}.status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800;white-space:nowrap;background:#f0f2f7;color:#687287}.status.completed,.status.active{background:#e8fff5;color:#0ba36c}.status.pending_payment,.status.payment_confirmed,.status.processing{background:#fff5d9;color:#c17d00}.status.provider_failed,.status.cancelled,.status.payment_expired,.status.refunded{background:#fff0f2;color:#d14a5c}.soft-pill{display:inline-flex;border-radius:999px;padding:5px 9px;background:#f0e9ff;color:#7746c9;font-size:9px;font-weight:800}
.deposit-layout{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)}.quick-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:15px}.amount-chip{border:1px solid #e9d5ff;background:linear-gradient(90deg,#f0e7ff,#fae5f5);color:#6f4aae;border-radius:9px;padding:10px;font-size:10px;font-weight:700}.amount-chip.selected{outline:2px solid #9b72ef}.bank-info dl,.payment-details dl{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0}.bank-info dt,.bank-info dd,.payment-details dt,.payment-details dd{padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.bank-info dt,.payment-details dt{color:var(--muted)}.bank-info dd,.payment-details dd{text-align:right;font-weight:700;margin:0}.note-box{margin-top:16px;border:1px solid #e8ebf3;background:#f9fafc;border-radius:10px;padding:12px;color:#697287;font-size:10px}.payment-panel{display:grid;grid-template-columns:230px 1fr;gap:18px;align-items:start}.qr-area{text-align:center}.qr-area img{width:220px;max-width:100%;border:1px solid var(--line);border-radius:14px;background:#fff}.qr-area small{display:block;margin-top:8px;color:var(--muted);font-size:10px}.qr-placeholder{width:220px;max-width:100%;aspect-ratio:1;display:grid;place-items:center;background:#fafafa;border:1px dashed #d7dce7;border-radius:14px;color:#9ba3b5}.copy-row{display:flex;align-items:center;gap:8px;border:1px solid #eadcff;background:#faf6ff;padding:8px 10px;border-radius:10px}.copy-row.big{padding:12px}.copy-row span{flex:1;color:#7c46c6;font-weight:800;overflow-wrap:anywhere}.copy-row button{border:0;background:#eee2ff;color:#6d3db6;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:700}.payment-wait{margin-top:12px;border-radius:9px;padding:10px;background:#fff9e9;color:#ad790d;font-size:10px;font-weight:700}.payment-details h3{margin:0 0 10px}.amount-big{font-size:23px;font-weight:800;color:#ec9200;margin-bottom:8px}
.section-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:16px}.section-intro h2{margin:0;font-size:20px}.section-intro p{margin:2px 0;color:var(--muted);font-size:11px}.counter-box{background:#fff;border:1px solid var(--line);padding:10px 16px;border-radius:13px;text-align:right}.counter-box strong{display:block;color:var(--primary);margin-top:3px}.package-grid{display:grid;gap:14px}.package-grid.three{grid-template-columns:repeat(3,1fr)}.package-card{position:relative;min-height:250px;display:flex;flex-direction:column}.package-card:hover{transform:translateY(-2px);transition:.2s;box-shadow:0 15px 36px rgba(37,45,75,.09)}.package-icon{width:32px;height:32px;border-radius:9px;background:#f5e9ff;color:var(--primary);display:grid;place-items:center;font-weight:800}.package-badge{position:absolute;right:13px;top:13px;background:#f7efff;color:#7b45c5;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:800}.package-badge.red{background:#fff0f1;color:#e50914}.package-card h3{font-size:14px;margin:16px 0 4px}.package-main{color:#5f29d6;font-size:18px;font-weight:800}.package-card p{color:var(--muted);font-size:10px;min-height:32px}.package-price{font-size:14px;color:#f49a00;font-weight:800;margin-top:auto;margin-bottom:10px}.clean-list{padding-left:17px;color:#687287;font-size:10px}.clean-list li{margin:4px 0}.netflix-card{border-color:#f4dcdc}.netflix-logo{width:32px;height:32px;border-radius:9px;background:#e50914;color:#fff;display:grid;place-items:center;font-weight:900}.nf-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0}.nf-metrics span{background:#fff7f7;border-radius:8px;padding:7px;text-align:center}.nf-metrics strong,.nf-metrics small{display:block;font-size:9px}.nf-metrics small{color:#9e8184;font-size:7px}.wide{grid-column:1/-1}
.table-card{padding:0;overflow:hidden;margin-top:18px}.table-card .section-heading{padding:20px 20px 0}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:760px}.table-wrap th{background:#f5f1ff;color:#8991a2;font-size:8px;letter-spacing:.03em;text-transform:uppercase;text-align:left;padding:10px 12px}.table-wrap td{padding:11px 12px;border-bottom:1px solid #eff1f5;font-size:10px;vertical-align:middle}.table-wrap tr:last-child td{border-bottom:0}.table-sub{display:block;color:var(--muted);font-size:8px;margin-top:2px}.search-box{display:flex;gap:7px}.search-box input{border:1px solid var(--line);border-radius:9px;padding:8px 10px}.action-row{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.action-row form{margin:0}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f5f6fa;padding:3px 5px;border-radius:5px;overflow-wrap:anywhere}.rank-circle{display:inline-grid;place-items:center;min-width:26px;height:26px;border-radius:9px;background:#eff1f5;color:#6d7689;font-size:9px;font-weight:800}.podium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.podium{text-align:center;position:relative;padding-top:32px}.podium.winner{border-color:#f2a400;box-shadow:0 12px 30px rgba(245,158,11,.12)}.rank-tag{position:absolute;left:14px;top:12px;font-size:9px;font-weight:800;color:#9199a9}.podium .avatar{margin:auto}.podium>small{display:block;color:#999fae;margin-top:10px;font-size:8px}.podium h3{margin:4px 0 0;font-size:14px}.podium p{font-size:9px;color:var(--muted);margin:2px 0 6px}.podium>strong{color:#f09a00}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:15px}.avatar-choice{border:1px solid var(--line);background:#fff;border-radius:12px;height:52px;font-size:22px;color:#7d45cc}.code-panel{margin-top:14px;border:1px solid var(--line);background:#fafbfe;border-radius:12px;padding:14px}.code-panel code{display:block;margin-bottom:7px}.code-panel small{color:var(--muted)}
.admin-actions{display:flex;justify-content:flex-end;margin-bottom:12px}.dialog{border:0;border-radius:18px;padding:0;box-shadow:0 30px 80px rgba(17,24,39,.2);width:min(470px,calc(100% - 30px))}.dialog::backdrop{background:rgba(17,24,39,.42);backdrop-filter:blur(3px)}.dialog form{padding:22px}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dialog-head h3{margin:0}.dialog-head button{width:34px;height:34px;border:0;border-radius:9px;background:#f2f3f7;color:#687287;font-size:19px}.wide-dialog{width:min(560px,calc(100% - 30px))}.inline-form{display:flex;align-items:flex-end;gap:10px}.inline-form .field{margin:0}.small-field{max-width:110px}.tabs{display:flex;gap:7px;margin-bottom:13px;overflow:auto}.tab{border:1px solid var(--line);background:#fff;color:#687287;border-radius:9px;padding:9px 13px;font-weight:700;font-size:11px}.tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tab-panel{display:none}.tab-panel.active{display:block}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.api-test-card{position:sticky;top:104px}.form-section-title{font-size:12px;color:#6b4ca2;padding-bottom:7px;border-bottom:1px solid #eeeaf4;margin:22px 0 14px}.alert{padding:12px 14px;border-radius:10px;margin-bottom:14px}.alert.warning{background:#fff8df;color:#9b7107;border:1px solid #ffebae}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:18px}.admin-sidebar .brand-mark{background:linear-gradient(135deg,#2f3b68,#7c3aed)}
.swal-portal{border-radius:20px!important;padding:24px!important;font-family:Inter,sans-serif!important}.swal-portal h2{font-size:20px;margin:8px 0 5px}.swal-portal p{color:var(--muted);font-size:12px}.swal-confirm,.swal-cancel{border:0;border-radius:10px;padding:10px 16px;font-weight:700;margin:5px}.swal-confirm{background:linear-gradient(100deg,#8628ee,#8e76e7);color:#fff}.swal-cancel{background:#eff1f5;color:#626b7d}.custom-swal-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;margin:0 auto 12px;font-size:25px;font-weight:900}.custom-swal-icon.success{background:#e7fff4;color:#0bae72}.custom-swal-icon.error{background:#fff0f2;color:#dd4159}.custom-swal-icon.warning{background:#fff6dc;color:#d28b05}.custom-swal-icon.info{background:#f0e7ff;color:#7c3aed}.custom-swal-icon.loading{background:#f4ecff}.custom-swal-icon.loading span{width:23px;height:23px;border:3px solid #d9c6ff;border-top-color:#7c3aed;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.payment-swal{width:min(760px,calc(100% - 24px))!important}.payment-modal{text-align:left}.payment-head{display:flex;align-items:center;gap:12px;margin-bottom:15px}.payment-head .custom-swal-icon{margin:0}.payment-head h2{margin:0}.payment-head p{margin:2px 0}.payment-modal-grid{display:grid;grid-template-columns:260px 1fr;gap:20px}.empty-state{text-align:center;color:#9ba3b4;padding:25px}.empty-state.small{padding:12px}.rank-tag,.package-badge,.status,.soft-pill,.eyebrow,.online-pill{-webkit-font-smoothing:antialiased}
@media(max-width:1100px){.stats-grid.four{grid-template-columns:repeat(2,1fr)}.package-grid.three{grid-template-columns:repeat(2,1fr)}.two-col-layout,.checkout-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.api-test-card{position:static}.dashboard-grid{grid-template-columns:1fr}.benefit-card{grid-template-columns:repeat(3,1fr)}.benefit{border-bottom:0}.payment-panel{grid-template-columns:220px 1fr}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:.22s;box-shadow:0 0 50px rgba(17,24,39,.15)}.sidebar.open{transform:translateX(0)}.sidebar-close,.hamburger{display:block}.portal-shell{margin-left:0}.portal-header{padding:12px 16px;height:72px}.portal-header p{display:none}.header-badges .online-pill{display:none}.portal-content{padding:18px 14px 30px}.steps{grid-template-columns:repeat(2,1fr)}.guest-nav-inner{padding:12px 15px}.mobile-nav-toggle{display:block}.guest-nav nav{display:none;position:absolute;top:65px;left:12px;right:12px;background:white;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:4px}.guest-nav nav.open{display:flex}.guest-nav nav>a{padding:10px}.guest-hero{padding-top:42px}.hero-copy h1{font-size:38px}.login-shell{grid-template-columns:1fr}.login-side{display:none}.account-grid{grid-template-columns:1fr}.podium-grid{grid-template-columns:1fr 1fr}.podium:first-child{grid-column:1/-1}.benefit-card{grid-template-columns:1fr}.order-result{grid-template-columns:repeat(2,1fr)}.payment-modal-grid{grid-template-columns:1fr}.payment-modal-grid .qr-area img{width:190px}.inline-form{flex-wrap:wrap}.inline-form .grow{flex-basis:100%}}
@media(max-width:560px){body{font-size:13px}.card{padding:16px;border-radius:14px}.guest-wrap{padding:0 13px}.guest-hero{padding:32px 0 20px}.hero-copy{margin-bottom:23px}.hero-copy h1{font-size:32px;letter-spacing:-1.2px}.hero-copy p{font-size:14px}.lookup-row{flex-direction:column;align-items:stretch}.lookup-btn{height:auto}.form-grid.two{grid-template-columns:1fr}.stats-grid.four,.stats-grid.three{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:12px}.stat-card strong{font-size:12px}.stat-icon{width:31px;height:31px}.package-grid.three{grid-template-columns:1fr}.quick-amounts{grid-template-columns:repeat(2,1fr)}.payment-panel{grid-template-columns:1fr}.payment-panel .qr-area img{width:180px}.steps{grid-template-columns:1fr}.section-heading{align-items:flex-start}.section-heading .trust-pill{font-size:8px}.portal-header h1{font-size:16px}.balance-pill{min-width:80px}.balance-pill strong{font-size:10px}.header-badges{gap:4px}.package-pills{display:grid;grid-template-columns:repeat(3,1fr)}.package-pill{padding:8px 6px;display:grid;text-align:center}.package-pill span{font-size:10px}.package-pill small{font-size:8px}.order-result{grid-template-columns:1fr}.podium-grid{grid-template-columns:1fr}.podium:first-child{grid-column:auto}.section-intro{flex-direction:column}.counter-box{text-align:left;width:100%}.settings-grid{display:block}.api-test-card{margin-top:14px}.dialog form{padding:17px}.payment-swal{padding:15px!important}.swal2-close{font-size:26px!important}.guest-section.top-spaced{padding-top:35px}.avatar-grid{grid-template-columns:repeat(5,1fr)}.nf-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:380px){.stats-grid.four,.stats-grid.three{grid-template-columns:1fr}.package-pills{grid-template-columns:1fr 1fr}.avatar-grid{grid-template-columns:repeat(4,1fr)}.guest-nav-inner{padding-left:10px;padding-right:10px}.portal-content{padding-left:9px;padding-right:9px}.portal-header{padding-left:9px;padding-right:9px}.header-badges .balance-pill em{display:none}}

.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:2}.avatar-fallback{position:absolute;inset:0;display:grid;place-items:center;z-index:1}.locket-avatar{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#6d28d9;border:1px solid #ddd6fe}.pay-choice{display:flex;gap:18px;align-items:center;margin:10px 0 14px}.code-panel pre{white-space:pre-wrap;overflow:auto;background:#111827;color:#e5e7eb;border-radius:10px;padding:12px;font-size:11px;line-height:1.65}

/* v1.2.0 - Gold account inspector + larger CTV quick guide */
.gold-main-grid{grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr)}
.gold-left-stack,.gold-right-stack{display:grid;gap:18px;align-content:start}
.gold-customer-fields{margin-top:18px}
.gold-form-card .lookup-row{margin-bottom:2px}
.gold-grant-btn{margin-top:2px}
.account-check-card{padding:20px}
.account-check-title{font-size:10px;font-weight:900;letter-spacing:.04em;color:#7c86a0;margin-bottom:12px;text-transform:uppercase}
.account-check-placeholder{min-height:142px;border:1px dashed #dfe4ef;border-radius:14px;background:#fafbfe;display:grid;place-items:center;text-align:center;padding:20px;color:#8993a7}
.account-check-placeholder strong{font-size:12px;color:#687287;margin-top:4px}.account-check-placeholder small{max-width:270px;font-size:10px;line-height:1.55}.account-placeholder-icon{width:38px;height:38px;border-radius:12px;background:#f1e9ff;color:#7c3aed;display:grid;place-items:center;font-size:20px;font-weight:900}
.account-check-content{display:grid;gap:12px}.account-profile-box{display:flex;align-items:center;gap:12px;border:1px solid #e8ebf2;border-radius:14px;padding:12px;background:#fbfcff}.account-profile-box strong{font-size:14px;display:block}.account-profile-box b{font-size:11px;display:block;color:#7c3aed;margin:2px 0}.account-profile-box small{font-size:8px;color:#9aa2b1;overflow-wrap:anywhere;display:block}.account-avatar{width:56px;height:56px;border-radius:14px}
.gold-state{display:flex;gap:10px;align-items:flex-start;border-radius:13px;padding:12px 13px;border:1px solid}.gold-state-icon{width:25px;height:25px;flex:0 0 25px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900}.gold-state strong{display:block;font-size:10px}.gold-state small{display:block;font-size:9px;line-height:1.5;margin-top:2px}.gold-state-ready{background:#ecfff7;border-color:#bdeed8;color:#0b8f63}.gold-state-ready .gold-state-icon{background:#12b981;color:#fff}.gold-state-active{background:#fff9e9;border-color:#f2d997;color:#a86d00}.gold-state-active .gold-state-icon{background:#f4a000;color:#fff}.gold-state-unknown{background:#f4f0ff;border-color:#ded2ff;color:#6e49b7}.gold-state-unknown .gold-state-icon{background:#8154d7;color:#fff}
.recent-card .section-heading{margin-bottom:10px}.recent-card .section-heading h2{font-size:10px;color:#7b5fbd;letter-spacing:.02em}.system-commitments{padding:20px}.commitment-row{display:flex;gap:10px;align-items:flex-start;padding:8px 0}.commitment-row>span{width:25px;height:25px;flex:0 0 25px;border-radius:50%;background:#e7fff4;color:#0baa70;display:grid;place-items:center;font-weight:900}.commitment-row strong{font-size:10px;display:block}.commitment-row small{display:block;color:#8a94a8;font-size:9px;margin-top:2px}
.ctv-quick-guide{padding:20px 22px}.quick-guide-heading{display:flex;gap:10px;align-items:flex-start;margin-bottom:13px}.quick-guide-heading h3{margin:0;font-size:12px;color:#778198;letter-spacing:.035em}.quick-guide-heading p{margin:3px 0 0;color:#9aa2b1;font-size:9px}.guide-book-icon{width:27px;height:27px;border-radius:8px;background:#efe8ff;color:#7c3aed;display:grid;place-items:center;font-weight:900}.ctv-guide-steps{display:grid;gap:7px}.ctv-guide-step{display:flex;gap:10px;align-items:center;border:1px solid #e5e8ef;background:#fcfdff;border-radius:10px;padding:9px 11px}.guide-number{width:23px;height:23px;flex:0 0 23px;border-radius:50%;display:grid;place-items:center;background:#f3eaff;color:#8a45e6;font-size:9px;font-weight:900}.ctv-guide-step strong{display:block;font-size:9px;color:#566176}.ctv-guide-step strong a{color:#6f38d5}.ctv-guide-step small{display:block;font-size:8px;color:#9aa2b0;margin-top:1px}.refund-guide{border-top:1px solid #edf0f5;margin-top:12px;padding-top:10px;display:grid;gap:3px;font-size:8px}.refund-guide strong{font-size:9px;color:#596377}.refund-guide span{display:block;font-weight:700}.refund-ok{color:#08a765}.refund-no{color:#e04757}
.deposit-min-note{margin:-3px 0 14px}.field small{font-weight:500;color:#99a1b0}
.green-stat{background:#e7fff4;color:#0baa70}.blue-stat{background:#e8f8ff;color:#1596d4}.gold-crown{background:#fff3dd;color:#df8c00}
@media(max-width:1100px){.gold-main-grid{grid-template-columns:1fr}.gold-right-stack{grid-template-columns:1fr 1fr}.account-check-card{grid-column:1/-1}.ctv-quick-guide{order:2}}
@media(max-width:720px){.gold-right-stack{grid-template-columns:1fr}.account-check-card{grid-column:auto}.ctv-quick-guide{padding:16px}.ctv-guide-step{padding:10px}.account-profile-box{align-items:flex-start}}