@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-app:#f8fafc;--bg-card:#fff;--bg-hover:#f1f5f9;--bg-input:#fff;--accent:#0d9488;--accent-hover:#0f766e;--accent-glow:#0d948826;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--success:#10b981;--success-glow:#10b98126;--danger:#ef4444;--danger-glow:#ef444426;--warning:#f59e0b;--in-call:#0d9488;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000005;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000005}*{box-sizing:border-box;font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{color:var(--text-primary);background:#f8fafc;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0f172a26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0f172a40}#root{justify-content:center;align-items:center;min-height:100vh;display:flex}@media (width>=480px){body{background:radial-gradient(circle at top,#f1f5f9,#cbd5e1);justify-content:center;align-items:center;display:flex}.handset-shell{background:var(--bg-app);border:12px solid #0f172a;border-radius:40px;flex-direction:column;width:400px;height:820px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a26}.handset-loader-container{background:var(--bg-app);border:12px solid #0f172a;border-radius:40px;justify-content:center;align-items:center;width:400px;height:820px;display:flex;box-shadow:0 25px 50px -12px #0f172a26}}@media (width<=479px){.handset-shell,.handset-loader-container{background:var(--bg-app);flex-direction:column;width:100%;height:100vh;display:flex}}.handset-loader-container{text-align:center;justify-content:center;align-items:center;padding:24px;display:flex}.loader-card h3{color:var(--text-primary);margin-top:16px;font-size:20px;font-weight:600}.loader-card p{color:var(--text-secondary);margin-top:6px;font-size:14px}.spinner{animation:1.2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.handset-status-bar{background:var(--bg-hover);height:36px;color:var(--text-secondary);-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 24px;font-size:12px;font-weight:500;display:flex}.status-bar-signals{align-items:center;gap:4px;display:flex}.signal-dot{background:#0f172a26;border-radius:50%;width:6px;height:6px}.signal-dot.filled{background:var(--success)}.handset-content-panel{flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.handset-navbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);height:72px;padding-bottom:env(safe-area-inset-bottom);background:#fffffff2;justify-content:space-around;align-items:center;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;outline:none;flex-direction:column;flex:1;align-items:center;gap:4px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-primary)}.nav-item.active{color:var(--accent)}.nav-item svg{transition:transform .25s cubic-bezier(.175,.885,.32,1.275)}.nav-item.active svg{transform:translateY(-2px)scale(1.1)}.login-view{justify-content:center}.login-container{flex-direction:column;justify-content:center;height:100%;padding:32px 24px;display:flex}.login-header{text-align:center;margin-bottom:36px}.login-logo-glow{background:var(--accent-glow);border:1px solid var(--border);border-radius:20px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 16px;display:flex;box-shadow:0 10px 25px -5px #0d948826}.login-logo-icon{color:var(--accent)}.login-header h1{color:var(--text-primary);letter-spacing:-.5px;font-size:26px;font-weight:700}.login-header p{color:var(--text-secondary);margin-top:4px;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.form-error{background:var(--danger-glow);color:#f87171;border:1px solid #ef44444d;border-radius:12px;align-items:center;gap:8px;padding:12px;font-size:13px;display:flex}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);position:absolute;left:14px}.input-wrapper input{background:var(--bg-input);border:1px solid var(--border);width:100%;height:48px;color:var(--text-primary);border-radius:12px;outline:none;padding:0 16px 0 44px;font-size:15px;transition:all .2s}.input-wrapper input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.login-submit-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:48px;margin-top:10px;font-size:15px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #0d948833}.login-submit-btn:hover{background:var(--accent-hover)}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;margin-top:auto;padding-top:24px}.login-footer p{color:var(--text-muted);font-size:11px;font-weight:500}.tab-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.tab-header h2{color:var(--text-primary);font-size:18px;font-weight:700}.refresh-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.refresh-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.refresh-btn:disabled{opacity:.5}.search-bar{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;padding:12px 16px;display:flex;position:relative}.search-icon{color:var(--text-muted);position:absolute;left:28px}.search-bar input{background:var(--bg-input);border:1px solid var(--border);width:100%;height:38px;color:var(--text-primary);border-radius:20px;outline:none;padding:0 16px 0 42px;font-size:14px}.search-bar input:focus{border-color:var(--accent)}.dialer-tab{flex-direction:column;height:100%;padding:20px 24px;display:flex}.caller-id-selector{flex-direction:column;gap:6px;margin-bottom:24px;display:flex}.caller-id-selector .label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.caller-id-dropdown{background:var(--bg-input);border:1px solid var(--border);width:100%;height:42px;color:var(--text-primary);cursor:pointer;border-radius:10px;outline:none;padding:0 12px;font-size:14px}.no-lines-warning{color:var(--warning);background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.dialer-display{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;height:72px;margin-bottom:24px;padding:0 4px;display:flex}.dial-number-view{color:var(--text-primary);white-space:nowrap;scrollbar-width:none;font-size:28px;font-weight:700;overflow-x:auto}.dial-number-view::-webkit-scrollbar{display:none}.dial-number-view .placeholder{color:var(--text-muted);font-weight:400}.backspace-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.backspace-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.dialpad-grid{grid-template-columns:repeat(3,1fr);justify-items:center;gap:16px 24px;margin-bottom:32px;display:grid}.dialpad-key{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:68px;height:68px;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.dialpad-key:hover{background:var(--bg-hover);border-color:var(--border);transform:scale(1.05)}.dialpad-key:active{background:var(--bg-hover);transform:scale(.95)}.key-num{color:var(--text-primary);font-size:24px;font-weight:600}.key-sub{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;font-size:9px;font-weight:500}.dialer-action-row{justify-content:center;margin-top:auto;display:flex}.dial-trigger-btn{background:var(--text-muted);color:#fff;cursor:not-allowed;border:none;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;transition:all .2s;display:flex}.dial-trigger-btn.active{background:var(--success);cursor:pointer;box-shadow:0 8px 20px var(--success-glow)}.dial-trigger-btn.active:hover{transform:scale(1.05)}.active-call-overlay,.incoming-call-overlay{background:var(--bg-app);z-index:100;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;height:100%;padding:60px 24px;display:flex;position:absolute;top:0;left:0}.call-avatar-glow{background:var(--accent-glow);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:28px;display:flex;box-shadow:0 0 35px #0d948826}.call-avatar-glow.incoming{background:var(--success-glow);border-color:#10b9814d;box-shadow:0 0 35px #10b98140}.call-avatar-icon{color:var(--accent)}.call-avatar-icon.animated{color:var(--success);animation:1.5s ease-in-out infinite pulseIcon}.active-call-title,.incoming-title{color:var(--text-primary);text-align:center;margin-bottom:8px;font-size:24px;font-weight:700}.call-status-badge{border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600}.call-status-badge.active{background:var(--success-glow);color:var(--success)}.call-status-badge.connecting{background:var(--accent-glow);color:var(--accent)}.call-status-badge.holding{color:var(--warning);background:#f59e0b26}.call-timer{color:var(--text-secondary);align-items:center;gap:6px;margin-top:14px;font-size:15px;display:flex}.dtmf-preview{color:var(--text-muted);margin-top:12px;font-size:13px}.call-controls-grid{grid-template-columns:repeat(2,1fr);gap:24px;width:100%;max-width:280px;margin-top:auto;margin-bottom:36px;display:grid}.control-btn{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:16px;transition:all .2s;display:flex}.control-btn:hover{background:var(--bg-hover)}.control-btn.active{background:var(--accent);border-color:var(--accent);box-shadow:0 4px 15px var(--accent-glow)}.call-dialpad-inline{grid-template-columns:repeat(6,1fr);gap:6px;width:100%;margin-bottom:32px;display:grid}.key-btn.small{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:4px;padding:6px 0;font-size:13px}.hangup-action-btn{background:var(--danger);color:#fff;cursor:pointer;width:72px;height:72px;box-shadow:0 8px 20px var(--danger-glow);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.hangup-action-btn:hover{transform:scale(1.05)}.incoming-subtitle{color:var(--text-secondary);margin-bottom:auto;font-size:14px}.incoming-actions-container{justify-content:center;gap:32px;width:100%;display:flex}.incoming-decline-btn,.incoming-answer-btn{color:#fff;cursor:pointer;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:72px;height:72px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.incoming-decline-btn{background:var(--danger);box-shadow:0 8px 20px var(--danger-glow)}.incoming-answer-btn{background:var(--success);box-shadow:0 8px 20px var(--success-glow)}.incoming-decline-btn:hover,.incoming-answer-btn:hover{transform:scale(1.05)}.incoming-decline-btn span,.incoming-answer-btn span{color:var(--text-secondary);font-weight:500;position:absolute;bottom:-24px}.incoming-decline-btn,.incoming-answer-btn{position:relative}.pulse-ring{border-radius:50%;padding:10px;position:relative}.pulse-ring:before{content:"";border:2px solid var(--success);border-radius:50%;width:100%;height:100%;animation:2s linear infinite ringPulse;position:absolute;top:0;left:0}@keyframes ringPulse{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.4)}}@keyframes pulseIcon{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.history-tab,.contacts-tab,.messages-tab{flex-direction:column;height:100%;display:flex}.logs-list-container,.contacts-list-container,.conversations-list-container{flex:1;padding:8px 0;overflow-y:auto}.loading-state,.empty-state{height:250px;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.empty-icon{color:var(--text-muted);margin-bottom:12px}.loading-state p,.empty-state p{margin-top:8px;font-size:14px}.accent-action-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:20px;margin-top:14px;padding:8px 20px;font-size:13px;font-weight:600}.log-item{border-bottom:1px solid var(--border);align-items:center;padding:12px 20px;transition:background .15s;display:flex}.log-item:hover{background:#ffffff05}.log-icon-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-right:14px;display:flex}.log-icon.outbound{color:var(--accent);background:var(--accent-glow)}.log-icon.inbound{color:var(--success);background:var(--success-glow)}.log-icon.missed{color:var(--danger);background:var(--danger-glow)}.log-details{flex:1;min-width:0}.log-number{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.log-meta{color:var(--text-secondary);gap:12px;margin-top:4px;font-size:12px;display:flex}.log-time,.log-duration{align-items:center;gap:4px;display:flex}.log-call-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.log-call-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.contact-item{border-bottom:1px solid var(--border);align-items:center;padding:12px 20px;display:flex}.contact-avatar-wrapper{margin-right:14px;position:relative}.contact-avatar{background:var(--bg-hover);width:40px;height:40px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.status-indicator{border:2px solid var(--bg-app);border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.status-indicator.available{background:var(--success)}.status-indicator.busy{background:var(--danger)}.status-indicator.offline{background:var(--text-muted)}.status-indicator.in-call{background:var(--in-call)}.contact-details{flex:1;min-width:0}.contact-name{color:var(--text-primary);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.self-badge{background:var(--accent-glow);color:var(--accent);border-radius:10px;padding:2px 6px;font-size:10px;font-weight:500}.contact-meta{color:var(--text-secondary);align-items:center;gap:8px;margin-top:4px;font-size:11px;display:flex}.contact-ext{color:var(--text-primary);font-weight:600}.contact-role{text-transform:capitalize;background:#ffffff0d;border-radius:8px;align-items:center;gap:3px;padding:1px 6px;font-size:10px;display:flex}.contact-call-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.contact-call-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.header-actions{gap:8px;display:flex}.new-conv-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:16px;align-items:center;gap:4px;padding:0 12px;font-size:13px;font-weight:600;display:flex}.new-conv-btn:hover{background:var(--accent-hover)}.conv-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;padding:14px 20px;transition:background .2s;display:flex}.conv-item:hover{background:#ffffff05}.conv-avatar{width:40px;height:40px;color:var(--accent);background:#6366f11a;border-radius:50%;justify-content:center;align-items:center;margin-right:14px;display:flex}.conv-info{flex:1;min-width:0}.conv-number{color:var(--text-primary);font-size:15px;font-weight:600}.conv-line-label{color:var(--text-secondary);margin-top:2px;font-size:12px}.conv-meta{color:var(--text-muted);font-size:11px}.active-chat-panel,.new-chat-panel{background:var(--bg-app);z-index:50;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.chat-header{border-bottom:1px solid var(--border);background:#0f172a80;align-items:center;height:60px;padding:0 16px;display:flex}.chat-back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-right:8px;display:flex}.chat-back-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.chat-header-info{min-width:0}.chat-title{color:var(--text-primary);font-size:15px;font-weight:600}.chat-subtitle{color:var(--text-secondary);margin-top:2px;font-size:11px}.chat-messages-container{flex:1;padding:16px;overflow-y:auto}.chat-messages-loading,.chat-messages-empty{height:100%;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.chat-messages-empty p{text-align:center;margin-top:8px;font-size:13px}.messages-list{flex-direction:column;gap:12px;display:flex}.message-bubble-row{width:100%;display:flex}.message-bubble-row.inbound{justify-content:flex-start}.message-bubble-row.outbound{justify-content:flex-end}.message-bubble-wrapper{flex-direction:column;max-width:75%;display:flex}.message-bubble-content{word-break:break-word;border-radius:16px;padding:10px 14px;font-size:14px;line-height:1.4}.inbound .message-bubble-content{background:var(--bg-card);color:var(--text-primary);border-bottom-left-radius:4px}.outbound .message-bubble-content{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.message-bubble-time{color:var(--text-muted);justify-content:flex-end;gap:4px;margin-top:4px;padding:0 4px;font-size:10px;display:flex}.inbound .message-bubble-time{justify-content:flex-start}.msg-status.sent{color:var(--success)}.msg-status.failed{color:var(--danger)}.chat-input-bar{border-top:1px solid var(--border);background:#0f172acc;gap:10px;padding:12px 16px;display:flex}.chat-input-bar input{background:var(--bg-input);border:1px solid var(--border);height:40px;color:var(--text-primary);border-radius:20px;outline:none;flex:1;padding:0 16px;font-size:14px}.chat-input-bar input:focus{border-color:var(--accent)}.chat-send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.chat-send-btn:hover{background:var(--accent-hover)}.chat-send-btn:disabled{background:var(--bg-hover);color:var(--text-muted);cursor:not-allowed}.new-chat-form{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.flex-fill{flex:1}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.form-select,.form-input{background:var(--bg-input);border:1px solid var(--border);width:100%;height:42px;color:var(--text-primary);border-radius:10px;outline:none;padding:0 12px;font-size:14px}.form-textarea{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-primary);resize:none;border-radius:10px;outline:none;flex:1;min-height:120px;padding:12px;font-size:14px}.new-chat-submit-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:46px;font-size:14px;font-weight:600;display:flex;box-shadow:0 4px 12px #6366f140}.new-chat-submit-btn:disabled{opacity:.6;cursor:not-allowed}.settings-tab{padding:20px}.settings-profile-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow-md);border-radius:20px;margin-bottom:24px;padding:20px}.profile-badge-glow{background:var(--accent-glow);border:1px solid #6366f133;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 12px;display:flex}.profile-icon{color:var(--accent)}.settings-profile-card h3{color:var(--text-primary);font-size:18px;font-weight:700}.profile-email{color:var(--text-secondary);margin-top:2px;font-size:13px}.profile-details-grid{border-top:1px solid var(--border);grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;padding-top:16px;display:grid}.detail-item{text-align:left;align-items:center;gap:10px;display:flex}.detail-item svg{color:var(--text-muted);flex-shrink:0}.detail-item .lbl{color:var(--text-secondary);text-transform:uppercase;font-size:10px;font-weight:500;display:block}.detail-item .val{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;display:block;overflow:hidden}.settings-section{margin-bottom:24px}.settings-section h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;padding-left:4px;font-size:12px;font-weight:600}.status-err-msg{background:var(--danger-glow);color:#f87171;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:6px;margin-bottom:10px;padding:8px 12px;font-size:12px;display:flex}.status-selector-row{gap:10px;display:flex}.status-select-btn{border:1px solid var(--border);height:38px;color:var(--text-secondary);cursor:pointer;background:#ffffff05;border-radius:10px;flex:1;font-size:13px;font-weight:600;transition:all .2s}.status-select-btn.available.active{background:var(--success-glow);color:var(--success);border-color:var(--success)}.status-select-btn.busy.active{background:var(--danger-glow);color:var(--danger);border-color:var(--danger)}.status-select-btn.offline.active{color:var(--text-primary);border-color:var(--text-muted);background:#ffffff14}.push-status-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:14px;padding:16px;display:flex}.push-status-info{align-items:flex-start;gap:12px;display:flex}.push-status-info svg{flex-shrink:0;margin-top:2px}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-muted{color:var(--text-muted)}.push-status-title{color:var(--text-primary);font-size:14px;font-weight:600}.push-status-desc{color:var(--text-secondary);margin-top:3px;font-size:12px;line-height:1.35}.btn-push-action{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:38px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-push-action.subscribe{background:var(--accent);color:#fff}.btn-push-action.subscribe:hover{background:var(--accent-hover)}.btn-push-action.unsubscribe{border:1px solid var(--border);color:var(--text-primary);background:#ffffff0d}.btn-push-action.unsubscribe:hover{background:var(--danger-glow);color:#f87171;border-color:#ef44444d}.settings-logout-container{margin-top:32px;padding-bottom:20px}.btn-logout{background:var(--danger-glow);color:#f87171;cursor:pointer;border:1px solid #ef444433;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-logout:hover{background:var(--danger);color:#fff;box-shadow:0 4px 12px var(--danger-glow)}