@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-deep:#070b12;--bg:#0c121c;--bg-elevated:#121a27;--bg-panel:#121a27eb;--surface-subtle:#ffffff05;--surface-muted:#070b128c;--surface-hover:#0072ce0a;--topbar-bg:#070b12b8;--footer-bg:var(--topbar-bg);--footer-border:var(--border);--border:#94b2d224;--border-strong:#0072ce59;--text:#e8eef7;--text-muted:#93a4bb;--text-placeholder:#617288;--accent:#0072ce;--accent-soft:#0072ce24;--accent-hover:#1a8ae8;--btn-primary-text:#fff;--danger:#ff6b7a;--success:#3dd68c;--shadow:0 24px 60px #00000073;--body-gradient:radial-gradient(1200px 600px at 12% -10%, #0072ce29, transparent 55%), radial-gradient(900px 500px at 90% 0%, #3878ff1f, transparent 50%), linear-gradient(180deg, #0a1019 0%, var(--bg-deep) 45%, #05080e 100%);--focus-ring:#0072ce26;--spinner-track:#fff3;--ghost-hover:#ffffff08;--alert-error-text:#ffb4bc;--alert-success-text:#9aefc2;--alert-warn-text:#ffd48a;--radius:14px;--font-display:"Outfit", sans-serif;--font-body:"IBM Plex Sans", sans-serif}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sonax-blue:#3463ab;--sonax-blue-light:#5fa9f7;--bg-deep:#e8f0fa;--bg:#f4f8fd;--bg-elevated:#fff;--bg-panel:#fffffff7;--surface-subtle:#3463ab0d;--surface-muted:#fffffff2;--surface-hover:#5fa9f71f;--topbar-bg:linear-gradient(135deg, #3463ab 0%, #2a5290 100%);--topbar-text:#fff;--topbar-text-muted:#ffffffc7;--topbar-border:#00000014;--border:#3463ab24;--border-strong:#3463ab52;--text:#111;--text-muted:#4a6794;--text-placeholder:#7a96bb;--accent:#3463ab;--accent-soft:#5fa9f72e;--accent-hover:#5fa9f7;--btn-primary-text:#fff;--danger:#dc2626;--success:#059669;--shadow:0 16px 44px #3463ab1a;--body-gradient:radial-gradient(1100px 560px at 8% -8%, #5fa9f747, transparent 58%), radial-gradient(900px 480px at 92% 4%, #3463ab29, transparent 52%), linear-gradient(180deg, #f8fbff 0%, #e8f0fa 42%, #dce9f7 100%);--focus-ring:#5fa9f759;--spinner-track:#3463ab26;--ghost-hover:#5fa9f71a;--alert-error-text:#b91c1c;--alert-success-text:#047857;--alert-warn-text:#b45309;--footer-bg:var(--topbar-bg);--footer-border:var(--topbar-border);--footer-text:#fff;--footer-text-muted:#ffffffc7;--footer-link:#ffffffe0;--footer-link-hover:#5fa9f7}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--text);background:var(--body-gradient);background-attachment:fixed;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:var(--accent)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-footer{border-top:1px solid var(--footer-border,var(--border));text-align:center;background:var(--footer-bg,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--footer-text-muted,var(--text-muted));margin-top:auto;padding:2rem 1.75rem 2.25rem}.app-footer-links{flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;margin-bottom:1.25rem;display:flex}.app-footer-links a{color:var(--footer-link,var(--text-muted));font-size:.78rem;text-decoration:none;transition:color .16s}.app-footer-links a:hover{color:var(--footer-link-hover,var(--accent))}.app-footer-copy,.app-footer-partnership,.app-footer-credit{color:var(--footer-text-muted,var(--text-muted));margin:0;font-size:.82rem;line-height:1.55}.app-footer-partnership{color:var(--footer-text,var(--text));margin-top:.2rem;font-weight:500}.app-footer-credit{margin-top:.45rem;font-size:.78rem}.topbar{border-bottom:1px solid var(--border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.75rem;display:flex;position:sticky;top:0}.topbar-start{align-items:center;gap:.75rem;min-width:0;display:flex}.topbar-end{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.theme-toggle{background:0 0;border:none;flex-shrink:0;padding:0}.theme-toggle-track{border-radius:999px;align-items:center;gap:.28rem;height:26px;padding:0 .32rem;transition:background .28s,color .28s;display:inline-flex}.theme-toggle.is-light .theme-toggle-track{color:#3463ab;background:#d4e6f8;padding-left:.5rem;padding-right:.28rem}.theme-toggle.is-dark .theme-toggle-track{color:#fff;background:#0a0a0a;padding-left:.28rem;padding-right:.5rem}.theme-toggle-label{font-family:var(--font-display);letter-spacing:.04em;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:.46rem;font-weight:700;line-height:1}.theme-toggle-thumb{color:#3463ab;background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid;box-shadow:0 1px 5px #3463ab38}.theme-toggle.is-dark .theme-toggle-thumb{color:#111}.theme-toggle-thumb svg{width:12px;height:12px}.theme-toggle:focus-visible .theme-toggle-track{outline:2px solid var(--accent);outline-offset:2px}.btn-back{white-space:nowrap;padding:.55rem .85rem;font-size:.82rem}.brand{color:inherit;align-items:center;gap:.85rem;text-decoration:none;display:flex}.brand img{width:auto;height:36px;display:block}.brand-meta{flex-direction:column;gap:.1rem;display:flex}.brand-meta span:first-child{font-family:var(--font-display);letter-spacing:.02em;font-size:.95rem;font-weight:600}.brand-meta span:last-child{color:var(--text-muted);font-size:.75rem}.badge{border:1px solid var(--border);background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.75rem;font-weight:500;display:inline-flex}.page{flex:1;width:min(920px,100% - 2rem);margin:0 auto;padding:2.5rem 0 4rem;animation:.42s both rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero{margin-bottom:1.75rem}.hero h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .55rem;font-size:clamp(1.7rem,3vw,2.2rem);font-weight:650;line-height:1.15}.hero p{max-width:52ch;color:var(--text-muted);margin:0;line-height:1.55}.steps{gap:.75rem;margin-bottom:1.5rem;display:flex}.step-pill{border:1px solid var(--border);background:var(--surface-subtle);color:var(--text-muted);border-radius:12px;flex:1;padding:.85rem 1rem;font-size:.85rem;transition:border-color .18s,background .18s,color .18s}.step-pill strong{font-family:var(--font-display);color:inherit;margin-bottom:.15rem;font-weight:600;display:block}.step-pill.active{border-color:var(--border-strong);background:var(--accent-soft);color:var(--text)}.step-pill.done{color:var(--success);border-color:#3dd68c59}.panel{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--bg-panel);box-shadow:var(--shadow);padding:1.5rem}.panel h2{font-family:var(--font-display);margin:0 0 .35rem;font-size:1.15rem;font-weight:600}.panel .hint{color:var(--text-muted);margin:0 0 1.35rem;font-size:.9rem;line-height:1.5}.form-grid{gap:1rem;display:grid}.field label{color:var(--text-muted);margin-bottom:.4rem;font-size:.82rem;font-weight:500;display:block}.field input{border:1px solid var(--border);background:var(--bg-deep);width:100%;color:var(--text);border-radius:10px;outline:none;padding:.8rem .95rem;transition:border-color .16s,box-shadow .16s}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.field input::placeholder{color:var(--text-placeholder)}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1.35rem;display:flex}.btn{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;padding:.8rem 1.2rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:transform .14s,background .14s,border-color .14s,opacity .14s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:var(--btn-primary-text)}.btn-primary:not(:disabled):hover{background:linear-gradient(135deg, var(--accent-hover), var(--accent))}.btn-ghost{border-color:var(--border);color:var(--text);background:0 0}.btn-ghost:not(:disabled):hover{border-color:var(--border-strong);background:var(--ghost-hover)}.alert{border:1px solid var(--border);border-radius:10px;margin-bottom:1rem;padding:.85rem 1rem;font-size:.9rem;line-height:1.45}.alert-error{color:var(--alert-error-text);background:#ff6b7a1a;border-color:#ff6b7a66}.alert-success{color:var(--alert-success-text);background:#3dd68c1a;border-color:#3dd68c66}.alert-warn{color:var(--alert-warn-text);background:#ffc4571a;border-color:#ffc45759}.users-list{flex-direction:column;gap:.75rem;display:flex}.user-row{border:1px solid var(--border);background:var(--surface-muted);border-radius:12px;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);align-items:center;gap:1rem;padding:1rem;transition:border-color .16s,background .16s;display:grid}.user-row:hover{background:var(--surface-hover);border-color:#0072ce47}.user-info{min-width:0}.user-name{font-family:var(--font-display);margin:0;font-size:.98rem;font-weight:600}.user-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:.2rem 0 0;font-size:.82rem;overflow:hidden}.user-ramal input{border:1px solid var(--border);background:var(--bg-deep);width:100%;color:var(--text);border-radius:10px;outline:none;padding:.7rem .85rem}.user-ramal input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.user-ramal label{color:var(--text-muted);margin-bottom:.35rem;font-size:.75rem;display:block}.empty-state,.loading-state{text-align:center;color:var(--text-muted);padding:2rem 1rem}.spinner{border:2px solid var(--spinner-track);border-top-color:var(--accent);border-radius:50%;width:1.1rem;height:1.1rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.webphone-shell{background:var(--bg-deep);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.webphone-card{text-align:center;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);width:min(420px,100%);padding:1.5rem}.webphone-card img{height:32px;margin-bottom:1rem}.webphone-card p{color:var(--text-muted);margin:0;line-height:1.5}@media (width<=720px){.topbar{flex-wrap:wrap;padding:1rem}.topbar-start{flex-wrap:wrap}.brand-meta{display:none}.steps{flex-direction:column}.user-row,.user-row-portal{grid-template-columns:1fr}.page{padding-top:1.5rem}}.portal-actions,.crm-panel{margin-bottom:1rem}.crm-panel-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.crm-panel-head h2{margin:0}.crm-tag{border:1px solid var(--border-strong);background:var(--accent-soft);color:var(--accent);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.25rem .65rem;font-size:.72rem;font-weight:600;display:inline-flex}.crm-panel-disabled{opacity:.72}.account-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.account-card{border:1px solid var(--border);background:var(--surface-muted);color:inherit;text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1rem;transition:border-color .16s,background .16s,transform .14s;display:flex}.account-card:hover{border-color:var(--border-strong);background:var(--surface-hover);transform:translateY(-1px)}.account-card strong{font-family:var(--font-display);font-size:.98rem}.account-card span{color:var(--text-muted);font-size:.82rem}.user-row-portal{grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1fr)}.field input:read-only{opacity:.85;cursor:default}[data-theme=light] .topbar{border-bottom-color:var(--topbar-border);color:var(--topbar-text)}[data-theme=light] .brand,[data-theme=light] .brand-meta span:first-child{color:var(--topbar-text)}[data-theme=light] .brand-meta span:last-child{color:var(--topbar-text-muted)}[data-theme=light] .topbar .badge{color:#fff;background:#ffffff29;border-color:#ffffff47}[data-theme=light] .topbar .btn-ghost{color:#fff;border-color:#ffffff59}[data-theme=light] .topbar .btn-ghost:not(:disabled):hover{background:#ffffff1f;border-color:#ffffff80}[data-theme=light] .topbar .theme-toggle.is-light .theme-toggle-track{color:#fff;background:#fff3}[data-theme=light] .topbar .theme-toggle.is-light .theme-toggle-thumb{color:#3463ab}[data-theme=light] .topbar .theme-toggle.is-dark .theme-toggle-track{color:#fff;background:#00000047}[data-theme=light] .hero h1,[data-theme=light] .panel h2{color:#111}[data-theme=light] .panel{border-color:#3463ab29}[data-theme=light] .step-pill.active{color:#111}[data-theme=light] .account-card{border-color:#3463ab24}[data-theme=light] .account-card:hover{border-color:var(--border-strong);background:var(--surface-hover)}[data-theme=light] .user-row:hover{border-color:#3463ab47}