:root{--bg: #F7F8FF;--surface: #FFFFFF;--surface-2: #F0F2FB;--border: #EAEDF7;--text: #0F172A;--muted: #64748B;--brand: linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);--brand-solid: #6366F1;--call: #059669;--danger: #EF4444;font-family:Inter,system-ui,-apple-system,sans-serif}@media (prefers-color-scheme: dark){:root{--bg: #0B0D17;--surface: #141826;--surface-2: #1B2033;--border: rgba(255, 255, 255, .08);--text: #F2F3F8;--muted: #9AA0B8}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}a{color:var(--brand-solid)}[dir=rtl]{direction:rtl}.app-shell{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;box-shadow:0 10px 40px -10px #6366f11f}.app-main{flex:1;overflow-y:auto;padding:16px}.bottom-nav{display:flex;border-top:1px solid var(--border);background:var(--surface)}.bottom-nav a{flex:1;text-align:center;padding:14px 0;color:var(--muted);text-decoration:none;font-size:13px;font-weight:500}.bottom-nav a.active{color:var(--brand-solid)}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100%;text-align:center;padding:24px}button{background:var(--brand);color:#fff;border:0;border-radius:12px;padding:12px 18px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s ease}button:hover{opacity:.92}input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:15px;outline:none}input:focus{border-color:var(--brand-solid)}.call-screen{display:grid;gap:14px;max-width:360px;margin:0 auto}.balance{text-align:center;color:var(--muted);font-size:14px;min-height:20px;font-weight:500}.number-row{display:flex;gap:8px}.number-row input{font-size:22px;text-align:center;letter-spacing:1px;font-weight:600}button.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}button.secondary.on{background:var(--border)}button:disabled{opacity:.45;cursor:not-allowed}.backspace{padding:0 16px}.dialpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.key{background:var(--surface);color:var(--text);font-size:22px;font-weight:600;padding:16px 0;border:1px solid var(--border);border-radius:14px}.call-btn{background:var(--brand);color:#fff;font-size:17px;padding:14px;border-radius:14px;box-shadow:0 4px 16px #6366f14d}.in-call{display:grid;gap:20px;text-align:center;padding-top:40px}.in-call-number{font-size:26px;font-weight:700}.in-call-status{color:var(--muted);font-size:20px;font-variant-numeric:tabular-nums}.in-call-actions{display:flex;justify-content:center;gap:16px}.round{border-radius:999px;padding:14px 28px}.hangup{background:var(--danger);color:#fff}.error{color:var(--danger);text-align:center;margin:0;font-size:14px}.notice{color:var(--muted);text-align:center;margin:0;font-size:14px}