:root{--color-primary:#00a651;--color-primary-light:#2ecc71;--color-primary-dark:#007a3d;--color-primary-glow:#00a65140;--color-accent:#e4002b;--color-accent-light:#ff3d5a;--color-accent-dark:#b8001f;--color-black:#0a0a0a;--color-white:#fff;--bg-base:#060a10;--bg-surface:#0d1117;--bg-elevated:#161b22;--bg-card:#161b22cc;--bg-card-hover:#1e252ee6;--bg-glass:#0d1117b3;--bg-input:#161b2299;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#484f58;--text-link:#58a6ff;--border-default:#8b949e26;--border-muted:#8b949e14;--border-accent:#00a65166;--safaricom-color:#00a651;--safaricom-other-color:#2ecc71;--airtel-color:#e4002b;--telkom-color:#0077c8;--equitel-color:#f39c12;--other-color:#8b949e;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 40px #00a65126;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}#app{min-height:100vh;position:relative}.bg-grid{z-index:0;pointer-events:none;background-image:linear-gradient(#8b949e08 1px,#0000 1px),linear-gradient(90deg,#8b949e08 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}.bg-glow{filter:blur(120px);opacity:.4;z-index:0;pointer-events:none;border-radius:50%;animation:20s ease-in-out infinite glowFloat;position:fixed}.bg-glow-1{background:radial-gradient(circle, var(--color-primary-glow), transparent 70%);width:600px;height:600px;top:-200px;right:-100px}.bg-glow-2{background:radial-gradient(circle,#e4002b1f,#0000 70%);width:500px;height:500px;animation-delay:-10s;bottom:-150px;left:-100px}@keyframes glowFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-20px)scale(1.05)}50%{transform:translate(-20px,30px)scale(.95)}75%{transform:translate(20px,20px)scale(1.02)}}.header{z-index:100;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border-default);position:sticky;top:0}.header-inner{max-width:1400px;padding:var(--space-md) var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-lg);margin:0 auto;display:flex}.logo{align-items:center;gap:var(--space-md);display:flex}.logo-icon{font-size:2rem;line-height:1;animation:3s ease-in-out infinite flagPulse}@keyframes flagPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.logo-text h1{letter-spacing:-.02em;background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.logo-subtitle{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:400;display:block}.header-stats{gap:var(--space-sm);display:flex}.stat-pill{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-default);flex-direction:column;align-items:center;min-width:100px;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.65rem;font-weight:500}.stat-value{color:var(--color-primary-light);font-size:1.1rem;font-weight:700;font-family:var(--font-mono)}.main{z-index:1;max-width:1400px;padding:var(--space-xl) var(--space-lg);gap:var(--space-xl);flex-direction:column;margin:0 auto;display:flex;position:relative}.panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-xl);transition:border-color var(--transition-base)}.panel:hover{border-color:var(--border-accent)}.panel-header{align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.panel-icon{border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-default);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.8rem;line-height:1;display:flex}.panel-header h2{letter-spacing:-.01em;font-size:1.3rem;font-weight:700}.panel-description{color:var(--text-secondary);margin-top:2px;font-size:.875rem}.distribution-preview{margin-bottom:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-muted)}.distribution-preview h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);font-size:.8rem;font-weight:600}.dist-bars{gap:var(--space-sm);flex-direction:column;display:flex}.dist-bar-group{flex-direction:column;gap:4px;display:flex}.dist-label{align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:.8rem;display:flex}.dist-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.safaricom-dot{background:var(--safaricom-color)}.safaricom-other-dot{background:var(--safaricom-other-color)}.other-dot{background:var(--airtel-color)}.dist-count{font-weight:600;font-family:var(--font-mono);color:var(--text-primary);margin-left:auto;font-size:.75rem}.dist-bar{border-radius:var(--radius-full);background:var(--bg-surface);height:6px;overflow:hidden}.dist-fill{border-radius:var(--radius-full);height:100%;transition:width 1s cubic-bezier(.16,1,.3,1)}.safaricom-fill{background:linear-gradient(90deg, var(--safaricom-color), var(--safaricom-other-color))}.safaricom-other-fill{background:linear-gradient(90deg, var(--safaricom-other-color), #27ae60)}.other-fill{background:linear-gradient(90deg, var(--airtel-color), var(--telkom-color))}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;outline:none;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#0000,#ffffff1a);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;padding:var(--space-md) var(--space-xl);box-shadow:var(--shadow-md), 0 0 30px var(--color-primary-glow);font-size:1rem}.btn-primary:hover{box-shadow:var(--shadow-lg), 0 0 50px var(--color-primary-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);padding:var(--space-sm) var(--space-md);font-size:.85rem}.btn-secondary:hover{border-color:var(--color-primary);background:#00a6511a}.btn-ghost{color:var(--text-secondary);padding:var(--space-sm) var(--space-md);background:0 0;font-size:.85rem}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-elevated)}.btn-sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:.8rem}.btn-generate{width:100%;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-size:1.05rem;position:relative}.btn-generate.loading .btn-text,.btn-generate.loading .btn-icon{opacity:.3}.btn-loader{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;display:none;position:absolute}.btn-generate.loading .btn-loader{display:block}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}.batch-selector{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.batch-selector label{color:var(--text-secondary);white-space:nowrap;font-size:.85rem;font-weight:500}.select-input{padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;transition:border-color var(--transition-fast);appearance:auto;flex:1;font-size:.85rem}.select-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow);outline:none}.select-sm{flex:initial;min-width:140px}.toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);padding:var(--space-sm) 0;flex-wrap:wrap;display:flex}.toolbar-left,.toolbar-right{align-items:center;gap:var(--space-sm);display:flex}.search-box{align-items:center;display:flex;position:relative}.search-icon{pointer-events:none;font-size:.85rem;position:absolute;left:10px}.search-input{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);width:200px;transition:all var(--transition-fast);padding:6px 10px 6px 32px;font-size:.85rem}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow);outline:none;width:260px}.search-input::placeholder{color:var(--text-muted)}.results-stats{gap:var(--space-sm);margin-bottom:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.result-stat{text-align:center;padding:var(--space-sm) var(--space-sm);border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-muted)}.rs-value{font-size:1.3rem;font-weight:700;font-family:var(--font-mono);color:var(--color-primary-light);display:block}.rs-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:500;display:block}.numbers-container{min-height:300px;position:relative}.empty-state{padding:var(--space-3xl) var(--space-lg);color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{margin-bottom:var(--space-md);opacity:.5;font-size:3rem}.empty-state p{font-size:1rem;font-weight:500}.empty-sub{margin-top:var(--space-xs);color:var(--text-muted)!important;font-size:.85rem!important}.numbers-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.number-card{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-muted);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:10px 14px;animation:.3s ease-out both cardFadeIn;display:flex}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.number-card:hover{border-color:var(--color-primary);background:var(--bg-card-hover);box-shadow:var(--shadow-sm), 0 0 15px var(--color-primary-glow);transform:translateY(-1px)}.number-card:active{transform:scale(.98)}.number-card .number-text{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.03em;font-size:.9rem;font-weight:500}.number-card .number-operator{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;font-size:.65rem;font-weight:600}.operator-safaricom{color:var(--safaricom-color);background:#00a65126}.operator-airtel{color:var(--airtel-color);background:#e4002b26}.operator-telkom{color:var(--telkom-color);background:#0077c826}.operator-equitel{color:var(--equitel-color);background:#f39c1226}.operator-other{color:var(--other-color);background:#8b949e26}.pagination{justify-content:center;align-items:center;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-muted);margin-top:var(--space-md);display:flex}.page-info{color:var(--text-secondary);font-size:.85rem;font-family:var(--font-mono)}.status-message{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-sm);text-align:center;font-size:.875rem;font-weight:500}.status-message.success{color:var(--color-primary-light);background:#00a6511a;border:1px solid #00a6514d}.status-message.error{color:var(--color-accent-light);background:#e4002b1a;border:1px solid #e4002b4d}.toast-container{bottom:var(--space-lg);right:var(--space-lg);z-index:1000;gap:var(--space-sm);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{pointer-events:auto;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-default);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-lg);color:var(--text-primary);align-items:center;gap:var(--space-sm);max-width:360px;font-size:.875rem;font-weight:500;animation:.3s ease-out toastIn;display:flex}.toast.toast-success{border-color:var(--color-primary)}.toast.toast-error{border-color:var(--color-accent)}.toast.toast-out{animation:.3s ease-in forwards toastOut}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(20px)scale(.95)}}.modal{z-index:500;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal.hidden{display:none}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;position:absolute;inset:0}.modal-content{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-xl);min-width:340px;box-shadow:var(--shadow-lg);animation:.25s ease-out modalIn;position:relative}@keyframes modalIn{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.modal-header h3{color:var(--color-primary-light);font-size:1rem;font-weight:600}.modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:4px;font-size:1.2rem}.modal-close:hover{color:var(--text-primary);background:var(--bg-card)}.copied-number{font-family:var(--font-mono);text-align:center;color:var(--text-primary);padding:var(--space-md);background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-accent);font-size:1.5rem;font-weight:600}.footer{z-index:1;text-align:center;padding:var(--space-xl) var(--space-lg);color:var(--text-muted);border-top:1px solid var(--border-muted);margin-top:var(--space-xl);font-size:.8rem;position:relative}.hidden{display:none!important}@media (width<=768px){.header-inner{gap:var(--space-sm);flex-direction:column}.header-stats{justify-content:center;width:100%}.main,.panel{padding:var(--space-md)}.toolbar{flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-right{flex-wrap:wrap}.search-input,.search-input:focus{width:100%}.numbers-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.results-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.numbers-grid{grid-template-columns:1fr}.stat-pill{min-width:80px;padding:var(--space-xs) var(--space-sm)}.btn-generate{font-size:.95rem}}