*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #0b64dd;--color-primary-dark: #0043EE;--color-text-title: #111c2c;--color-text-primary: #1750ba;--color-text-neutral: #1d2a3e;--color-text-black: #121212;--color-text-muted: rgba(46, 47, 54, .8);--color-text-placeholder: rgba(46, 47, 54, .5);--color-button-text-primary: #1750BA;--color-bg-white: #ffffff;--color-bg-subdued: #f6f9fc;--color-bg-neutral: #e3e8f2;--color-border-light: #cad3e2;--color-border-default: #e3e8f2;--color-border-input: #2e2f36;--color-btn-dark: #2e2f36;--color-btn-dark-hover: #000000;--color-btn-dark-border: #2d2d2d;--color-btn-dark-shadow: #494949;--color-error: #dc3545;--color-shadow: rgba(0, 0, 0, .08);--color-text-secondary: #516381;--color-text-disabled: #6a7fa0;--color-bg-code: #ecf1f9;--color-bg-hover: #ECF1F9;--color-gradient-start: #f6f9fc;--color-gradient-end: #e3e8f2;--color-scrollbar: #cad3e2;--color-scrollbar-hover: #8e9fbc;--color-success: #09724d;--color-success-bg: #10b981;--color-warning-bg: #fdf3d8;--color-warning-text: #6a4906;--color-warning-btn: #facb3d;--color-danger: #A71627;--color-overlay-light: rgba(255, 255, 255, .9);--color-tooltip-bg: #07101f;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-base: 16px;--spacing-lg: 24px;--spacing-xl: 40px;--spacing-xxl: 64px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 24.58px;--font-size-xl: 30px;--font-weight-medium: 500;--font-weight-semibold: 600;--line-height-md: 20px;--line-height-lg: 24px;--line-height-xl: 36px;--radius-sm: 6px;--radius-full: 64px}[data-theme=dark]{--color-primary: #4d8ffa;--color-primary-dark: #6ba3ff;--color-text-title: #f5f5f5;--color-text-primary: #6ba3ff;--color-text-neutral: #d1d5db;--color-text-black: #f5f5f5;--color-text-muted: rgba(245, 245, 245, .7);--color-text-placeholder: rgba(245, 245, 245, .5);--color-button-text-primary: #6ba3ff;--color-bg-white: #121212;--color-bg-subdued: #1a1a1a;--color-bg-neutral: #2a2a2a;--color-border-light: #333333;--color-border-default: #3a3a3a;--color-border-input: #4a4a4a;--color-btn-dark: #2a2a2a;--color-btn-dark-hover: #3a3a3a;--color-btn-dark-border: #4a4a4a;--color-btn-dark-shadow: #555555;--color-error: #ff6b6b;--color-shadow: rgba(0, 0, 0, .3);--color-text-secondary: #9ca3af;--color-text-disabled: #6b7280;--color-bg-code: #1f1f1f;--color-bg-hover: #2a2a2a;--color-gradient-start: #1a1a1a;--color-gradient-end: #2a2a2a;--color-scrollbar: #4a4a4a;--color-scrollbar-hover: #5a5a5a;--color-success: #34d399;--color-success-bg: #059669;--color-warning-bg: #422006;--color-warning-text: #fbbf24;--color-warning-btn: #f59e0b;--color-danger: #f87171;--color-overlay-light: rgba(0, 0, 0, .8);--color-tooltip-bg: #1f2937}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-white);color:var(--color-text-title)}#root{min-height:100vh}.auth-page{min-height:100vh;background-color:var(--color-bg-white);position:relative}.auth-logo-top{position:absolute;left:126px;top:40px;display:flex;align-items:center;gap:5.8px}.auth-logo{height:32px;width:auto}.auth-container{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% + 15px));background-color:var(--color-bg-white);width:478px;min-height:750px;padding:40px;border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:none}.auth-content{display:flex;flex-direction:column;gap:60px;align-items:center;width:100%}.auth-header{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center;width:100%}.auth-title{font-size:40px;font-weight:400;line-height:48px;color:var(--color-text-title);letter-spacing:-.8px;margin:0}.auth-subtitle{font-size:20px;font-weight:400;line-height:24px;color:var(--color-text-muted);margin:0;width:324px}.auth-form-container{display:flex;flex-direction:column;gap:24px;align-items:center;width:320px}.social-buttons{display:flex;flex-direction:column;gap:20px;width:100%}.social-btn{display:flex;align-items:center;justify-content:center;gap:10px;height:45px;padding:8px 24px;background-color:var(--color-btn-dark);border:1px solid var(--color-btn-dark-border);border-radius:8px;color:#fff;font-size:16px;font-weight:400;font-family:var(--font-family);cursor:pointer;box-shadow:0 0 0 1px var(--color-btn-dark-border),0 1px 3px 0 var(--color-shadow);position:relative;transition:background-color .2s,opacity .2s}.social-btn:hover{background-color:var(--color-btn-dark-hover)}.social-btn:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -2.4px 0 0 var(--color-btn-dark-shadow)}.social-icon{width:16px;height:16px;flex-shrink:0}.auth-divider{font-size:20px;font-weight:400;line-height:24px;color:var(--color-text-muted);text-align:center;white-space:nowrap}.auth-error-callout{width:100%;padding:12px 16px;background-color:#fee;border:1px solid #fcc;border-radius:8px}.auth-error-callout p{margin:0;font-size:14px;font-weight:400;line-height:20px;color:#c33}.auth-success-callout{width:100%;padding:12px 16px;background-color:#efe;border:1px solid #cfc;border-radius:8px}.auth-success-callout p{margin:0;font-size:14px;font-weight:400;line-height:20px;color:#363}.auth-form{display:flex;flex-direction:column;gap:8px;width:100%}.form-group{display:flex;flex-direction:column;gap:4px}.auth-input{width:100%;height:45px;padding:12px 16px;background-color:var(--color-bg-white);border:1px solid var(--color-border-input);border-radius:8px;font-size:16px;font-weight:400;font-family:var(--font-family);color:var(--color-text-title);outline:none;transition:border-color .2s}.auth-input::placeholder{color:var(--color-text-placeholder)}.auth-input:focus{border-color:var(--color-primary)}.auth-input.error{border-color:var(--color-error)}.error-message{font-size:14px;color:var(--color-error);margin-top:4px}.auth-submit-btn{width:100%;height:45px;padding:8px 24px;background-color:var(--color-btn-dark);border:1px solid var(--color-btn-dark-border);border-radius:8px;color:#fff;font-size:16px;font-weight:400;font-family:var(--font-family);cursor:pointer;box-shadow:0 0 0 1px var(--color-btn-dark-border),0 1px 3px 0 var(--color-shadow);position:relative;transition:background-color .2s,opacity .2s}.auth-submit-btn:hover:not(:disabled){background-color:var(--color-btn-dark-hover)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-submit-btn:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -2.4px 0 0 var(--color-btn-dark-shadow)}.auth-links{display:flex;flex-direction:column;gap:16px;align-items:center;width:100%}.auth-link{background:none;border:none;color:var(--color-text-muted);font-size:16px;font-weight:400;font-family:var(--font-family);text-decoration:underline;cursor:pointer;padding:0;line-height:24px;transition:color .2s}.auth-link:hover{color:var(--color-text-title)}.auth-footer{width:391px;margin:0 auto;text-align:center}.auth-footer p{font-size:16px;font-weight:400;line-height:24px;color:var(--color-text-muted);margin:0}.auth-link-text{color:var(--color-text-muted);text-decoration:underline;cursor:pointer;transition:color .2s}.auth-link-text:hover{color:var(--color-text-title)}.theme-toggle-auth{position:absolute;top:40px;right:40px;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:var(--color-text-muted);transition:color .2s,background-color .2s}.theme-toggle-auth:hover{color:var(--color-text-title);background-color:var(--color-bg-neutral)}.theme-toggle-auth svg{width:20px;height:20px;display:block}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-white)}.loading-screen p{font-size:18px;font-weight:400;color:var(--color-text-muted)}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-white)}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xxl);border-bottom:none;background-color:var(--color-bg-white)}.header-left{display:flex;align-items:center;gap:5.8px}.logo{height:32px;width:auto}.tabs-container{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-base);border-bottom:1px solid var(--color-border-light);padding:0 var(--spacing-xxl) var(--spacing-base) var(--spacing-xxl);position:relative;flex-wrap:wrap}.tabs{display:flex;gap:var(--spacing-base);position:relative}.tab{display:flex;align-items:center;justify-content:center;height:40px;padding:var(--spacing-xs);position:relative;cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-lg);color:var(--color-text-title);background:none;border:none;font-family:var(--font-family)}.tab.active{color:var(--color-text-primary)}.tab-indicator{position:absolute;bottom:0;height:2px;background-color:var(--color-primary);opacity:0;transition:opacity .15s ease}.tab-indicator.visible{opacity:1}.projects-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-xxl);background-color:var(--color-bg-subdued)}.main-content{flex:1;background-color:var(--color-bg-white);padding:var(--spacing-xl)}.content-header{display:flex;align-items:center;justify-content:space-between}.projects-grid{display:flex;gap:43px;flex-wrap:wrap;justify-content:flex-start}.project-card{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);width:320px;padding:var(--spacing-sm);cursor:pointer;border-radius:var(--radius-sm);transition:transform .2s ease,box-shadow .3s ease}.project-card-background{position:absolute;inset:0;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:12px;z-index:0;transition:box-shadow .3s ease}.project-card:hover{transform:translateY(-2px)}.project-card:hover .project-card-background{box-shadow:0 4px 12px #00000014,0 8px 24px #0000000f,0 16px 32px #0000000a}.project-card-top{position:relative;width:100%;padding-top:68px;padding-bottom:68px;border-radius:8px;overflow:hidden;z-index:1}.project-card-image{position:absolute;inset:0 -16px;width:calc(100% + 32px);height:100%;object-fit:cover;object-position:center;pointer-events:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.project-card-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-gradient-start) 0%,var(--color-gradient-end) 100%);border-radius:6px}.project-card-placeholder-platform{background:linear-gradient(135deg,var(--color-gradient-start) 0%,var(--color-gradient-end) 100%)}.project-card-placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.project-card-placeholder-icon{font-size:40px;opacity:.5;line-height:1}.project-card-platform-icon{font-size:48px;opacity:.6}.project-card-domain-overlay{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:var(--color-overlay-light);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;color:var(--color-text-title);opacity:.8;z-index:2;white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}.project-card-content{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm);z-index:1}.project-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-lg);color:var(--color-text-title);margin:0;width:100%}.project-card-subtitle{font-size:var(--font-size-sm);font-weight:400;line-height:var(--line-height-md);color:var(--color-text-title);margin:0}.heading{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-xl);color:var(--color-text-title);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);height:32px;padding:0 var(--spacing-md);border-radius:var(--radius-full);border:none;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-md);cursor:pointer;transition:opacity .2s}.btn:hover{opacity:.9}.btn-neutral{background-color:var(--color-bg-neutral);color:var(--color-text-neutral)}.btn-icon-only{width:32px;padding:0}.btn-primary{background-color:var(--color-primary);color:#fff;min-width:112px;height:40px;border-radius:var(--radius-sm)}.avatar-wrapper{position:relative}.avatar-button{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;transition:opacity .2s}.avatar-button:hover{opacity:.8}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;display:block}.avatar-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);box-shadow:0 .9px 4px #00000014,0 2.6px 8px #0000000f,0 5.7px 12px #0000000d,0 15px 15px #0000000a;z-index:1000;min-width:180px;overflow:hidden;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.avatar-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:10px var(--spacing-md);background:none;border:none;text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-md);color:var(--color-text-title);cursor:pointer;transition:background-color .2s;font-family:var(--font-family)}.avatar-dropdown-item:hover{background-color:var(--color-bg-subdued)}.avatar-dropdown-item svg{flex-shrink:0;color:var(--color-text-neutral)}.avatar-dropdown-divider{height:1px;background-color:var(--color-border-light);margin:4px 0}.avatar-dropdown-logout{color:var(--color-danger)}.avatar-dropdown-logout svg{color:var(--color-danger)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:var(--spacing-lg)}.empty-state-body{display:flex;flex-direction:column;gap:var(--spacing-base);align-items:center;width:100%;max-width:600px}.empty-state-icon-container{display:flex;align-items:center;justify-content:center}.empty-state-icon{width:24px;height:24px}.empty-state-title{font-size:24px;font-weight:var(--font-weight-semibold);line-height:28px;color:var(--color-text-title);text-align:center;margin:0;width:100%}.empty-state-text{font-size:var(--font-size-md);font-weight:400;line-height:var(--line-height-md);color:var(--color-text-neutral);text-align:center;width:100%}.empty-state-text p{margin:0 0 var(--spacing-sm) 0}.empty-state-text p:last-child{margin-bottom:0}.empty-state-actions{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center;padding-top:var(--spacing-sm);width:100%}.new-project-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-xxl);background-color:var(--color-bg-subdued)}.new-project-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-xl);color:var(--color-text-title);margin:0}.new-project-actions{display:flex;gap:var(--spacing-base);align-items:center}.btn-empty{background:none;border:none;color:var(--color-text-neutral);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-md);padding:var(--spacing-sm) var(--spacing-sm);cursor:pointer;transition:opacity .2s}.btn-empty:hover{opacity:.8}.btn-disabled{background-color:var(--color-bg-code);color:var(--color-text-disabled);cursor:not-allowed;opacity:1}.btn-disabled:hover{opacity:1}.new-project-content{flex:1;background-color:var(--color-bg-white);padding:var(--spacing-lg);display:flex;justify-content:center}.new-project-form-container{width:100%;max-width:400px;display:flex;flex-direction:column;gap:0px}.new-project-content p{color:var(--color-text-neutral)}.new-project-form-section{display:flex;flex-direction:column;gap:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-default)}.form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label{font-size:12px;font-weight:var(--font-weight-semibold);line-height:var(--line-height-md);color:var(--color-text-title)}.form-input{width:100%;height:40px;padding:0 var(--spacing-md);background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:400;line-height:var(--line-height-md);color:var(--color-text-title);font-family:var(--font-family);outline:none;transition:border-color .2s}.form-input::placeholder{color:var(--color-text-secondary)}.form-input:focus{border-color:var(--color-primary)}.form-help-text{font-size:12px;font-weight:400;line-height:var(--line-height-md);color:var(--color-text-secondary);margin:0}.dropdown-container{position:relative}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left}.dropdown-placeholder{color:var(--color-text-secondary)}.dropdown-value{color:var(--color-text-title)}.dropdown-icon{color:var(--color-text-title);flex-shrink:0}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--color-bg-white);border:1px solid transparent;border-radius:var(--radius-sm);box-shadow:0 .9px 4px #00000014,0 2.6px 8px #0000000f,0 5.7px 12px #0000000d,0 15px 15px #0000000a;z-index:1000;max-height:300px;overflow-y:scroll}.dropdown-menu::-webkit-scrollbar{width:8px}.dropdown-menu::-webkit-scrollbar-track{background:transparent}.dropdown-menu::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar);border-radius:4px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background-color:var(--color-scrollbar-hover)}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:4px var(--spacing-md);background:none;border:none;border-bottom:1px solid var(--color-border-default);text-align:left;font-size:var(--font-size-sm);font-weight:400;line-height:var(--line-height-lg);color:var(--color-text-title);cursor:pointer;font-family:var(--font-family);transition:background-color .2s}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover,.dropdown-item-selected{background-color:var(--color-bg-subdued)}.dropdown-check-container{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dropdown-check{color:var(--color-text-title)}.dropdown-check-empty{width:16px;height:16px}.notification-section{display:flex;flex-direction:column;gap:var(--spacing-base);width:100%;max-width:387px}.notification-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-md);color:var(--color-text-title);margin:0}.notification-subtitle{font-size:12.25px;font-weight:400;line-height:var(--line-height-md);color:var(--color-text-secondary);margin:0}.notification-options{display:flex;flex-direction:column;gap:var(--spacing-md)}.checkbox-label{display:flex;gap:var(--spacing-sm);align-items:flex-start;cursor:pointer;padding-top:4px}.checkbox-input{width:16px;height:16px;margin:4px 0 0;cursor:pointer;appearance:none;border:1px solid var(--color-scrollbar-hover);border-radius:4px;background-color:var(--color-bg-white);flex-shrink:0;position:relative;transition:all .2s}.checkbox-input:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-input:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.33333 2.5L3.75 7.08333L1.66667 5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.checkbox-text{font-size:var(--font-size-sm);font-weight:400;line-height:var(--line-height-lg);color:var(--color-text-title);flex:1}.notification-help-text{font-size:12.25px;font-weight:400;line-height:var(--line-height-md);color:var(--color-text-disabled);margin:0}.integrations-view{width:100%;display:flex;justify-content:center;padding:var(--spacing-lg);color:#111c2c}.integrations-list{width:100%;max-width:519px;display:flex;flex-direction:column;gap:24px}.integration-card-horizontal{background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:var(--spacing-md) var(--spacing-base);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-base)}.integration-card-left{display:flex;align-items:center;gap:var(--spacing-base);flex:1}.integration-icon-wrapper{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.integration-icon-img{width:32px;height:32px;object-fit:contain;object-position:center}.integration-content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.integration-title{font-size:16px;font-weight:var(--font-weight-semibold);line-height:var(--line-height-lg);color:var(--color-text-title);margin:0}.integration-connected-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.integration-status-indicator{width:8px;height:8px;border-radius:50%;background-color:#10b981;color:#516381;flex-shrink:0}.integration-connected-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-md);color:#09724d;white-space:nowrap}.integration-check-icon{width:16px;height:16px;flex-shrink:0}.integration-status-text{font-size:16px;font-weight:var(--font-weight-regular);line-height:var(--line-height-md);color:#516381;margin:0}.integration-status-text.has-connection-identifier{width:fit-content;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:6px;cursor:help}.integration-status-wrapper{position:relative;display:inline-block;width:fit-content}.connection-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:var(--color-tooltip-bg);border:1px solid rgba(255,255,255,0);border-radius:3px;padding:8px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:max-content;z-index:1000;white-space:nowrap;pointer-events:none;animation:tooltipFadeIn 0s}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.connection-tooltip-title{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:700;line-height:var(--line-height-md);color:#fff;margin:0;white-space:nowrap}.connection-tooltip-divider{width:100%;height:1px;background-color:#2b394f;margin:0}.connection-tooltip-description{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-md);color:#fff;margin:0;white-space:nowrap}.connection-tooltip-arrow{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:14px;height:7px;display:flex;align-items:center;justify-content:center}.integration-connect-btn{height:32px;padding:0 var(--spacing-sm);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-md);cursor:pointer;transition:opacity .2s,background-color .2s;white-space:nowrap;background:none;color:var(--color-button-text-primary)}.integration-connect-btn:hover:not(:disabled):not(.coming-soon){background-color:var(--color-bg-hover)}.integration-connect-btn.coming-soon{color:var(--color-text-disabled);cursor:not-allowed}.integration-menu-wrapper{position:relative}.integration-menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-title);cursor:pointer;transition:background-color .2s;padding:0}.integration-menu-btn:hover{background-color:var(--color-bg-hover)}.integration-menu-dropdown{position:absolute;top:calc(100% + 4px);right:0;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);box-shadow:0 .9px 4px #00000014,0 2.6px 8px #0000000f,0 5.7px 12px #0000000d,0 15px 15px #0000000a;z-index:1000;min-width:120px;overflow:hidden}.integration-menu-item{display:block;width:100%;padding:8px var(--spacing-md);border:none;background:none;text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-md);color:var(--color-danger);cursor:pointer;transition:background-color .2s;font-family:var(--font-family)}.integration-menu-item:hover{background-color:var(--color-bg-subdued)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal-content{background-color:var(--color-bg-white);border-radius:var(--radius-sm);width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;position:relative;box-shadow:0 2.7px 9px #00000021,0 9.4px 24px #00000017,0 21.8px 43px #00000014;gap:var(--spacing-base);padding:var(--spacing-lg);overflow:visible}.modal-close-btn{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-title);width:24px;height:24px;transition:opacity .2s;z-index:1}.modal-close-btn:hover{opacity:.7}.modal-header{display:flex;align-items:center;justify-content:flex-start;padding:0;margin:0}.modal-title{font-size:24px;font-weight:var(--font-weight-semibold);line-height:28px;color:var(--color-text-title);margin:0}.modal-body{padding:8px 0 0;flex:1;overflow-y:auto;overflow-x:visible;display:flex;flex-direction:column;gap:var(--spacing-lg);position:relative}.modal-form-group{display:flex;flex-direction:column;gap:4px}.modal-label{display:block;font-size:12px;font-weight:var(--font-weight-semibold);line-height:16px;color:var(--color-text-title);margin:0;width:100%}.modal-input-wrapper{display:flex;height:44px;width:100%;position:relative;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background-color:var(--color-bg-white);overflow:hidden;justify-content:center;align-items:flex-start;box-sizing:border-box}.modal-input-prepend{display:flex;align-items:center;background-color:var(--color-bg-code);border-right:1px solid var(--color-border-light);padding:0;flex-shrink:0;height:44px;position:relative;overflow:visible;z-index:1}.modal-country-selector{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);height:24px;padding:0 var(--spacing-sm);background:none;border:none;cursor:pointer;font-family:var(--font-family);font-size:12px;font-weight:var(--font-weight-medium);line-height:16px;color:var(--color-button-text-primary);white-space:nowrap;border-radius:4px;margin:8px;width:100%;justify-content:space-between}.modal-country-selector span{font-size:14px;display:flex;align-items:center;gap:4px}.modal-country-dropdown{position:fixed;width:280px;background-color:var(--color-bg-white);border:1px solid transparent;border-radius:var(--radius-sm);box-shadow:0 .9px 4px #00000014,0 2.6px 8px #0000000f,0 5.7px 12px #0000000d,0 15px 15px #0000000a;z-index:1002;max-height:300px;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain}.modal-country-search-wrapper{position:relative;padding:8px;border-bottom:1px solid #e3e8f2}.modal-country-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#1d2a3e;pointer-events:none}.modal-country-search-input{width:100%;height:32px;padding:8px 8px 8px 32px;border:1px solid var(--color-border-light);border-radius:4px;font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-title);background-color:var(--color-bg-white);outline:none}.modal-country-search-input::placeholder{color:var(--color-text-secondary)}.modal-country-search-input:focus{border-color:var(--color-primary)}.modal-country-list{overflow-y:auto;max-height:240px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal-country-list::-webkit-scrollbar{width:8px}.modal-country-list::-webkit-scrollbar-track{background:transparent}.modal-country-list::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar);border-radius:4px}.modal-country-list::-webkit-scrollbar-thumb:hover{background-color:var(--color-scrollbar-hover)}.modal-country-item{display:flex;align-items:center;gap:8px;width:100%;padding:4px 12px;background:none;border:none;border-bottom:1px solid #e3e8f2;text-align:left;font-family:var(--font-family);cursor:pointer;transition:background-color .2s}.modal-country-item:last-child{border-bottom:none}.modal-country-item:hover,.modal-country-item-selected{background-color:var(--color-bg-subdued)}.modal-country-item-check-container{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.modal-country-item-check-empty{width:16px;height:16px}.modal-country-item-check{color:#1d2a3e;flex-shrink:0}.modal-country-item-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:24px;color:var(--color-text-title);flex:1}.modal-country-no-results{padding:var(--spacing-md);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-default)}.modal-input-with-prepend{flex:1;border:none;border-width:0px;border-color:#0000;border-style:none;border-image:none;border-radius:0;padding:0 12px;height:100%;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:20px;color:var(--color-text-title);background-color:var(--color-bg-white)}#phone-number{height:44px;border-width:0px;border-color:#0000;border-style:none;border-image:none}.modal-input-with-prepend:focus{outline:none;border:none;border-width:0px;border-color:#0000;border-style:none;border-image:none}.modal-input-with-prepend::placeholder{color:var(--color-text-secondary)}.modal-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:var(--font-size-md);font-family:var(--font-family);color:var(--color-text-title);background-color:var(--color-bg-white);transition:border-color .2s;height:40px}.modal-input:focus{outline:none;border-color:var(--color-primary)}.modal-input::placeholder{color:var(--color-text-secondary)}.modal-helper-text{font-size:var(--font-size-sm);color:var(--color-text-default);margin-top:var(--spacing-xs);margin-bottom:0}.modal-info-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:20px;color:var(--color-text-neutral);margin:0}.modal-info-text p{margin:0}.modal-info-text p:first-child{margin-bottom:8px}.modal-checkbox-group{margin:0}.modal-checkbox-label{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);line-height:24px;color:var(--color-text-neutral)}.modal-checkbox-label span{font-weight:500}.modal-checkbox{width:16px;height:16px;margin:0;cursor:pointer;appearance:none;border:1px solid var(--color-scrollbar-hover);border-radius:4px;background-color:var(--color-bg-white);flex-shrink:0;position:relative;transition:all .2s}.modal-checkbox:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.modal-checkbox:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.33333 2.5L3.75 7.08333L1.66667 5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.modal-resend-group{margin-bottom:var(--spacing-lg);text-align:center}.modal-resend-text{font-size:var(--font-size-sm);color:var(--color-text-default);margin:0}.modal-resend-btn{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:0;font-family:var(--font-family);transition:opacity .2s}.modal-resend-btn:hover:not(:disabled){opacity:.8}.modal-resend-btn:disabled{opacity:.5;cursor:not-allowed}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-base);padding:0;margin:0;flex-shrink:0}.modal-footer .btn-neutral{background:none;color:var(--color-button-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:20px;height:40px;padding:0 var(--spacing-sm);border-radius:var(--radius-sm);min-width:auto}.modal-footer .btn-primary{background-color:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:20px;height:40px;padding:0 var(--spacing-md);border-radius:var(--radius-sm);min-width:112px}.project-details-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-xxl);background-color:var(--color-bg-subdued)}.project-details-header-left{display:flex;gap:var(--spacing-base);align-items:flex-start}.project-details-back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background-color:var(--color-bg-neutral);color:var(--color-text-title);cursor:pointer;transition:background-color .2s;padding:0;flex-shrink:0}.project-details-back-btn:hover{background-color:#d0d7e3}.project-details-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.project-details-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-xl);color:var(--color-text-title);margin:0}.project-details-url{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-md);color:var(--color-text-primary);text-decoration:none;transition:opacity .2s}.project-details-url:hover{opacity:.8}.project-details-header-right{display:flex;gap:var(--spacing-sm);align-items:center;justify-content:flex-end}.project-details-status{display:flex;gap:var(--spacing-xs);align-items:center;padding:var(--spacing-xs) var(--spacing-base)}.project-details-status-dot{width:8px;height:8px;border-radius:50%;background-color:#516381;flex-shrink:0}.project-details-status.connected .project-details-status-dot{background-color:#09724d}.project-details-status-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-md);color:#516381}.project-details-status.connected .project-details-status-text{color:#09724d}.project-details-menu-wrapper{position:relative}.project-details-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--radius-sm);background-color:var(--color-bg-neutral);color:var(--color-text-title);cursor:pointer;transition:background-color .2s;padding:0}.project-details-menu-btn:hover{background-color:#d0d7e3}.project-details-menu-dropdown{position:absolute;top:calc(100% + 4px);right:0;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);box-shadow:0 .9px 4px #00000014,0 2.6px 8px #0000000f,0 5.7px 12px #0000000d,0 15px 15px #0000000a;z-index:1000;min-width:120px;overflow:hidden}.project-details-menu-item{display:block;width:100%;padding:8px var(--spacing-md);border:none;background:none;text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-md);color:var(--color-danger);cursor:pointer;transition:background-color .2s;font-family:var(--font-family)}.project-details-menu-item:hover{background-color:var(--color-bg-subdued)}.project-details-content{flex:1;background-color:var(--color-bg-white);padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.project-details-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-xl);color:var(--color-text-title);margin:0;text-align:center}.project-details-code-block{position:relative;width:100%;max-width:682px;padding:var(--spacing-base);background-color:var(--color-bg-code);border-radius:5px;display:flex;gap:var(--spacing-sm);align-items:flex-start}.project-details-code-content{flex:1;font-family:Roboto Mono,Courier New,monospace;font-size:14.4px;font-weight:400;line-height:var(--line-height-lg);color:var(--color-text-neutral);white-space:pre-wrap;word-wrap:break-word;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.project-details-code-content p{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}.project-details-copy-btn{display:flex;align-items:center;gap:var(--spacing-sm);width:fit-content;height:fit-content;padding:8px 12px;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-title);cursor:pointer;transition:background-color .2s;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-md);flex-shrink:0}.project-details-copy-btn:hover{background-color:#0000000d}.project-details-copy-btn span{white-space:nowrap}.project-details-check-btn{margin-top:0}.project-details-cards-container{display:flex;gap:var(--spacing-lg);align-items:flex-start;justify-content:center;flex-wrap:wrap;padding:var(--spacing-xl)}.stat-card{position:relative;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:8px;padding:var(--spacing-base);display:flex;flex-direction:column;gap:var(--spacing-base);width:320px;min-height:200px}.stat-card-top{display:flex;flex-direction:column;align-items:flex-start}.stat-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-neutral)}.stat-card-content{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.stat-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-lg);color:var(--color-text-title);margin:0}.stat-card-description{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-md);color:var(--color-text-neutral);margin:0}.stat-card-footer{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:flex-start;justify-content:flex-end}.stat-card-button{display:flex;align-items:center;gap:var(--spacing-sm);height:40px;min-width:112px;padding:0 var(--spacing-md);border:none;border-radius:var(--radius-sm);background-color:#d9e8ff;color:var(--color-button-text-primary);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-md);transition:background-color .2s}.stat-card-button:hover:not(:disabled){background-color:#c5d9ff}.stat-card-button.disabled{background-color:var(--color-bg-code);color:var(--color-text-disabled);cursor:not-allowed}.stat-card-button-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.callout{border-radius:8px;padding:var(--spacing-base);margin-bottom:var(--spacing-lg);max-width:1008px;width:100%}.callout-warning{background-color:var(--color-warning-bg)}.callout-header{display:flex;gap:var(--spacing-sm);align-items:center;margin-bottom:var(--spacing-sm)}.callout-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--color-warning-text);flex-shrink:0}.callout-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-lg);color:var(--color-warning-text);margin:0;flex:1}.callout-body{display:flex;flex-direction:column;gap:var(--spacing-xl)}.callout-message{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-md);color:var(--color-text-neutral);margin:0}.callout-actions{display:flex;gap:var(--spacing-sm)}.btn-warning{background-color:var(--color-warning-btn);color:var(--color-warning-text);border:none;border-radius:var(--radius-sm);height:32px;padding:0 var(--spacing-md);min-width:112px;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-md);cursor:pointer;transition:background-color .2s}.btn-warning:hover{opacity:.9}.theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:0;border-radius:var(--radius-sm);color:var(--color-text-title);transition:background-color .2s,color .2s}.theme-toggle:hover{background-color:var(--color-bg-neutral)}.theme-toggle svg{width:20px;height:20px}.profile-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-xxl);background-color:var(--color-bg-subdued);flex-wrap:wrap;gap:var(--spacing-base)}.profile-header-left{display:flex;gap:var(--spacing-base);align-items:flex-start}.profile-back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background-color:var(--color-bg-neutral);color:var(--color-text-title);cursor:pointer;transition:background-color .2s;padding:0;flex-shrink:0}.profile-back-btn:hover{background-color:#d0d7e3}.profile-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-xl);color:var(--color-text-title);margin:0}.profile-subtitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-md);color:var(--color-text-neutral);margin:0}.profile-header-right{display:flex;gap:var(--spacing-sm);align-items:center}.profile-content{flex:1;background-color:var(--color-bg-white);padding:var(--spacing-xl);display:flex;justify-content:center}.profile-container{width:100%;max-width:800px;display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-card{background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);overflow:hidden}.profile-card-header{padding:var(--spacing-base);border-bottom:1px solid var(--color-border-light)}.profile-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-lg);color:var(--color-text-title);margin:0}.profile-card-body{padding:var(--spacing-lg)}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.profile-field-value{padding:var(--spacing-sm) var(--spacing-md);min-height:40px;display:flex;align-items:center;color:var(--color-text-title);background-color:var(--color-bg-subdued);border-radius:var(--radius-sm)}.profile-field-readonly{gap:var(--spacing-sm)}.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:400;line-height:var(--line-height-md);color:var(--color-text-title);font-family:var(--font-family);outline:none;transition:border-color .2s;resize:vertical}.form-textarea:focus{border-color:var(--color-primary)}.profile-info-list{display:flex;flex-direction:column;gap:var(--spacing-base)}.profile-info-item{display:flex;gap:var(--spacing-base);align-items:flex-start;padding:var(--spacing-sm);border-radius:var(--radius-sm);background-color:var(--color-bg-subdued)}.profile-info-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-text-neutral);flex-shrink:0}.profile-info-content{display:flex;flex-direction:column;gap:4px;flex:1}.profile-info-label{font-size:12px;font-weight:var(--font-weight-semibold);line-height:var(--line-height-md);color:var(--color-text-neutral)}.profile-info-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-md);color:var(--color-text-title)}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-xxl);background-color:var(--color-bg-subdued)}.settings-header-left{display:flex;gap:var(--spacing-base);align-items:flex-start}.settings-back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background-color:var(--color-bg-neutral);color:var(--color-text-title);cursor:pointer;transition:background-color .2s;padding:0;flex-shrink:0}.settings-back-btn:hover{background-color:#d0d7e3}.settings-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.settings-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-xl);color:var(--color-text-title);margin:0}.settings-subtitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-md);color:var(--color-text-neutral);margin:0}.settings-content{flex:1;background-color:var(--color-bg-white);padding:var(--spacing-xl);display:flex;justify-content:center}.settings-container{width:100%;max-width:1000px;display:grid;grid-template-columns:240px 1fr;gap:var(--spacing-xl)}.settings-sidebar{display:flex;flex-direction:column;gap:var(--spacing-xs)}.settings-nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-neutral);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-md);cursor:pointer;transition:background-color .2s,color .2s;text-align:left}.settings-nav-item:hover,.settings-nav-item.active{background-color:var(--color-bg-subdued);color:var(--color-text-title)}.settings-main{display:flex;flex-direction:column}.settings-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.settings-section-header{display:flex;gap:var(--spacing-base);align-items:flex-start}.settings-section-header svg{color:var(--color-text-neutral);flex-shrink:0}.settings-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-lg);color:var(--color-text-title);margin:0}.settings-section-description{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-md);color:var(--color-text-neutral);margin:4px 0 0}.settings-card{background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:var(--spacing-lg)}.settings-card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-md);color:var(--color-text-title);margin:0 0 var(--spacing-lg) 0}.settings-form{display:flex;flex-direction:column;gap:var(--spacing-base)}.settings-error-message{padding:var(--spacing-sm) var(--spacing-md);background-color:#fee;border:1px solid #fcc;border-radius:var(--radius-sm);color:#c33;font-size:var(--font-size-sm)}.settings-success-message{padding:var(--spacing-sm) var(--spacing-md);background-color:#efe;border:1px solid #cfc;border-radius:var(--radius-sm);color:#363;font-size:var(--font-size-sm)}.settings-toggle-list{display:flex;flex-direction:column;gap:var(--spacing-base)}.settings-toggle-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-base);border-radius:var(--radius-sm);background-color:var(--color-bg-subdued);gap:var(--spacing-base)}.settings-toggle-info{flex:1}.settings-toggle-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-md);color:var(--color-text-title);margin:0 0 4px}.settings-toggle-description{font-size:12px;font-weight:var(--font-weight-regular);line-height:var(--line-height-md);color:var(--color-text-neutral);margin:0}.settings-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.settings-toggle input{opacity:0;width:0;height:0}.settings-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-bg-neutral);transition:.3s;border-radius:24px}.settings-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.settings-toggle input:checked+.settings-toggle-slider{background-color:var(--color-primary)}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translate(20px)}@media(max-width:768px){.tabs-container{padding:0 var(--spacing-lg)}.header{padding:var(--spacing-lg)}.main-content{padding:var(--spacing-base)}.projects-grid{gap:var(--spacing-lg);justify-content:center}.project-card{width:100%;max-width:320px}}@media(max-width:480px){.tabs-container{padding:0 var(--spacing-base);gap:var(--spacing-xs)}.tabs{gap:var(--spacing-xs)}.btn-primary{min-width:auto;padding:0 var(--spacing-sm);font-size:12px}.header{padding:var(--spacing-base)}.header-left{gap:4px}.profile-header,.settings-header{padding:var(--spacing-lg)}.profile-form-grid,.settings-container{grid-template-columns:1fr}.settings-sidebar{flex-direction:row;overflow-x:auto}.settings-nav-item span{display:none}.profile-container,.settings-card{padding:var(--spacing-base)}}.help-header{background-color:var(--color-bg-subdued);padding:var(--spacing-xl) var(--spacing-xxl);border-bottom:1px solid var(--color-border-light)}.help-header-content{display:flex;align-items:flex-start;gap:var(--spacing-base)}.help-back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background-color:var(--color-bg-neutral);color:var(--color-text-title);cursor:pointer;transition:background-color .2s;padding:0;flex-shrink:0}.help-back-btn:hover{background-color:#d0d7e3}.help-header-text{flex:1}.help-title{font-size:28px;font-weight:var(--font-weight-semibold);line-height:1.3;color:var(--color-text-title);margin:0 0 var(--spacing-xs) 0}.help-subtitle{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-md);color:var(--color-text-neutral);margin:0}.help-content{max-width:1200px;margin:0 auto;padding:var(--spacing-xxl)}.help-search-section{margin-bottom:var(--spacing-xxl)}.help-search-container{position:relative;max-width:600px;margin:0 auto}.help-search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-neutral);pointer-events:none}.help-search-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 48px;font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-md);color:var(--color-text-title);background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-family:var(--font-family);outline:none;transition:border-color .2s,box-shadow .2s}.help-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.help-search-input::placeholder{color:var(--color-text-muted)}.help-quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl)}.help-quick-link-card{background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:var(--spacing-lg);display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.help-quick-link-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.help-quick-link-icon{width:48px;height:48px;border-radius:var(--radius-sm);background-color:var(--color-bg-subdued);display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin-bottom:var(--spacing-base)}.help-quick-link-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-lg);color:var(--color-text-title);margin:0 0 var(--spacing-xs) 0}.help-quick-link-description{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-md);color:var(--color-text-neutral);margin:0 0 var(--spacing-base) 0;flex:1}.help-quick-link-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);background:none;border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s,color .2s;font-family:var(--font-family);align-self:flex-start}.help-quick-link-button:hover{background-color:var(--color-primary);color:#fff}.help-section{margin-bottom:var(--spacing-xxl)}.help-section-title{font-size:22px;font-weight:var(--font-weight-semibold);line-height:1.3;color:var(--color-text-title);margin:0 0 var(--spacing-lg) 0}.help-topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-base)}.help-topic-card{background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:var(--spacing-lg);cursor:pointer;transition:box-shadow .2s,transform .2s}.help-topic-card:hover{box-shadow:0 2px 8px #0000000f;transform:translateY(-1px)}.help-topic-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-base)}.help-topic-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-md);color:var(--color-text-title);margin:0 0 var(--spacing-xs) 0}.help-topic-description{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-md);color:var(--color-text-neutral);margin:0}.help-categories{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.help-category-chip{padding:var(--spacing-xs) var(--spacing-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-neutral);background-color:var(--color-bg-subdued);border:1px solid var(--color-border-light);border-radius:20px;cursor:pointer;transition:all .2s;font-family:var(--font-family)}.help-category-chip:hover{background-color:var(--color-bg-neutral);border-color:var(--color-border-neutral)}.help-category-chip.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.help-faq-list{display:flex;flex-direction:column;gap:var(--spacing-base)}.help-faq-item{background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);overflow:hidden}.help-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-base);padding:var(--spacing-base) var(--spacing-lg);text-align:left;background:none;border:none;cursor:pointer;font-family:var(--font-family);transition:background-color .2s}.help-faq-question:hover{background-color:var(--color-bg-subdued)}.help-faq-question-text{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-md);color:var(--color-text-title);flex:1}.help-faq-toggle{font-size:24px;font-weight:var(--font-weight-regular);color:var(--color-text-neutral);flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.help-faq-answer{padding:0 var(--spacing-lg) var(--spacing-base) var(--spacing-lg);animation:fadeIn .2s ease-out}.help-faq-answer p{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-lg);color:var(--color-text-secondary);margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.help-no-results{text-align:center;padding:var(--spacing-xxl)}.help-no-results-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-title);margin:var(--spacing-base) 0 var(--spacing-xs) 0}.help-no-results-subtext{font-size:var(--font-size-sm);color:var(--color-text-neutral);margin:0}.help-contact-section{background-color:var(--color-bg-subdued);border-radius:var(--radius-sm);padding:var(--spacing-xxl);text-align:center;margin-top:var(--spacing-xxl)}.help-contact-title{font-size:22px;font-weight:var(--font-weight-semibold);color:var(--color-text-title);margin:0 0 var(--spacing-xs) 0}.help-contact-description{font-size:var(--font-size-md);color:var(--color-text-neutral);margin:0 0 var(--spacing-lg) 0}.help-contact-buttons{display:flex;justify-content:center;gap:var(--spacing-base);flex-wrap:wrap}@media(max-width:768px){.help-content{padding:var(--spacing-lg)}.help-quick-links,.help-topics-grid{grid-template-columns:1fr}.help-categories{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--spacing-xs)}.help-contact-buttons{flex-direction:column}.help-contact-buttons .btn{width:100%}}@media(max-width:480px){.help-header{padding:var(--spacing-lg)}.help-title{font-size:22px}.help-subtitle{font-size:var(--font-size-sm)}.help-search-input{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 40px}}.notifications-wrapper,.notifications-trigger{position:relative}.notifications-badge{position:absolute;top:-4px;right:-4px;background-color:#ef4444;color:#fff;font-size:10px;font-weight:var(--font-weight-semibold);padding:2px 5px;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:1}.notifications-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:400px;max-height:600px;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);box-shadow:0 4px 16px #0000001f,0 2px 8px #00000014;z-index:1000;display:flex;flex-direction:column;animation:dropdownFadeIn .2s ease-out}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-base) var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.notifications-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-title);margin:0}.notifications-mark-all{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:background-color .2s;font-family:var(--font-family)}.notifications-mark-all:hover{background-color:#6366f11a}.notifications-list{flex:1;overflow-y:auto;max-height:480px}.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center}.notifications-empty-text{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-title);margin:var(--spacing-base) 0 var(--spacing-xs) 0}.notifications-empty-subtext{font-size:var(--font-size-sm);color:var(--color-text-neutral);margin:0}.notification-item{position:relative;display:flex;gap:var(--spacing-base);padding:var(--spacing-base) var(--spacing-lg);border-bottom:1px solid var(--color-border-light);transition:background-color .2s;cursor:pointer}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:var(--color-bg-subdued)}.notification-item.unread{background-color:#6366f10a}.notification-item.unread:hover{background-color:#6366f114}.notification-icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;background-color:#6366f11a;display:flex;align-items:center;justify-content:center}.notification-content{flex:1;min-width:0}.notification-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-xs);margin-bottom:4px}.notification-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-title);margin:0;line-height:var(--line-height-md)}.notification-close{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:4px;color:var(--color-text-neutral);cursor:pointer;transition:background-color .2s,color .2s;padding:0}.notification-close:hover{background-color:var(--color-bg-neutral);color:var(--color-text-title)}.notification-message{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);margin:0 0 6px;line-height:var(--line-height-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-timestamp{font-size:12px;font-weight:var(--font-weight-regular);color:var(--color-text-neutral)}.notification-unread-dot{position:absolute;top:20px;right:var(--spacing-base);width:8px;height:8px;border-radius:50%;background-color:var(--color-primary)}.notifications-footer{border-top:1px solid var(--color-border-light);padding:var(--spacing-sm)}.notifications-view-all{width:100%;padding:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s;font-family:var(--font-family)}.notifications-view-all:hover{background-color:#6366f11a}@media(max-width:480px){.notifications-dropdown{width:calc(100vw - 32px);right:-16px}.notification-message{-webkit-line-clamp:3}}.support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.support-card{background-color:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;position:relative}.support-card:hover{border-color:var(--color-primary);box-shadow:0 8px 24px #6366f11f;transform:translateY(-4px)}.support-card-icon{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);transition:transform .3s ease}.support-card:hover .support-card-icon{transform:scale(1.1)}.support-card-icon.chat{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.support-card-icon.email{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.support-card-icon.phone{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.support-card-title{font-size:20px;font-weight:var(--font-weight-semibold);color:var(--color-text-title);margin:0 0 var(--spacing-sm) 0}.support-card-description{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:var(--line-height-md);margin:0 0 var(--spacing-lg) 0;flex-grow:1}.support-card-meta{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:center;margin-bottom:var(--spacing-lg);width:100%}.support-status{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.support-status.online{background-color:#10b9811a;color:#059669}.support-status.online:before{content:"";width:6px;height:6px;border-radius:50%;background-color:#10b981;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.support-hours{font-size:var(--font-size-sm);color:var(--color-text-neutral);font-weight:var(--font-weight-regular)}.support-email,.support-phone{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-primary);font-family:var(--font-family-mono)}.support-card-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.support-resources{display:flex;flex-direction:column;gap:var(--spacing-base)}.support-resource-link{display:flex;align-items:flex-start;gap:var(--spacing-base);padding:var(--spacing-base);border-radius:var(--radius-md);text-decoration:none;transition:all .2s ease;background-color:transparent}.support-resource-link:hover{background-color:#6366f10d;transform:translate(4px)}.support-resource-link svg{flex-shrink:0;color:var(--color-primary);margin-top:2px}.support-resource-link>div{display:flex;flex-direction:column;gap:4px}.support-resource-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-title);display:block}.support-resource-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:block;line-height:var(--line-height-sm)}@media(max-width:768px){.support-grid{grid-template-columns:1fr}.support-card{padding:var(--spacing-lg)}.support-card-icon{width:56px;height:56px}}@media(max-width:480px){.support-card{padding:var(--spacing-base)}.support-card-title{font-size:18px}.support-card-description{font-size:var(--font-size-sm)}.support-resource-link{padding:var(--spacing-sm)}}