:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#1f2937;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}.container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:24px}.card{width:100%;max-width:620px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px}.card-initial{max-width:420px;align-items:center;text-align:center}.card-initial .subtle{text-align:center}.logo-wrap{display:flex;justify-content:center}.logo-img{display:block;width:180px;height:auto}.steps{margin:4px 0 8px;padding-left:20px;text-align:left;color:#374151;font-size:14px;line-height:1.5}.subtle.small{font-size:13px}.connect-form{width:100%;display:flex;flex-direction:column;gap:8px;text-align:left}.logo-text{font-size:28px;font-weight:800;letter-spacing:.08em;color:#f47435}.subtle{margin:0;color:#6b7280}.status{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.status p{margin:4px 0}.footer{margin-top:16px;padding-top:14px;border-top:1px solid #f0f0f0;text-align:center}.logout-btn{background:none;border:none;color:#999;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:4px}.logout-btn:hover{color:#f47435}label{font-weight:600}select,button{height:42px;border-radius:8px;border:1px solid #cbd5e1;padding:0 12px;font-size:14px}select{width:100%}.select-row{display:flex;gap:8px;align-items:center}.section-title{margin:8px 0 0;font-size:18px}.widgets-layout,.connect-form{display:flex;flex-direction:column;gap:10px}.widget-guide{line-height:1.45}.widget-badge{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:6px 10px;border-radius:999px;background:#ecfdf5;color:#065f46;font-size:13px;font-weight:600}.text-input{width:100%;height:42px;border-radius:8px;border:1px solid #cbd5e1;padding:0 12px;font-size:14px}button.primary{border:none;background:#f47435;color:#fff;font-weight:600;cursor:pointer}button.integrate{min-width:120px}button.danger{border:1px solid #ef4444;background:#fff;color:#dc2626;font-weight:700;cursor:pointer}button.danger:hover:not(:disabled){background:#fee2e2}button.icon-only{min-width:42px;width:42px;padding:0}.connect-actions{display:flex;justify-content:center}.connect-btn{width:220px}button.primary:hover:not(:disabled){background:#d96228}button.primary:disabled{background:#f7a983;cursor:not-allowed}.snackbar{position:fixed;right:24px;top:24px;color:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 8px 24px #0003;z-index:1000;animation:nvoip-snackbar 3.2s ease forwards}.snackbar-success{background:#065f46}.snackbar-error{background:#b91c1c}@keyframes nvoip-snackbar{0%{opacity:0;transform:translateY(-8px)}10%,85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.oauth-callback-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(160deg,#f5f7fb,#eef2f9)}.oauth-callback-card{position:relative;width:100%;max-width:400px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:36px 28px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 12px 40px #0f172a14}.oauth-callback-card--loader-only{padding:40px 32px;min-height:140px;justify-content:center}.oauth-callback-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.oauth-callback-loader{width:44px;height:44px;margin:0;border:3px solid #e5e7eb;border-top-color:#f47435;border-radius:50%;animation:oauth-spin .75s linear infinite}@keyframes oauth-spin{to{transform:rotate(360deg)}}.done-box{margin-top:8px;padding:14px 16px;border:1px solid #bbf7d0;background:#f0fdf4;border-radius:8px;display:flex;flex-direction:column;gap:10px}.done-box p{margin:0}