.settings-wrapper{background:#fbfcff;justify-content:center;min-height:100vh;padding:120px 30px 80px;display:flex}.settings-container{width:100%;max-width:680px}.loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.loading-spinner{border:4px solid #0052ff1a;border-top-color:#0052ff;border-radius:50%;width:48px;height:48px;margin-bottom:24px;animation:1s linear infinite spin}.loading-text{color:#09090b;margin-bottom:8px;font-family:Geist,sans-serif;font-size:18px;font-weight:500}.loading-subtext{color:#9a9aa5;font-family:Geist,sans-serif;font-size:14px;font-weight:400}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content-hidden{display:none}.settings-header{text-align:left;margin-bottom:48px}.settings-title{color:#09090b;margin-bottom:12px;font-family:Geist,sans-serif;font-size:32px;font-weight:600;line-height:120%}.settings-subtitle{color:#9a9aa5;font-family:Geist,sans-serif;font-size:16px;font-weight:400;line-height:130%}.settings-section{background:#fff;border:1px solid #9a9aa526;border-radius:20px;margin-bottom:24px;padding:32px;box-shadow:0 4px 15.5px #9a9aa514}.section-title{color:#09090b;margin-bottom:8px;font-family:Geist,sans-serif;font-size:20px;font-weight:600;line-height:120%}.section-description{color:#9a9aa5;margin-bottom:24px;font-family:Geist,sans-serif;font-size:14px;font-weight:400;line-height:130%}.setting-item{border-bottom:1px solid #9a9aa51a;justify-content:space-between;align-items:center;padding:20px 0;display:flex}.setting-item:last-child{border-bottom:none}.setting-content{flex:1}.setting-label{color:#09090b;margin-bottom:4px;font-family:Geist,sans-serif;font-size:16px;font-weight:500;line-height:120%}.setting-text{color:#9a9aa5;font-family:Geist,sans-serif;font-size:14px;font-weight:400;line-height:130%}.toggle-switch{cursor:pointer;background:#0052ff;border-radius:16px;width:52px;height:32px;margin-left:16px;transition:background .3s;position:relative}.toggle-switch.disabled{background:#9a9aa54d}.toggle-switch:before{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .3s;position:absolute;top:4px;left:4px;transform:translate(0)}.toggle-switch.disabled:before{transform:translate(16px)}.danger-section{background:#ff6b6b05;border-color:#ff6b6b33}.danger-item{background:#ff6b6b0d;border:1px solid #ff6b6b26;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:24px;display:flex}.danger-item:last-child{margin-bottom:0}.danger-content h3{color:#f44;margin-bottom:4px;font-family:Geist,sans-serif;font-size:18px;font-weight:600;line-height:120%}.danger-content p{color:#9a9aa5;font-family:Geist,sans-serif;font-size:14px;font-weight:400;line-height:130%}.danger-button{color:#f44;cursor:pointer;background:0 0;border:1.5px solid #f44;border-radius:12px;min-width:80px;padding:10px 20px;font-family:Geist,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.danger-button:hover{color:#fff;background:#f44}.plan-section{background:linear-gradient(135deg,#0052ff0d 0%,#bf00ff0d 100%);border:1px solid #0052ff26}.current-plan{background:#fff;border:1px solid #0052ff33;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:24px;display:flex}.plan-info{flex:1}.plan-name{color:#0052ff;margin-bottom:4px;font-family:Geist,sans-serif;font-size:20px;font-weight:600;line-height:120%}.plan-price{color:#09090b;margin-bottom:8px;font-family:Geist,sans-serif;font-size:16px;font-weight:500;line-height:120%}.plan-status{color:#9a9aa5;font-family:Geist,sans-serif;font-size:14px;font-weight:400;line-height:130%}.plan-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#0052ff;border-radius:20px;padding:6px 12px;font-family:Geist,sans-serif;font-size:12px;font-weight:500}.plan-actions{gap:12px;margin-top:20px;display:flex}.plan-button{cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-family:Geist,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.plan-button.primary{color:#fff;background:#0052ff}.plan-button.primary:hover{background:#0041cc}.plan-button.secondary{color:#0052ff;background:0 0;border:1.5px solid #0052ff}.plan-button.secondary:hover{background:#0052ff0d}.usage-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:20px;display:grid}.usage-item{background:#0052ff0d;border:1px solid #0052ff1a;border-radius:12px;padding:16px}.usage-label{color:#9a9aa5;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-family:Geist,sans-serif;font-size:12px;font-weight:400;line-height:120%}.usage-value{color:#0052ff;font-family:Geist,sans-serif;font-size:16px;font-weight:600;line-height:120%}.connected-apps-grid{flex-direction:column;gap:16px;display:flex}.connected-app-item{background:#fff;border:1px solid #9a9aa526;border-radius:16px;justify-content:space-between;align-items:center;padding:20px;transition:all .2s;display:flex}.connected-app-item:hover{border-color:#0052ff33;box-shadow:0 4px 15.5px #9a9aa514}.connected-app-item.coming-soon{opacity:.6;cursor:not-allowed}.connected-app-item.coming-soon:hover{box-shadow:none;border-color:#9a9aa526}.app-info{flex:1;align-items:center;gap:16px;display:flex}.app-icon{background:#0052ff0d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.app-icon img{object-fit:contain;object-position:center;max-width:100%;max-height:100%}.app-details{flex:1}.app-name{color:#09090b;margin-bottom:4px;font-family:Geist,sans-serif;font-size:16px;font-weight:600;line-height:120%}.app-description{color:#9a9aa5;font-family:Geist,sans-serif;font-size:14px;font-weight:400;line-height:130%}.app-status{align-items:center;gap:16px;display:flex}.connection-status{align-items:center;gap:8px;display:flex}.status-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-indicator.connected{background:#34a853}.status-indicator.disconnected{background:#9a9aa5}.status-indicator.expired{background:#fbbc04}.status-indicator.error{background:#ea4335}.status-indicator.coming-soon{opacity:.5;background:#9a9aa5}.status-indicator.partial{background:#fbbc04;position:relative}.status-indicator.partial:after{content:"!";color:#fff;background:#ff6b35;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;font-size:8px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.status-text{color:#09090b;font-family:Geist,sans-serif;font-size:14px;font-weight:500;line-height:120%}.connect-button{cursor:pointer;border:none;border-radius:12px;min-width:100px;padding:10px 20px;font-family:Geist,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.connect-button:not(.disabled){color:#fff;background:#0052ff}.connect-button:not(.disabled):hover{background:#0041cc}.connect-button.disabled{color:#9a9aa5;cursor:not-allowed;background:#9a9aa533}.connect-button.connected{color:#ea4335;background:0 0;border:1.5px solid #ea4335}.connect-button.connected:hover{color:#fff;background:#ea4335}.button-group{align-items:center;display:flex}.permission-tooltip.partial,.permission-tooltip.connected{cursor:help;position:relative}.tooltip-content{display:none}.permission-tooltip.partial .tooltip-content,.permission-tooltip.connected .tooltip-content{visibility:hidden;opacity:0;z-index:1000;color:#fff;white-space:normal;background:#1a1a1a;border-radius:12px;min-width:320px;max-width:500px;margin-bottom:10px;padding:16px;font-size:13px;line-height:1.4;transition:all .3s;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000004d;display:block!important}.permission-tooltip.partial .tooltip-content:after{content:"";border:6px solid #0000;border-top-color:#1a1a1a;position:absolute;top:100%;left:50%;transform:translate(-50%)}.permission-tooltip.partial:hover .tooltip-content,.permission-tooltip.connected:hover .tooltip-content{visibility:visible!important;opacity:1!important}.permission-section{margin-bottom:12px}.permission-section:last-child{margin-bottom:0}.permission-title{color:#fff;margin-bottom:8px;font-weight:600}.permission-list{grid-template-columns:1fr;gap:8px;max-width:none;margin:0;padding:0;list-style:none;display:grid}.permission-item{background:#ffffff0d;border-radius:6px;align-items:flex-start;min-height:40px;padding:8px;font-size:12px;display:flex}.permission-icon{border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-right:10px;font-size:12px;font-weight:700;line-height:1;display:flex}.permission-icon.granted{color:#fff;background:#34a853}.permission-icon.denied{color:#fff;background:#ea4335}.permission-name{color:#e0e0e0;flex:1;font-weight:500;line-height:1.3}.permission-description{color:#9a9aa5;grid-column:1/-1;margin-top:-4px;margin-bottom:8px;margin-left:28px;font-size:10px;line-height:1.2}.dialog-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.dialog-overlay.show{display:flex}.dialog-container{background:#fff;border-radius:20px;width:90%;max-width:600px;max-height:90vh;animation:.3s ease-out dialogSlideIn;overflow-y:auto;box-shadow:0 20px 60px #0000004d}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.dialog-header{border-bottom:1px solid #9a9aa526;justify-content:space-between;align-items:center;padding:24px 32px 16px;display:flex}.dialog-title{color:#09090b;margin:0;font-family:Geist,sans-serif;font-size:20px;font-weight:600;line-height:120%}.dialog-close{color:#9a9aa5;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;font-size:24px;transition:all .2s;display:flex}.dialog-close:hover{color:#09090b;background:#9a9aa51a}.dialog-content{padding:24px 32px}.warning-text{margin-bottom:24px}.warning-text p{color:#09090b;margin-bottom:12px;font-family:Geist,sans-serif;font-size:16px;font-weight:400;line-height:140%}.warning-text p:last-child{margin-bottom:0}.warning-screenshot{text-align:center;background:#f8f9fa;border:1px solid #9a9aa526;border-radius:12px;margin:24px 0;padding:16px}.warning-screenshot img{border-radius:8px;max-width:100%;height:auto;box-shadow:0 4px 12px #0000001a}.warning-instructions{background:#0052ff0d;border:1px solid #0052ff26;border-radius:12px;margin-top:24px;padding:20px}.warning-instructions p{color:#0052ff;margin-bottom:12px;font-family:Geist,sans-serif;font-size:16px;font-weight:500;line-height:120%}.warning-instructions ol{margin:0;padding-left:20px}.warning-instructions li{color:#09090b;margin-bottom:8px;font-family:Geist,sans-serif;font-size:14px;font-weight:400;line-height:140%}.warning-instructions li:last-child{margin-bottom:0}.dialog-actions{border-top:1px solid #9a9aa526;justify-content:flex-end;gap:12px;padding:16px 32px 24px;display:flex}.dialog-button{cursor:pointer;border:none;border-radius:12px;min-width:120px;padding:12px 24px;font-family:Geist,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.dialog-button.primary{color:#fff;background:#0052ff}.dialog-button.primary:hover{background:#0041cc}.dialog-button.secondary{color:#9a9aa5;background:0 0;border:1.5px solid #9a9aa54d}.dialog-button.secondary:hover{color:#09090b;background:#9a9aa50d;border-color:#9a9aa580}@media (max-width:768px){.settings-wrapper{padding:100px 20px 60px}.settings-section{padding:24px}.settings-title{font-size:28px}.setting-item{flex-direction:column;align-items:flex-start;gap:12px}.toggle-switch{margin-left:0}.danger-item,.current-plan{flex-direction:column;align-items:flex-start;gap:16px}.usage-stats{grid-template-columns:1fr}.dialog-container{width:95%;margin:20px}.dialog-header,.dialog-content,.dialog-actions{padding-left:20px;padding-right:20px}.dialog-actions{flex-direction:column}.dialog-button{width:100%}}