@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Manrope:wght@600;700;800&family=Roboto+Flex:opsz,wdth,wght,GRAD@8..144,25..151,400..1000,-200..150&display=swap";:root{color-scheme:light;font-family:var(--font-sans);color:#07111f;background:#f6f7f9;font-synthesis:none;text-rendering:optimizeLegibility;--font-sans: "Inter", "SF Pro Text", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-display: "Manrope", "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--c-bg: #f6f7f9;--c-surface: #ffffff;--c-surface-soft: #f0f3f6;--c-ink: #07111f;--c-ink-soft: #222b38;--c-muted: #737b88;--c-muted-2: #9ba2ad;--c-line: rgba(7, 17, 31, .1);--c-line-soft: rgba(7, 17, 31, .06);--c-blue: #2d96f6;--c-blue-soft: #eaf5ff;--c-green: #11985f;--c-green-soft: #e9f8f0;--c-pink: #f23878;--c-purple: #8057ff;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow: 0 18px 60px rgba(7, 17, 31, .08)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100vh;margin:0}body{background:radial-gradient(circle at 0 0,rgba(45,150,246,.1),transparent 32vw),radial-gradient(circle at 100% 10%,rgba(17,152,95,.09),transparent 26vw),var(--c-bg);color:var(--c-ink);font-family:var(--font-sans);font-feature-settings:"cv11","ss01";font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:0}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{min-height:100vh;display:grid;place-items:center;gap:12px;color:var(--c-muted);font-weight:750}.btn,.primary-button,.ghost-button,.link-button{min-height:44px;border:1px solid transparent;border-radius:999px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--c-surface);color:var(--c-ink);font-size:14px;font-weight:760;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover,.primary-button:hover,.ghost-button:hover,.link-button:hover{transform:translateY(-1px)}.btn-primary,.primary-button{background:var(--c-ink);color:#fff;box-shadow:0 12px 32px #07111f29}.btn-secondary,.ghost-button{border-color:var(--c-line);background:var(--c-surface);color:var(--c-ink)}.btn.wide,.wide{width:100%}.btn.compact{min-height:38px;padding:0 14px}.icon-button{width:44px;height:44px;border:1px solid var(--c-line);border-radius:14px;display:grid;place-items:center;background:var(--c-surface);color:var(--c-ink)}.brand-row,.logo-line{display:flex;align-items:center;gap:12px}.brand-mark{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:0;background:transparent;border:0;box-shadow:none;transform:none}.brand-mark.compact{width:30px;height:30px;border-radius:0}.brand-mark img{width:100%;height:100%;object-fit:contain;transform:none}.brand-mark.compact img{width:100%;height:100%}.brand-mark span{display:none}.eyebrow{margin:0 0 8px;color:var(--c-muted-2);font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.small-pill,.pill{min-height:28px;display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:0 12px;background:var(--c-blue-soft);color:#1973c7;font-size:12px;font-weight:800}.pill.succeeded,.pill.active{background:var(--c-green-soft);color:var(--c-green)}.pill.canceled,.pill.provider_error{background:#fff0f3;color:var(--c-pink)}.auth-page{min-height:100vh;padding:28px;display:grid;place-items:center}.auth-card{width:min(1080px,100%);display:grid;grid-template-columns:minmax(0,1.1fr) 420px;gap:16px;border:1px solid var(--c-line);border-radius:32px;background:#ffffffc7;box-shadow:var(--shadow);overflow:hidden}.auth-product,.auth-panel{min-width:0;padding:34px}.auth-product{display:flex;flex-direction:column;gap:22px;background:linear-gradient(135deg,rgba(45,150,246,.08),transparent 42%),linear-gradient(315deg,rgba(17,152,95,.1),transparent 42%),var(--c-surface)}.auth-product h1{max-width:620px;margin:8px 0 0;font-size:clamp(40px,5.6vw,76px);line-height:.9;font-weight:980;letter-spacing:0;font-stretch:82%}.auth-product p{max-width:560px;margin:0;color:var(--c-muted);font-size:17px;line-height:1.5;font-weight:650}.mini-card-preview,.card-visual{position:relative;overflow:hidden;border-radius:24px;color:#fff;background:radial-gradient(circle at 85% 10%,rgba(255,255,255,.38),transparent 18%),radial-gradient(circle at 15% 85%,rgba(45,150,246,.54),transparent 26%),linear-gradient(135deg,#07111f,#101a2a 58%,#0f9b62 140%);box-shadow:0 24px 60px #07111f2e}.mini-card-preview{width:min(420px,100%);min-height:220px;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.mini-card-preview:after,.card-visual:after{content:"";position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;opacity:.32;background-image:linear-gradient(110deg,transparent 0 35%,rgba(255,255,255,.22) 45%,transparent 55%),radial-gradient(circle,rgba(255,255,255,.38) 1px,transparent 1.5px);background-size:auto,15px 15px;transform:rotate(-9deg)}.mini-card-preview>*,.card-visual>*{position:relative;z-index:1}.mini-card-preview div,.card-top,.card-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.mini-card-preview strong,.card-number{font-size:clamp(24px,3vw,36px);letter-spacing:.08em;font-weight:850}.mini-card-preview small,.card-bottom small{display:block;margin-bottom:4px;color:#ffffff94;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.auth-points,.mini-list{display:grid;gap:10px}.auth-points span,.mini-list span{display:flex;align-items:center;gap:9px;color:var(--c-ink-soft);font-size:14px;font-weight:760}.auth-points svg,.mini-list svg{color:var(--c-green)}.auth-panel{background:var(--c-surface);display:grid;align-content:center;gap:18px;border-left:1px solid var(--c-line-soft)}.auth-panel h2{margin:0;font-size:30px;line-height:1.1;letter-spacing:0}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:999px;background:var(--c-surface-soft);border:1px solid var(--c-line-soft)}.mode-switch button{min-height:38px;border:0;border-radius:999px;background:transparent;color:var(--c-muted);font-weight:800}.mode-switch button.active{background:var(--c-surface);color:var(--c-ink);box-shadow:0 8px 20px #07111f12}.auth-form{display:grid;gap:12px}.auth-form label,.input-label,.admin-settings label{display:grid;gap:8px;color:var(--c-muted);font-size:13px;font-weight:800}.input-shell,.input-label input,.input-label select,.admin-settings input,.admin-settings select,.promo-box div{min-height:48px;display:flex;align-items:center;gap:10px;border:1px solid var(--c-line);border-radius:15px;background:#fbfcfd;color:var(--c-muted);padding:0 14px}.input-shell input,.promo-box input,.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--c-ink);font-weight:740}.input-label input,.input-label select,.admin-settings input,.admin-settings select{width:100%;color:var(--c-ink);outline:none;font-weight:760}.auth-submit{width:100%;margin-top:4px}.auth-divider{display:flex;align-items:center;gap:10px;color:var(--c-muted-2);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--c-line)}.google-frame{min-height:48px;display:grid;place-items:center}.provider-loading{display:inline-flex;align-items:center;gap:8px;color:var(--c-muted);font-size:13px;font-weight:760}.auth-footnote,.note,.lead{margin:0;color:var(--c-muted);line-height:1.5;font-size:14px;font-weight:650}.error{padding:10px 12px;border-radius:13px;background:#fff1f4;color:#d51d55;font-size:13px;font-weight:750}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.app-shell aside{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:24px;padding:24px 18px;border-right:1px solid var(--c-line);background:#ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.logo-line b{display:block;font-size:18px}.logo-line small{color:var(--c-muted);font-size:12px;font-weight:780}.app-shell nav{display:grid;gap:8px}.app-shell nav button,.logout{min-height:48px;display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--c-muted);padding:0 14px;text-align:left;font-weight:790}.app-shell nav button.active{border-color:var(--c-line);background:var(--c-surface);color:var(--c-ink);box-shadow:0 10px 26px #07111f0d}.logout{margin-top:auto}.workspace{min-width:0;width:min(1280px,100%);margin:0 auto;padding:28px clamp(18px,3vw,40px) 56px}.workspace>header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.workspace h1{margin:0;font-size:clamp(30px,3vw,42px);line-height:1.06;letter-spacing:0;font-weight:760}.user-chip{min-height:44px;display:inline-flex;align-items:center;gap:9px;border:1px solid var(--c-line);border-radius:999px;padding:0 14px;background:var(--c-surface);color:var(--c-muted);font-size:14px;font-weight:780}.content-grid{display:grid;gap:16px}.content-grid.two{grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);align-items:start}.panel{min-width:0;border:1px solid var(--c-line);border-radius:20px;background:#ffffffdb;box-shadow:0 12px 40px #07111f0a;padding:20px}.dashboard-stack{display:grid;gap:16px}.dashboard-section{scroll-margin-top:20px}.dashboard-overview{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;background:linear-gradient(120deg,#2d96f614,#11985f17),#ffffffe6}.dashboard-overview h2{margin-bottom:6px;font-size:24px;font-weight:700}.dashboard-overview p{max-width:560px;margin:0;color:var(--c-muted);line-height:1.45;font-weight:650}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(126px,1fr));gap:8px}.quick-actions button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--c-line);border-radius:999px;background:var(--c-surface);color:var(--c-ink);padding:0 14px;font-size:14px;font-weight:750;box-shadow:0 8px 22px #07111f0d}.quick-actions button:first-child{background:var(--c-ink);border-color:var(--c-ink);color:#fff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:#07111f57;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal-card{width:min(980px,100%);max-height:min(86vh,900px);overflow:auto;border:1px solid var(--c-line);border-radius:28px;background:var(--c-bg);box-shadow:0 32px 100px #07111f38;padding:18px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:8px 8px 18px}.modal-title-row{display:flex;align-items:center;gap:10px}.modal-head h2{margin:0;font-size:28px;line-height:1.1}.modal-head p:not(.eyebrow){margin:0;color:var(--c-muted);font-size:14px;font-weight:650}.modal-head .icon-button{border-radius:999px;font-size:24px;line-height:1}.modal-card .content-grid.two{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr)}.modal-card .panel{box-shadow:none}.panel h2{margin:0 0 8px;font-size:24px;line-height:1.1;letter-spacing:0}.panel-subtitle{margin:-2px 0 0;color:var(--c-muted);font-size:13px;font-weight:600}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.issue-box{display:grid;gap:18px}.preview-panel{display:grid;gap:20px}.order-lines{display:grid;gap:8px;padding:14px;border-radius:18px;background:var(--c-surface-soft)}.order-lines span{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--c-muted);font-size:13px;font-weight:780}.order-lines small{font-size:13px}.order-lines b{color:var(--c-ink);font-size:15px}.order-lines .discount b{color:var(--c-green)}.order-lines .total{padding-top:8px;border-top:1px solid var(--c-line)}.order-lines .total b{font-size:22px}.promo-box{display:grid;gap:8px}.promo-box>span{display:inline-flex;align-items:center;gap:8px;color:var(--c-muted);font-size:13px;font-weight:850}.promo-box .good{color:var(--c-green)}.promo-box .bad{color:var(--c-pink)}.card-panel,.details-panel,.topup-panel,.payment-panel{display:grid;gap:16px}.cards-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px}.cards-tabs button{min-height:36px;flex:0 0 auto;border:1px solid var(--c-line);border-radius:999px;padding:0 12px;background:var(--c-surface);color:var(--c-muted);font-size:13px;font-weight:800}.cards-tabs button.active{background:var(--c-ink);border-color:var(--c-ink);color:#fff}.card-visual{min-height:238px;padding:22px;display:flex;flex-direction:column;justify-content:space-between}.card-status{border-radius:999px;padding:5px 10px;background:#ffffff21;font-size:12px;font-weight:850}.chip{width:48px;height:36px;border-radius:11px;background:linear-gradient(135deg,#fffc,#ffffff3d),#dbe7f0;box-shadow:inset 0 0 0 1px #ffffff5c}.status-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px}.status-strip span{min-height:44px;display:flex;align-items:center;gap:9px;border:1px solid var(--c-line);border-radius:14px;padding:0 12px;background:var(--c-surface);color:var(--c-muted);font-size:14px;font-weight:760}.copy-grid{display:grid;gap:10px}.copy-field{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--c-line);border-radius:16px;background:var(--c-surface);color:var(--c-ink);padding:0 14px;text-align:left}.details-modal-grid .copy-field{min-height:48px;border-radius:13px;padding:8px 12px}.details-modal-grid .copy-field small{margin-bottom:2px;font-size:10px}.details-modal-grid .copy-field b{font-size:14px}.copy-field small{display:block;margin-bottom:3px;color:var(--c-muted-2);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.copy-field b{display:block;max-width:100%;color:var(--c-ink);font-size:15px;font-weight:720;word-break:break-word}.copy-field .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.02em}.copy-field.muted b{color:var(--c-muted-2)}.input-label.amount input{font-size:30px;line-height:1;font-weight:900}.quote-card{display:grid;gap:4px;padding:18px;border-radius:20px;background:linear-gradient(120deg,#2d96f61c,#11985f1f),var(--c-surface);border:1px solid var(--c-line)}.topup-simple{width:min(520px,100%);display:grid;gap:16px;margin:0 auto}.topup-simple-head{display:grid;gap:5px}.topup-simple-head h2{margin:0;font-size:30px;line-height:1}.topup-simple-head p{margin:0;color:var(--c-muted);font-size:14px;font-weight:650}.topup-simple-body{display:grid;gap:12px}.input-label.compact input,.input-label.compact select{min-height:42px}.quote-card.compact{min-height:108px;align-content:center;padding:16px}.quote-card.compact strong{font-size:34px}.quote-card.compact small{max-width:360px}.quote-card span,.quote-card small{color:var(--c-muted);font-size:13px;font-weight:760}.quote-card strong{font-size:42px;line-height:1}.payment-methods{display:grid;gap:10px}.payment-methods button{min-height:52px;display:flex;align-items:center;gap:12px;border:1px solid var(--c-line);border-radius:17px;background:var(--c-surface);color:var(--c-ink);padding:0 14px;text-align:left;font-weight:730}.payment-methods button svg:last-child{margin-left:auto}.instructions-panel{display:grid;gap:18px}.search-box{min-width:min(360px,100%);min-height:44px;display:flex;align-items:center;gap:9px;border:1px solid var(--c-line);border-radius:999px;background:var(--c-surface);padding:0 14px;color:var(--c-muted)}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--c-ink)}.category-pills{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.category-pills button{min-height:34px;flex:0 0 auto;border:1px solid var(--c-line);border-radius:999px;background:var(--c-surface);color:var(--c-muted);padding:0 13px;font-size:13px;font-weight:650}.category-pills button.active{background:var(--c-ink);border-color:var(--c-ink);color:#fff}.service-picker-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px;align-items:start}.service-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;max-height:440px;overflow:auto;padding-right:4px}.service-card{min-height:74px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid var(--c-line);border-radius:16px;background:var(--c-surface);color:var(--c-ink);padding:10px;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.service-card:hover{transform:translateY(-1px);border-color:#07111f2e;box-shadow:0 14px 32px #07111f12}.service-card.active{border-color:#07111f3d;background:linear-gradient(135deg,#fffffffa,#f6fafff0),var(--c-surface);box-shadow:inset 0 0 0 1px #07111f0a,0 16px 38px #07111f14}.service-card span{min-width:0}.service-card b{display:block;margin-bottom:3px;overflow:hidden;color:var(--c-ink);font-size:15px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.service-card small{display:block;overflow:hidden;color:var(--c-muted);font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.service-card em{align-self:start;max-width:92px;overflow:hidden;border-radius:999px;padding:5px 8px;background:var(--c-surface-soft);color:var(--c-muted);font-size:10.5px;font-style:normal;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.service-logo{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:0;background:transparent;color:var(--service-accent);font-family:var(--font-display);font-size:15px;font-weight:800;letter-spacing:0;box-shadow:none}.service-logo.with-image{background:transparent;box-shadow:none}.service-logo img{width:100%;height:100%;object-fit:contain;border-radius:7px}.service-logo>span{transform:translateY(-.5px)}.service-logo.small{width:34px;height:34px;border-radius:0;font-size:13px}.service-empty{min-height:160px;grid-column:1 / -1;display:grid;place-items:center;align-content:center;gap:8px;border:1px dashed var(--c-line);border-radius:20px;color:var(--c-muted);text-align:center;padding:24px}.service-empty b{color:var(--c-ink);font-weight:700}.instruction-body{position:sticky;top:18px;min-height:320px;border:1px solid var(--c-line);border-radius:20px;background:#fbfcfd;padding:22px}.selected-service-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.selected-service-head>span{min-width:0}.selected-service-head small{display:block;margin-bottom:3px;color:var(--c-muted-2);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.instruction-body h3{margin:0;font-size:24px;font-weight:700}.selected-service-head p{margin:3px 0 0;color:var(--c-muted);font-size:14px;font-weight:500}.instruction-body ol{margin:0;padding-left:22px;color:var(--c-ink-soft);line-height:1.6;font-weight:500}.instruction-body li+li{margin-top:9px}.referral-hero{display:grid;gap:14px}.referral-hero p{color:var(--c-muted);line-height:1.5;font-weight:660}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-grid div,.metric{min-height:96px;display:grid;align-content:center;gap:7px;border:1px solid var(--c-line);border-radius:18px;background:#fbfcfd;padding:16px}.stat-grid .span{grid-column:1 / -1}.stat-grid small,.metric small{color:var(--c-muted-2);font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.stat-grid strong,.metric strong{font-size:28px;line-height:1}.stat-grid b{word-break:break-all}.admin-stack{display:grid;gap:16px}.admin-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.admin-settings{display:grid;gap:12px}.table-panel{overflow:hidden}.table{display:grid;gap:8px}.tr{display:grid;grid-template-columns:90px minmax(160px,1fr) minmax(130px,.8fr) 110px 90px;gap:12px;align-items:center;min-height:48px;border:1px solid var(--c-line);border-radius:14px;background:#fbfcfd;padding:0 12px;color:var(--c-muted);font-size:13px;font-weight:720}.tr b{color:var(--c-ink)}.pay-home{min-height:100vh;padding:22px clamp(16px,3vw,44px) 58px;background:radial-gradient(circle at 12% 0%,rgba(45,150,246,.12),transparent 32vw),radial-gradient(circle at 88% 10%,rgba(190,242,255,.72),transparent 28vw),linear-gradient(180deg,#fbfcfd,#f6f8fb)}.pay-home-topbar{width:min(1120px,100%);min-height:52px;margin:0 auto 30px;display:flex;align-items:center;justify-content:space-between;gap:16px}.pay-brand .brand-mark,.premium-card-top .brand-mark{background:transparent;border:0;box-shadow:none;transform:none}.pay-brand .brand-mark img,.premium-card-top .brand-mark img{transform:none}.pay-brand,.pay-home-actions{display:flex;align-items:center;gap:10px}.pay-brand b{display:block;font-size:18px;line-height:1.05}.pay-brand small{display:block;color:var(--c-muted);font-size:12px;font-weight:760}.pay-home-actions button{min-height:38px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--c-line);border-radius:999px;background:#ffffffc7;color:var(--c-ink-soft);padding:0 13px;font-size:13px;font-weight:760;box-shadow:0 8px 22px #07111f0a}.pay-card-screen{width:min(880px,100%);margin:0 auto;display:grid;justify-items:center;text-align:center}.pay-card-screen h1{margin:0 0 18px;font-size:clamp(32px,4.6vw,54px);line-height:.96;font-weight:860}.pay-card-center{width:min(560px,100%);display:grid;justify-items:center;gap:14px}.premium-card-scene{--rx: 0deg;--ry: 0deg;--mx: 50%;--my: 45%;position:relative;width:min(430px,92vw);perspective:1200px;transform-style:preserve-3d}.premium-card-scene:after{content:"";position:absolute;top:18px;right:-128px;bottom:18px;width:140px;z-index:6}.premium-card{position:relative;isolation:isolate;width:100%;aspect-ratio:1.586 / 1;overflow:hidden;display:grid;align-content:space-between;gap:14px;border:1px solid rgba(255,255,255,.88);border-radius:24px;padding:24px;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.96),transparent 24%),radial-gradient(ellipse at 16% 28%,rgba(69,171,255,.25),transparent 22%),radial-gradient(ellipse at 82% 32%,rgba(119,219,255,.22),transparent 20%),radial-gradient(ellipse at 30% 82%,rgba(154,174,255,.18),transparent 23%),radial-gradient(ellipse at 88% 84%,rgba(255,255,255,.62),transparent 18%),conic-gradient(from 136deg at 44% 55%,#fff0,#40a8ff24,#ffffff94,#86c8ff33,#b2a6ff1c,#fff0),linear-gradient(113deg,#fbfdff,#d7e0e7 16%,#fff,#c9d9e2,#f8fcff,#dbe8ef 72%,#fff);box-shadow:0 26px 70px #1a548c26,inset 0 1px 1px #fffffffa,inset 0 -1px #3c82be1f;color:#07111f;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease;will-change:transform}.premium-card-scene.drawing .premium-card{transform:rotateX(0) rotateY(0)}.premium-card:before,.premium-card:after,.mini-premium-card:before{content:"";position:absolute;top:-34%;right:-34%;bottom:-34%;left:-34%;pointer-events:none}.premium-card:before,.mini-premium-card:before{z-index:-1;opacity:.78;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.82),transparent 9%),radial-gradient(circle at 34% 32%,rgba(69,177,255,.34),transparent 14%),radial-gradient(circle at 62% 26%,rgba(151,171,255,.16),transparent 13%),radial-gradient(circle at 78% 62%,rgba(255,255,255,.34),transparent 14%),radial-gradient(circle at 28% 72%,rgba(87,214,255,.18),transparent 12%),radial-gradient(ellipse at 54% 78%,rgba(90,132,255,.13),transparent 18%),repeating-linear-gradient(104deg,#fff0 0,#fff0 34px,#ffffff94,#ffffff94 50px,#36abff38 56px,#36abff38 74px,#97caff2e 82px,#97caff2e 98px,#ffffffa8,#ffffffa8 126px,#fff0 144px,#fff0 196px),repeating-linear-gradient(14deg,rgba(255,255,255,.2) 0 2px,rgba(7,17,31,.025) 2px 4px,transparent 4px 9px);mix-blend-mode:overlay;transform:rotate(-7deg);animation:cardShine 12s ease-in-out infinite alternate}.premium-card:after{z-index:-1;opacity:.36;background:repeating-linear-gradient(45deg,rgba(255,255,255,.18) 0 1px,transparent 1px 7px),repeating-linear-gradient(-45deg,rgba(7,17,31,.026) 0 1px,transparent 1px 8px),linear-gradient(105deg,transparent 0 34%,rgba(255,255,255,.88) 43%,transparent 55%),radial-gradient(ellipse at 76% 18%,rgba(53,155,255,.12),transparent 26%);mix-blend-mode:soft-light;transform:none}.premium-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(150deg,rgba(255,255,255,.22),transparent 24%),radial-gradient(circle at 70% 72%,rgba(126,221,255,.3),transparent 30%)}@keyframes cardShine{0%{background-position:0 0,0 0}to{background-position:120px 0,32px 0}}.premium-card-top,.premium-card-bottom{position:absolute;z-index:3;transform:translateZ(22px);display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.premium-card-top{top:24px;left:24px;right:24px}.premium-card-bottom{left:24px;right:24px;bottom:34px}.premium-card-top span{font-size:16px;font-weight:780}.premium-card-top b{border-radius:999px;padding:5px 10px;background:#ffffff9e;font-size:12px;box-shadow:inset 0 0 0 1px #07111f12}.premium-chip{display:none}.card-secret{position:relative;z-index:3;transform:translateZ(24px);min-width:0;border:0;border-radius:0;background:transparent;color:var(--c-ink);padding:0;text-align:left;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.premium-card>.card-secret:not(.compact){position:absolute;left:24px;right:24px;top:142px}.card-secret:hover{transform:none;background:transparent;box-shadow:none}.card-secret small{display:block;margin-bottom:3px;color:#07111f6b;font-size:8.5px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.card-secret b{display:block;font-size:clamp(15px,3.6vw,21px);line-height:1.08;font-weight:760;letter-spacing:.04em;transition:filter .18s ease,opacity .18s ease}.card-secret.compact{flex:1 1 0;min-height:32px}.card-secret.compact b{overflow:hidden;font-size:10.5px;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.card-draw-tools{position:absolute;z-index:8;top:50%;right:-118px;display:grid;gap:7px;padding:4px;border-radius:17px;background:#ffffffd1;border:1px solid rgba(7,17,31,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 34px #07111f1f;opacity:0;pointer-events:none;transform:translate(8px,-50%);transition:opacity .18s ease,transform .18s ease}.card-draw-tools button{min-height:31px;border:0;border-radius:13px;background:transparent;color:#07111f9e;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:850}.premium-card-scene:hover .card-draw-tools,.premium-card-scene:focus-within .card-draw-tools{opacity:1;pointer-events:auto;transform:translateY(-50%)}.card-draw-tools button.active{background:#000000e6;color:#fff}.card-drawing-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;pointer-events:none;touch-action:none}.card-drawing-canvas.active{z-index:40;transform:translateZ(80px);pointer-events:auto;cursor:crosshair}.card-secret.revealed{animation:revealPop .24s ease-out}@keyframes revealPop{0%{transform:scale(.985);opacity:.76}to{transform:scale(1);opacity:1}}.details-trigger{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--c-line);border-radius:999px;background:#ffffffd6;color:var(--c-ink);padding:0 18px;font-size:14px;font-weight:820;box-shadow:0 12px 34px #07111f12}.details-trigger.primary{background:var(--c-ink);color:#fff}.pay-card-tabs{display:flex;gap:7px;overflow-x:auto;max-width:100%;padding:2px 0}.pay-card-tabs button{min-height:32px;flex:0 0 auto;border:1px solid var(--c-line);border-radius:999px;background:#fff;color:var(--c-muted);padding:0 11px;font-size:12px;font-weight:760}.pay-card-tabs button.active{background:var(--c-ink);border-color:var(--c-ink);color:#fff}.pay-balance{display:grid;gap:0;margin-top:2px}.pay-balance small{color:var(--c-muted);font-size:12px;font-weight:820;text-transform:uppercase;letter-spacing:.08em}.pay-balance strong{font-size:34px;line-height:1;font-weight:860}.pay-main-buttons{width:min(430px,100%);display:grid;grid-template-columns:1fr 1fr;gap:10px}.pay-main-buttons button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--c-line);border-radius:16px;background:#fff;color:var(--c-ink);font-size:14px;font-weight:820;box-shadow:0 14px 34px #07111f0f}.pay-main-buttons button:first-child{background:var(--c-ink);border-color:var(--c-ink);color:#fff}.pay-home-note{max-width:520px;margin:18px auto 0;color:var(--c-muted);font-size:14px;font-weight:650}.card-loading{width:min(430px,92vw);aspect-ratio:1.586 / 1;display:grid;place-items:center;align-content:center;gap:10px;border:1px solid var(--c-line);border-radius:24px;background:#ffffffb8;color:var(--c-muted);font-weight:800}.details-modal-grid{display:grid;gap:10px}.simple-purchase{display:grid;gap:16px}.mini-premium-card{position:relative;overflow:hidden;min-height:190px;display:grid;align-content:space-between;border:1px solid rgba(255,255,255,.8);border-radius:22px;padding:22px;background:linear-gradient(118deg,#fffffff5,#d5efffd1,#fffffff0),conic-gradient(from 210deg,#2d96f66b,#fff,#aaf5ff9e,#ffffffeb);box-shadow:0 18px 45px #1a548c21;color:var(--c-ink)}.mini-premium-card>*{position:relative;z-index:1}.mini-premium-card span{font-weight:820}.mini-premium-card b{font-size:28px;letter-spacing:.08em}.mini-premium-card small{color:var(--c-muted);font-weight:780}.history-list{display:grid;gap:10px}.history-loading,.history-item{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--c-line);border-radius:16px;background:#fff;padding:0 14px}.history-loading{justify-content:center;color:var(--c-muted);font-weight:760}.history-item b,.history-item small{display:block;text-align:left}.history-item small{color:var(--c-muted);font-size:12px;font-weight:650}.history-item strong{white-space:nowrap}.services-home{width:min(1040px,100%);margin:30px auto 0;display:grid;gap:16px;border:1px solid var(--c-line);border-radius:28px;background:#ffffffb8;box-shadow:0 20px 70px #07111f0f;padding:clamp(16px,2.6vw,28px)}.services-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,380px);gap:18px;align-items:end}.services-head h2{margin:0 0 5px;font-size:clamp(26px,3vw,38px)}.services-head p:not(.eyebrow){margin:0;color:var(--c-muted);font-weight:650}.service-search{min-height:46px;display:flex;align-items:center;gap:9px;border:1px solid var(--c-line);border-radius:999px;background:#fff;color:var(--c-muted);padding:0 14px}.service-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--c-ink);font-weight:760}.service-filter-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.service-filter-row button{min-height:34px;flex:0 0 auto;border:1px solid var(--c-line);border-radius:999px;background:#fff;color:var(--c-muted);padding:0 13px;font-size:13px;font-weight:760}.service-filter-row button.active{background:var(--c-ink);border-color:var(--c-ink);color:#fff}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.service-tile{min-height:62px;display:flex;align-items:center;gap:12px;border:0;border-radius:16px;background:transparent;color:var(--c-ink);padding:10px;text-align:left;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.service-tile:hover,.service-tile.active{transform:translateY(-1px);background:#ffffffb8;box-shadow:0 12px 28px #07111f0e}.service-tile span{min-width:0}.service-tile b,.service-tile small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-tile b{font-size:15px;font-weight:760}.service-tile small{color:var(--c-muted);font-size:12px;font-weight:600}.service-guide{display:grid;gap:16px;border:1px solid var(--c-line);border-radius:22px;background:#fff;padding:18px}.service-guide ol{margin:0;padding-left:22px;color:var(--c-ink-soft);font-weight:610}.service-guide li+li{margin-top:7px}.guide-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:clamp(16px,4vw,42px);background:radial-gradient(circle at 16% 12%,rgba(45,150,246,.16),transparent 34vw),#f7fafceb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.guide-fullscreen-card{width:min(720px,100%);display:grid;gap:20px;border:1px solid rgba(7,17,31,.08);border-radius:30px;background:#ffffffdb;padding:clamp(22px,4vw,42px);box-shadow:0 34px 100px #07111f29}.guide-fullscreen-card h2{margin:0;font-size:clamp(34px,5vw,58px);line-height:.95}.guide-fullscreen-card ol{display:grid;gap:13px;margin:0;padding-left:28px;color:var(--c-ink-soft);font-size:18px;font-weight:650}.guide-close{position:fixed;top:22px;right:22px;width:46px;height:46px;border:1px solid rgba(7,17,31,.08);border-radius:999px;background:#ffffffe0;color:var(--c-ink);font-size:28px;line-height:1;box-shadow:0 14px 34px #07111f17}@media(max-width:1160px){.app-shell{grid-template-columns:1fr}.app-shell aside{position:static;height:auto;padding:18px;border-right:0;border-bottom:1px solid var(--c-line)}.app-shell nav{display:flex;overflow-x:auto}.app-shell nav button{flex:0 0 auto}.logout{display:none}.content-grid.two,.modal-card .content-grid.two,.auth-card,.service-picker-layout{grid-template-columns:1fr}.instruction-body{position:static}.dashboard-overview{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(4,minmax(120px,1fr));overflow-x:auto}.admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.services-head{grid-template-columns:1fr}}@media(max-width:720px){.pay-home{padding:14px 12px 42px}.pay-home-topbar{display:grid;justify-items:center;margin-bottom:22px}.pay-home-actions{width:100%;justify-content:center;flex-wrap:wrap}.pay-home-actions button{min-height:36px;padding:0 11px;font-size:12px}.pay-card-screen h1{margin-bottom:18px;font-size:36px}.premium-card{border-radius:21px;padding:18px}.premium-card-bottom{gap:7px}.card-secret{border-radius:13px;padding:6px 8px}.card-secret b{font-size:22px}.card-secret.compact b{font-size:11px}.pay-main-buttons{grid-template-columns:1fr}.services-home{margin-top:36px;border-radius:22px}.services-grid{grid-template-columns:1fr}.auth-page{padding:12px;place-items:start center}.auth-card,.panel{border-radius:20px}.auth-product,.auth-panel,.panel{padding:18px}.auth-product h1{font-size:40px}.workspace{padding:20px 14px 40px}.workspace>header{display:grid}.workspace h1{font-size:36px}.user-chip{width:100%;justify-content:center}.section-head,.status-strip{grid-template-columns:1fr;display:grid}.card-visual{min-height:220px;padding:20px}.card-number,.mini-card-preview strong{font-size:22px}.stat-grid,.admin-metrics{grid-template-columns:1fr}.tr{grid-template-columns:1fr;gap:5px;padding:12px}.search-box{min-width:0}.quick-actions{grid-template-columns:1fr 1fr}.quick-actions button{min-height:42px;padding:0 10px;font-size:13px}.modal-backdrop{padding:8px;align-items:end}.modal-card{width:100%;max-height:92vh;border-radius:22px;padding:12px}.modal-head{padding:6px 4px 14px}.modal-head h2{font-size:24px}}