:root{--bg-main: #0c0f17;--bg-card: rgba(22, 27, 40, .75);--bg-card-hover: rgba(28, 35, 52, .9);--border-color: rgba(255, 255, 255, .08);--border-focus: #10b981;--primary: #10b981;--primary-hover: #059669;--primary-glow: rgba(16, 185, 129, .25);--secondary: #3b82f6;--accent: #8b5cf6;--text-main: #f3f4f6;--text-muted: #9ca3af;--text-dim: #6b7280;--danger: #ef4444;--warning: #f59e0b;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--table-hover: rgba(255, 255, 255, .03)}[data-theme=light]{--bg-main: #f8fafc;--bg-card: rgba(255, 255, 255, .92);--bg-card-hover: rgba(241, 245, 249, .95);--border-color: rgba(0, 0, 0, .08);--border-focus: #059669;--primary: #059669;--primary-hover: #047857;--primary-glow: rgba(5, 150, 105, .2);--secondary: #2563eb;--text-main: #0f172a;--text-muted: #334155;--text-dim: #64748b;--table-hover: rgba(0, 0, 0, .02)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 15%,rgba(16,185,129,.06) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(59,130,246,.05) 0%,transparent 40%);background-attachment:fixed;transition:background-color .2s ease,color .2s ease}button,input,select,textarea{font-family:inherit}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000001f;transition:all .2s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:#10b9814d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;font-size:.875rem;padding:.6rem 1.1rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;line-height:1.25}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px 0 var(--primary-glow)}.btn-primary:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px 0 var(--primary-glow);transform:translateY(-1px)}.btn-secondary{background:#7d7d7d1a;color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:#7d7d7d2e;border-color:#7d7d7d4d}.btn-danger{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.btn-danger:hover{background:#ef444440;color:#dc2626}.btn-icon{padding:.55rem;border-radius:var(--radius-md)}.otp-pill{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.95rem;font-weight:700;letter-spacing:.08em;padding:.3rem .75rem;border-radius:var(--radius-full);background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.35);cursor:pointer;transition:all .2s ease;-webkit-user-select:all;user-select:all}.otp-pill:hover{background:#10b98147;border-color:#10b981;transform:scale(1.03)}.otp-pill.copied{background:#10b981;color:#fff;border-color:#10b981}.pulse-dot{width:8px;height:8px;border-radius:50%;background-color:#10b981;position:relative}.pulse-dot:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;border:2px solid #10b981;animation:pulse 1.8s infinite cubic-bezier(.4,0,.6,1)}@keyframes pulse{0%{transform:scale(.9);opacity:.8}70%{transform:scale(2.2);opacity:0}to{transform:scale(2.4);opacity:0}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1.5rem}.modal-content{width:100%;max-width:580px;max-height:90vh;overflow-y:auto;padding:2rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:.45rem}.form-input{width:100%;padding:.75rem 1rem;background:#7d7d7d14;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);font-size:.9rem;outline:none;transition:border-color .2s ease}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.code-snippet{font-family:var(--font-mono);background:#00000040;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.75rem;font-size:.8rem;word-break:break-all;color:#38bdf8;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sms-table{width:100%;border-collapse:collapse;text-align:left;font-size:.88rem}.sms-table th{padding:1rem;font-weight:600;border-bottom:1px solid var(--border-color);color:var(--text-dim);background:#7d7d7d0a}.sms-table td{padding:1rem;border-bottom:1px solid var(--border-color);vertical-align:top}.sms-table tr:hover td{background:var(--table-hover)}