:root{--bg: #0a0c12;--bg-2: #0d1018;--glass-fill: linear-gradient(165deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .035));--glass-fill-strong: linear-gradient(165deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .05));--glass-border: rgba(255, 255, 255, .14);--glass-border-strong: rgba(255, 255, 255, .24);--glass-blur: blur(24px) saturate(180%);--glass-blur-lg: blur(36px) saturate(180%);--orange-50: #fff4e8;--orange-100: #ffe2bf;--orange-300: #ffb15c;--orange-500: #ff8a1f;--orange-600: #ff6b00;--orange-700: #e05600;--accent: linear-gradient(135deg, #ffc978 0%, #ff9a3c 42%, #ff6a00 100%);--accent-solid: #ff7f24;--mint: #3ddc97;--sky: #5ec8ff;--text-primary: #f7f5f2;--text-secondary: #b9c0cc;--text-muted: #838c9b;--success: #3ddc97;--danger: #ff6b6b;--warning: #ffc857;--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--shadow-card: 0 20px 50px -12px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .07);--shadow-glow: 0 0 0 1px rgba(255, 138, 31, .18), 0 16px 44px -8px rgba(255, 106, 0, .38);--shadow-pop: 0 24px 60px -16px rgba(0, 0, 0, .6);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}body{position:relative;isolation:isolate}body:before,body:after{content:"";position:fixed;z-index:-2;border-radius:50%;pointer-events:none;filter:blur(90px);opacity:.55;will-change:transform}body:before{width:620px;height:620px;top:-220px;right:-160px;background:radial-gradient(circle at 30% 30%,#ff9a3c,#ff6a00 55%,transparent 75%);animation:float-a 22s ease-in-out infinite}body:after{width:560px;height:560px;bottom:-240px;left:-180px;background:radial-gradient(circle at 60% 40%,#35c98e,#1b8f63 55%,transparent 75%);opacity:.32;animation:float-b 26s ease-in-out infinite}#root{position:relative;z-index:1;background:radial-gradient(900px 500px at 50% -8%,rgba(255,154,60,.16),transparent 62%),radial-gradient(700px 420px at 100% 8%,rgba(94,200,255,.08),transparent 55%),var(--bg);min-height:100vh}@keyframes float-a{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,50px) scale(1.08)}}@keyframes float-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-40px) scale(1.05)}}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ff8a1f40;border-radius:8px}.app-shell{max-width:480px;margin:0 auto;min-height:100vh;padding:20px 16px 100px;position:relative}.admin-shell{max-width:1100px;margin:0 auto;padding:28px 24px 64px}.h1{font-size:27px;font-weight:800;letter-spacing:-.02em;margin:0 0 4px}.h2{font-size:19px;font-weight:700;letter-spacing:-.01em;margin:0 0 10px}.h3{font-size:15px;font-weight:700;margin:0 0 6px}.text-muted{color:var(--text-secondary);font-size:14px;line-height:1.5}.text-tiny{color:var(--text-muted);font-size:12px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px;border-radius:16px;overflow:hidden;flex-shrink:0;position:relative;background:var(--glass-fill-strong);border:1px solid var(--glass-border-strong);box-shadow:var(--shadow-glow)}.brand-mark img{width:100%;height:100%;object-fit:cover;display:block}.brand-mark.lg{width:60px;height:60px;border-radius:20px}.user-avatar{width:44px;height:44px;border-radius:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px;background:var(--glass-fill-strong);border:1px solid var(--glass-border-strong);box-shadow:var(--shadow-glow)}.icon-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--text-primary);box-shadow:var(--shadow-card);transition:all .15s ease;cursor:pointer}.icon-btn:hover{border-color:var(--glass-border-strong);background:var(--glass-fill-strong)}.icon-btn:active{transform:scale(.94)}.icon-btn svg{width:20px;height:20px}.welcome-pill{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;padding:13px 20px;border-radius:999px;background:var(--accent);color:#241202;font-size:12.5px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;box-shadow:var(--shadow-glow);border:1px solid rgba(255,255,255,.4);margin-bottom:22px;overflow:hidden}.welcome-pill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(255,255,255,.5),transparent 45%);pointer-events:none}.welcome-pill-dot{width:7px;height:7px;border-radius:50%;background:#241202;box-shadow:0 0 0 3px #2412022e;flex-shrink:0}.hero{text-align:center;padding:4px 0 26px}.hero-title{font-size:clamp(32px,9vw,42px);font-weight:800;line-height:1.12;letter-spacing:-.02em;margin:0 0 14px}.hero-accent{font-style:italic;font-weight:800;background:var(--accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{color:var(--text-secondary);font-size:15px;line-height:1.6;max-width:340px;margin:0 auto 24px}.hero-sub b{color:var(--orange-300);font-weight:700}.btn-row{display:flex;gap:10px;margin-bottom:10px}.btn-row .btn{width:auto;flex:1}.stat-row{display:flex;align-items:stretch;justify-content:space-between;background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:16px 8px;margin:22px 0;box-shadow:var(--shadow-card)}.stat-item{flex:1;text-align:center;padding:0 6px;position:relative}.stat-item+.stat-item:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:1px;background:var(--glass-border)}.stat-num{font-size:19px;font-weight:800;letter-spacing:-.01em;background:linear-gradient(135deg,#fff,var(--orange-100));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:11px;color:var(--text-muted);margin-top:3px}.brand-name{font-weight:800;font-size:17px;letter-spacing:-.01em}.brand-sub{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.card,.glass{position:relative;background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-card);transition:border-color .18s ease,transform .15s ease,background .18s ease}.card:before,.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,#ffffff59,#fff0 40%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--glass-border-strong);background:var(--glass-fill-strong)}.card-interactive:active{transform:scale(.98)}.trial-banner{position:relative;overflow:hidden;border-radius:var(--radius-xl);padding:22px;background:var(--accent);box-shadow:var(--shadow-glow),var(--shadow-pop);color:#241202;margin-bottom:20px;animation:fade-in .45s ease both;border:1px solid rgba(255,255,255,.35)}.trial-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.08) 30%,transparent 55%);pointer-events:none}.trial-banner:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-80px;top:-100px;background:radial-gradient(circle,rgba(255,255,255,.5),transparent 70%);pointer-events:none}.trial-banner-mascot{position:absolute;right:18px;top:18px;width:58px;height:58px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.6);box-shadow:0 10px 24px #0000004d}.trial-banner-mascot img{width:100%;height:100%;object-fit:cover;display:block}.trial-banner-tag{position:relative;display:inline-flex;align-items:center;gap:6px;background:#2412022e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;margin-bottom:10px}.trial-banner-title{position:relative;font-size:21px;font-weight:800;line-height:1.25;margin:0 0 6px;max-width:80%}.trial-banner-desc{position:relative;font-size:13.5px;opacity:.82;margin:0 0 16px;max-width:78%}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-md);padding:13px 18px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .12s ease,opacity .12s ease,box-shadow .12s ease,background .12s ease;width:100%;overflow:hidden}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:#0a080680;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--orange-50);border:1px solid rgba(255,255,255,.22);box-shadow:0 10px 26px #0000004d,inset 0 1px #ffffff24}.btn-primary:hover{background:#0a08069e}.btn-accent{background:var(--accent);color:#241202;box-shadow:var(--shadow-glow);border:1px solid rgba(255,255,255,.4)}.btn-accent:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(255,255,255,.5),transparent 45%);pointer-events:none}.btn-ghost{background:#ffffff0f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-ghost:hover{background:#ffffff1a}.btn-outline{background:transparent;color:var(--orange-300);border:1px solid var(--glass-border-strong)}.btn-danger{background:#ff6b6b24;color:var(--danger);border:1px solid rgba(255,107,107,.32)}.btn-sm{padding:8px 12px;font-size:13px;width:auto}.country-card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:var(--radius-lg);background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);margin-bottom:10px;cursor:pointer;transition:all .18s ease}.country-card:hover,.country-card:focus-visible{border-color:var(--glass-border-strong);background:var(--glass-fill-strong);transform:translateY(-1px)}.country-flag{font-size:26px;width:50px;height:50px;border-radius:16px;background:#ff8a1f1a;border:1px solid rgba(255,138,31,.14);display:flex;align-items:center;justify-content:center;flex-shrink:0}.country-info{flex:1;min-width:0}.country-name{font-weight:700;font-size:15px;margin-bottom:2px}.country-meta{font-size:12.5px;color:var(--text-muted)}.country-price{font-weight:800;font-size:15px;color:var(--orange-300);white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid transparent}.badge-success{background:#3ddc971f;color:var(--success);border-color:#3ddc9738}.badge-warning{background:#ffc8571f;color:var(--warning);border-color:#ffc85738}.badge-danger{background:#ff6b6b1f;color:var(--danger);border-color:#ff6b6b38}.badge-muted{background:#ffffff0f;color:var(--text-muted);border-color:#ffffff14}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:16px;width:calc(100% - 32px);max-width:448px;background:linear-gradient(180deg,#1e1a14b8,#120f0cb8);-webkit-backdrop-filter:var(--glass-blur-lg);backdrop-filter:var(--glass-blur-lg);border:1px solid rgba(255,255,255,.14);border-radius:999px;display:flex;padding:6px;box-shadow:var(--shadow-pop),inset 0 1px #ffffff14;z-index:50}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 4px;border-radius:999px;font-size:10.5px;font-weight:700;color:var(--text-muted);transition:all .18s ease}.bottom-nav-item svg{width:20px;height:20px}.bottom-nav-item.active{color:#241202;background:var(--accent);box-shadow:0 6px 18px #ff7a1a66,inset 0 1px #fff6}.config-box{background:#00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:14px;font-family:SF Mono,Fira Code,ui-monospace,Menlo,Consolas,monospace;font-size:12px;color:var(--orange-100);white-space:pre-wrap;word-break:break-all;max-height:220px;overflow-y:auto}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.input,.textarea,select.input{width:100%;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:11px 13px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.textarea:focus{border-color:var(--accent-solid);box-shadow:0 0 0 3px #ff7f242e}.textarea{min-height:140px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;resize:vertical}.admin-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px;background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:14px 18px;box-shadow:var(--shadow-card)}.admin-nav{display:flex;gap:6px;flex-wrap:wrap}.admin-nav a{padding:9px 14px;border-radius:999px;font-size:13.5px;font-weight:700;color:var(--text-secondary);border:1px solid transparent;transition:all .15s ease}.admin-nav a:hover{background:#ffffff0f}.admin-nav a.active{color:#241202;background:var(--accent);border-color:#fff6;box-shadow:0 4px 14px #ff7a1a59}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:26px}.stat-card{position:relative;background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-card)}.stat-value{font-size:27px;font-weight:800;margin-bottom:2px;background:linear-gradient(135deg,#fff,var(--orange-100));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:12.5px;color:var(--text-muted)}table.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.data-table th{text-align:left;color:var(--text-muted);font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;padding:12px;border-bottom:1px solid var(--glass-border)}.data-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.data-table tr:hover td{background:#ff8a1f0a}.table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-card)}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between}.stack{display:flex;flex-direction:column;gap:10px}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--glass-border),transparent);margin:16px 0}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid rgba(255,138,31,.2);border-top-color:var(--accent-solid);animation:spin .7s linear infinite}.center-page{min-height:60vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px}.toast{position:fixed;bottom:104px;left:50%;transform:translate(-50%);background:#120f0cbf;-webkit-backdrop-filter:var(--glass-blur-lg);backdrop-filter:var(--glass-blur-lg);color:var(--orange-50);border:1px solid var(--glass-border-strong);padding:12px 18px;border-radius:999px;font-size:13.5px;font-weight:600;box-shadow:var(--shadow-pop);z-index:100;animation:fade-in-up .25s ease both;max-width:calc(100% - 40px);text-align:center}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}@keyframes fade-in-up{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fade-in .3s ease both}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.admin-shell{padding:16px}body:before,body:after{filter:blur(60px)}}@media (prefers-reduced-motion: reduce){body:before,body:after{animation:none}}