@media (width>=480px){.modal-overlay{align-items:center}}@media (width>=480px){.modal-content{border-radius:var(--radius-lg);padding:24px 20px}}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=640px){.admin-metrics{grid-template-columns:repeat(4,1fr);gap:16px}}@media (width>=640px){.metric-val{font-size:26px}}@media (width<=768px){.admin-panels-container{grid-template-columns:1fr}}@keyframes flagMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--bg-primary:#f4f5f6;--bg-surface:#fff;--border-color:#e6e8eb;--border-color-hover:#d1d5db;--text-main:#111827;--text-muted:#6b7280;--text-light:#9ca3af;--accent-blue:#0f52ba;--accent-blue-hover:#0a3d8c;--accent-blue-light:#eff6ff;--accent-green:#10b981;--accent-green-light:#ecfdf5;--accent-warning:#f59e0b;--accent-warning-light:#fef3c7;--accent-red:#ef4444;--accent-red-light:#fef2f2;--radius-lg:16px;--radius-md:10px;--radius-sm:6px;--shadow-sm:0 1px 2px 0 #00000008;--shadow-md:0 4px 12px 0 #0000000d, 0 1px 3px 0 #00000005;--shadow-lg:0 12px 30px 0 #00000014, 0 4px 10px 0 #0000000a;--transition-fast:.12s ease;--transition-normal:.2s ease}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:3px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}a{color:inherit;transition:var(--transition-fast);text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}button{cursor:pointer;-webkit-user-select:none;user-select:none}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color-hover);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.app-container{background-color:var(--bg-surface);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);box-sizing:border-box;flex-direction:column;width:100%;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative;overflow-x:hidden;box-shadow:0 0 40px #00000008}.app-container.admin-wide{max-width:1200px;box-shadow:none;background-color:var(--bg-primary);border:none}.main-content{box-sizing:border-box;flex-direction:column;flex:1;gap:12px;width:100%;padding:12px 14px;display:flex;overflow-x:hidden}.badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge.success{background-color:var(--accent-green-light);color:var(--accent-green)}.badge.warning{background-color:var(--accent-warning-light);color:var(--accent-warning)}.badge.danger{background-color:var(--accent-red-light);color:var(--accent-red)}.badge.info{background-color:var(--accent-blue-light);color:var(--accent-blue)}.btn-primary{background-color:var(--accent-blue);color:#fff;border-radius:var(--radius-md);text-align:center;transition:var(--transition-normal);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:8px;min-height:48px;padding:14px 24px;font-weight:600;display:inline-flex}.btn-primary:hover:not(:disabled){background-color:var(--accent-blue-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:var(--bg-primary);color:var(--text-main);border-radius:var(--radius-md);text-align:center;transition:var(--transition-fast);border:1px solid var(--border-color);justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 20px;font-weight:600;display:inline-flex}.btn-secondary:hover:not(:disabled){background-color:var(--border-color);border-color:var(--border-color-hover)}.form-group{flex-direction:column;gap:8px;width:100%;display:flex}.form-group label{color:var(--text-main);font-size:13px;font-weight:600}.form-input{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-surface);width:100%;transition:var(--transition-normal);min-height:48px;padding:14px 16px;font-size:15px}.form-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #0f52ba1a}.form-input::placeholder{color:var(--text-light)}.header-wrapper{-webkit-backdrop-filter:blur(12px);z-index:100;background-color:#ffffffeb;border-bottom:1px solid #e2e8f0cc;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #00000008}.logo-area{color:var(--accent-blue);letter-spacing:-.5px;align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.search-container{width:100%;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input-field{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-primary);width:100%;transition:var(--transition-normal);height:40px;min-height:40px;padding:10px 14px 10px 38px;font-size:14px}.search-input-field:focus{background-color:var(--bg-surface);border-color:var(--accent-blue);box-shadow:0 0 0 3px #0f52ba1a}.scroll-wrapper{width:100%;position:relative;overflow:hidden}.scroll-wrapper:after{content:"";background:linear-gradient(to right, #fff0, var(--bg-surface) 90%);pointer-events:none;z-index:2;width:40px;position:absolute;top:0;bottom:0;right:0}.quick-regions{scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.quick-regions::-webkit-scrollbar{display:none}.region-chip{background-color:var(--bg-primary);color:var(--text-muted);white-space:nowrap;transition:var(--transition-fast);border-radius:16px;justify-content:center;align-items:center;height:28px;min-height:28px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.region-chip.active{background-color:var(--accent-blue);color:#fff}.countries-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.country-card{border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-normal);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px 8px;display:flex}.country-card:hover{border-color:var(--accent-blue);background-color:var(--accent-blue-light);transform:translateY(-1px)}.country-flag{font-size:32px}.country-name{color:var(--text-main);font-size:13px;font-weight:600}.package-list{flex-direction:column;gap:16px;display:flex}.package-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);background-color:var(--bg-surface);transition:var(--transition-normal);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;padding:20px;display:flex;position:relative;overflow:hidden}.package-card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-md)}.package-card.recommended{box-shadow:0 4px 18px #f59e0b2e}.package-header{justify-content:space-between;align-items:flex-start;display:flex}.package-title{color:var(--text-main);margin-bottom:4px;font-size:18px;font-weight:700}.package-operator{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.package-price{color:var(--accent-blue);text-align:right;font-size:20px;font-weight:800}.package-price-sub{color:var(--text-muted);font-size:11px;font-weight:400}.package-features{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);grid-template-columns:1fr 1fr;gap:12px;padding:12px 0;display:grid}.feature-item{color:var(--text-muted);align-items:center;gap:8px;font-size:14px;display:flex}.feature-icon{color:var(--accent-blue)}.feature-val{color:var(--text-main);font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#11182766;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=480px){.modal-overlay{align-items:center}}.modal-content{background-color:var(--bg-surface);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);width:100%;max-width:460px;box-shadow:var(--shadow-lg);box-sizing:border-box;flex-direction:column;gap:16px;max-height:92dvh;padding:20px 14px;display:flex;overflow:hidden auto}@media (width>=480px){.modal-content{border-radius:var(--radius-lg);padding:24px 20px}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.modal-title{letter-spacing:-.4px;font-size:19px;font-weight:800}.modal-close-btn{color:var(--text-muted);padding:4px}.qpay-invoice-area{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:8px 0;display:flex}.qr-frame{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);box-sizing:border-box;background-color:#fff;max-width:100%;padding:10px}.invoice-amount{color:var(--text-main);font-size:24px;font-weight:900}.invoice-status-indicator{color:var(--text-muted);align-items:center;gap:8px;font-size:13.5px;display:flex}.status-spinner{border:2px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.bank-deep-links-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12.5px;font-weight:800}.bank-links-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.bank-link-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-surface);transition:var(--transition-fast);box-sizing:border-box;min-width:0;color:var(--text-main);align-items:center;gap:8px;padding:9px 10px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.bank-link-card:hover{background-color:var(--bg-primary);border-color:var(--accent-blue)}.bank-link-card span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.bank-logo{object-fit:cover;border-radius:6px;flex-shrink:0;width:22px;height:22px}.success-card{text-align:center;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:var(--bg-surface);flex-direction:column;align-items:center;gap:20px;padding:32px 16px;display:flex}.success-check{background-color:var(--accent-green-light);width:60px;height:60px;color:var(--accent-green);border-radius:50%;justify-content:center;align-items:center;display:flex}.esim-lpa-box{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);word-break:break-all;text-align:left;width:100%;padding:14px;font-family:monospace;font-size:12px;position:relative}.copy-btn-overlay{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:6px;position:absolute;top:12px;right:12px}.usage-panel{border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--bg-surface);box-shadow:var(--shadow-sm);flex-direction:column;gap:20px;padding:24px 20px;display:flex}.usage-gauge-container{flex-direction:column;gap:8px;display:flex}.usage-labels{justify-content:space-between;font-size:14px;font-weight:600;display:flex}.usage-bar-track{background-color:var(--bg-primary);border-radius:5px;width:100%;height:10px;overflow:hidden}.usage-bar-fill{background-color:var(--accent-blue);border-radius:5px;height:100%;transition:width 1s ease-in-out}.usage-status-pill{background-color:var(--accent-green-light);color:var(--accent-green);border-radius:20px;align-self:flex-start;padding:4px 10px;font-size:12px;font-weight:700}.admin-header{border-bottom:1px solid var(--border-color-hover);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:16px 0;display:flex}.admin-metrics{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}@media (width>=640px){.admin-metrics{grid-template-columns:repeat(4,1fr);gap:16px}}.metric-card{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;gap:6px;padding:14px 16px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000008}.metric-card:before{content:"";background:#cbd5e1;height:4px;position:absolute;top:0;left:0;right:0}.metric-card.revenue:before{background:linear-gradient(90deg,#2563eb,#3b82f6)}.metric-card.success-esim:before{background:linear-gradient(90deg,#10b981,#34d399)}.metric-card.profit:before{background:linear-gradient(90deg,#059669,#10b981)}.metric-card.margin:before{background:linear-gradient(90deg,#7e22ce,#a855f7)}.metric-card.pending:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.metric-card.failed:before{background:linear-gradient(90deg,#ef4444,#f87171)}.metric-title{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:800}.metric-val{color:#0f172a;letter-spacing:-.5px;font-size:22px;font-weight:900;line-height:1.1}@media (width>=640px){.metric-val{font-size:26px}}.admin-panels-container{grid-template-columns:2fr 1fr;gap:32px;display:grid}@media (width<=768px){.admin-panels-container{grid-template-columns:1fr}}.admin-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:20px;padding:24px;display:flex}.table-wrapper{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th,.admin-table td{border-bottom:1px solid var(--border-color);padding:14px 16px;font-size:14px}.admin-table th{background-color:var(--bg-primary);color:var(--text-muted);font-weight:600}.admin-table tbody tr:hover{background-color:var(--accent-blue-light)}.segmented-control{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:2px;padding:3px;display:inline-flex;box-shadow:inset 0 1px 2px #00000008}.segment-btn{color:#64748b;white-space:nowrap;background-color:#0000;border-radius:16px;align-items:center;gap:5px;height:30px;min-height:30px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.segment-btn:hover{color:#0f172a;background-color:#ffffff80}.segment-btn.active{color:#2563eb;background-color:#fff;font-weight:800;box-shadow:0 2px 6px #0000000f,0 1px 2px #2563eb14}.admin-login-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;transition:transform var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;gap:24px;padding:36px 32px;display:flex}.admin-login-card:hover{box-shadow:0 20px 40px #0000000f,0 4px 12px #00000008}.metric-card.revenue{border-top:3px solid var(--accent-blue)}.metric-card.success-esim{border-top:3px solid var(--accent-green)}.metric-card.pending{border-top:3px solid var(--accent-warning)}.metric-card.failed{border-top:3px solid var(--accent-red)}.sort-chip{color:var(--text-muted);transition:all var(--transition-fast);cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:6px;align-items:center;gap:2px;padding:4px 8px;font-size:11px;font-weight:600;display:flex}.sort-chip:hover{color:var(--text-main)}.sort-chip.active{color:var(--accent-blue);background-color:var(--accent-blue-light);font-weight:700}.filter-panel{opacity:0;background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid #0000;flex-direction:column;gap:16px;max-height:0;padding:0;transition:max-height .25s cubic-bezier(.4,0,.2,1),opacity .15s,padding .2s,margin .2s;display:flex;overflow:hidden}.filter-panel.open{opacity:1;border-color:var(--border-color);max-height:240px;margin-top:4px;padding:16px}.filter-row{flex-direction:column;gap:8px;display:flex}.filter-row-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.filter-chips-container{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.filter-chips-container::-webkit-scrollbar{display:none}.filter-chip{background-color:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border-color);transition:all var(--transition-fast);white-space:nowrap;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.filter-chip:hover{border-color:var(--border-color-hover);color:var(--text-main)}.filter-chip.active{background-color:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.region-chip:focus,.sort-chip:focus,.filter-chip:focus,.segment-btn:focus{outline:none}.region-chip:focus-visible,.sort-chip:focus-visible,.filter-chip:focus-visible,.segment-btn:focus-visible{outline:2px solid var(--accent-blue);outline-offset:1px}.flag-marquee-container{width:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.flag-marquee-track{gap:8px;width:max-content;animation:32s linear infinite flagMarquee;display:flex}.flag-marquee-track:hover{animation-play-state:paused}