.dashboard-main{min-height:calc(100vh - 80px);background:var(--color-background);padding:var(--spacing-2xl) 0}.dashboard-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-lg)}@media (min-width:1440px){.dashboard-container{max-width:1400px}}@media (min-width:1920px){.dashboard-container{max-width:1600px}}.dashboard-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--color-text-light)}.profile-sections{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.dashboard-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.dashboard-panel-highlight{border-color:rgba(225,29,134,.35);box-shadow:var(--shadow-md);background:linear-gradient(135deg,var(--color-surface) 0,var(--color-secondary-soft) 100%)}.dashboard-panel-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-xs)}.dashboard-panel-subtitle{color:var(--color-text-muted);margin-bottom:var(--spacing-lg);max-width:70ch}.dashboard-form-row{display:grid;grid-template-columns:1fr auto;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);align-items:end}.dashboard-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}@media (max-width:720px){.dashboard-form-grid,.dashboard-form-row{grid-template-columns:1fr}}.dashboard-form-field{margin-bottom:0}.dashboard-action-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-secondary);color:var(--color-on-secondary);font-weight:700;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);white-space:nowrap}.dashboard-action-button:hover:not(:disabled){background:transparent;border-color:var(--color-secondary);color:var(--color-secondary);transform:translateY(-1px)}.dashboard-action-button:disabled{opacity:.7;cursor:not-allowed}.dashboard-action-button-wide{width:100%;margin-top:var(--spacing-sm)}.dashboard-message{margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-elevated);color:var(--color-text-light)}.notification-preferences{display:flex;flex-direction:column;gap:var(--spacing-md)}.notification-preferences-row{display:grid;grid-template-columns:1fr auto auto;grid-gap:var(--spacing-md);gap:var(--spacing-md);align-items:center;padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-background);border:1px solid var(--color-border)}@media (max-width:720px){.notification-preferences-row{grid-template-columns:1fr}}.notification-preferences-label{font-weight:600;color:var(--color-text)}.notification-preferences-toggle{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-light)}.dashboard-textarea{resize:vertical;min-height:140px}.notifications-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.notifications-item{display:block;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-background);text-decoration:none;color:var(--color-text);transition:transform var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.notifications-item:hover{transform:translateY(-1px);border-color:rgba(225,29,134,.35);background:var(--color-surface)}.notifications-item-unread{border-color:rgba(225,29,134,.45);background:rgba(225,29,134,.08)}.notifications-item-title{font-weight:800;margin-bottom:2px}.notifications-item-body{color:var(--color-text-light);margin-bottom:var(--spacing-xs)}.notifications-item-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.chat-shell{padding-top:var(--spacing-xl)}.chat-container{max-width:99vw}.chat-layout{display:grid;grid-template-columns:86px 280px 1fr 280px;min-height:calc(100vh - 155px);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-md);background:var(--color-surface)}@media (max-width:980px){.chat-layout{grid-template-columns:86px 1fr}.chat-channels,.chat-members{display:none}}.chat-whiteboard{border-top:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface)}.chat-whiteboard-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.chat-whiteboard-toggle{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text);padding:.35rem .6rem;font-weight:800;cursor:pointer}.chat-whiteboard-toggle:hover{border-color:var(--color-primary)}.chat-whiteboard-container{height:320px;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.chat-servers{background:var(--color-surface-elevated);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--spacing-md);gap:var(--spacing-md)}.chat-servers-header{font-weight:800;font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.chat-servers-list{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center}.chat-server-pill{width:56px;height:56px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:var(--color-background);color:var(--color-text);font-weight:800;cursor:pointer;position:relative;transition:border-radius var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast)}.chat-direct-home-pill{background:linear-gradient(135deg,rgba(88,101,242,.9),rgba(255,79,166,.85));color:var(--color-text-inverse);border-color:rgba(255,255,255,.18);position:relative}.chat-direct-home-pill:hover{background:linear-gradient(135deg,rgba(88,101,242,1),rgba(255,79,166,.95))}.chat-direct-home-pill-active{box-shadow:0 0 0 4px rgba(88,101,242,.35),var(--shadow-md);border-radius:14px}.chat-direct-home-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 6px;border-radius:var(--radius-full);background:#ef4444;color:#fff;font-weight:900;font-size:.75rem;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.chat-direct-home-unread-dot{position:absolute;bottom:-4px;right:-4px;width:12px;height:12px;border-radius:var(--radius-full);background:#f8fafc;box-shadow:0 0 0 4px rgba(248,250,252,.22),var(--shadow-sm)}.chat-server-unread-dot{position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-secondary);box-shadow:0 0 0 4px rgba(255,79,166,.18)}.chat-server-unread-badge{background:rgba(255,79,166,.92);color:var(--color-on-secondary)}.chat-server-mention-badge,.chat-server-unread-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 6px;border-radius:var(--radius-full);font-weight:900;font-size:.75rem;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.chat-server-mention-badge{background:#ef4444;color:#fff}.chat-server-pill:hover{border-radius:14px;background:rgba(255,79,166,.12);transform:translateY(-1px)}.chat-server-pill-active{border-radius:14px;background:var(--color-secondary);color:var(--color-on-secondary)}.chat-add-server-button{margin-top:auto;width:56px;height:56px;border-radius:18px;border:1px dashed rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:var(--color-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast)}.chat-add-server-button:hover{background:rgba(255,79,166,.12);border-color:rgba(255,79,166,.45);transform:translateY(-1px)}.chat-create-row{display:grid;grid-template-columns:1fr auto;grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.chat-create-row-tight{margin-top:var(--spacing-sm)}.chat-create-input{width:100%;padding:.55rem .75rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text);font-size:var(--font-size-sm)}.chat-create-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-focus-ring)}.chat-icon-button{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),transform var(--transition-fast)}.chat-icon-button:hover:not(:disabled){background:var(--color-secondary-soft);transform:translateY(-1px)}.chat-icon-button:disabled{opacity:.65;cursor:not-allowed}.chat-channels{border-right:1px solid var(--color-border)}.chat-channels,.chat-members{background:var(--color-surface);display:flex;flex-direction:column}.chat-members{border-left:1px solid var(--color-border)}.chat-members-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.chat-members-title{font-weight:800;color:var(--color-text)}.chat-members-list{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.chat-members-empty{padding:var(--spacing-md);border-radius:var(--radius-md);border:1px dashed var(--color-border);color:var(--color-text-muted);background:var(--color-background)}.chat-member-row{display:grid;grid-template-columns:32px 1fr;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);align-items:center;padding:.45rem .55rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.04)}.chat-member-avatar.user-avatar{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse)}.chat-member-content{display:flex;flex-direction:column;gap:2px;min-width:0}.chat-member-name{font-weight:900;display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.chat-member-meta{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-member-status{width:10px;height:10px;border-radius:var(--radius-full);flex:0 0 auto}.chat-member-status-online{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.18)}.chat-member-status-offline{background:rgba(148,163,184,.6)}.chat-channels-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.chat-channels-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.chat-channels-actions{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.chat-channels-title{font-weight:800;color:var(--color-text)}.chat-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);z-index:2000}.chat-modal{width:100%;max-width:520px;border-radius:var(--radius-lg);background:var(--color-surface-elevated);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-xl);overflow:hidden}.chat-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid rgba(255,255,255,.08)}.chat-modal-title{font-size:var(--font-size-lg);font-weight:900;color:var(--color-text)}.chat-modal-close{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:var(--color-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),transform var(--transition-fast)}.chat-modal-close:hover{background:rgba(255,255,255,.1);transform:translateY(-1px)}.chat-modal-body{padding:var(--spacing-xl)}.chat-suggestions{margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:6px;max-height:240px;overflow:auto}.chat-suggestion-row{display:grid;grid-template-columns:32px 1fr;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);align-items:center;padding:.45rem .55rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text);cursor:pointer;text-align:left;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.chat-suggestion-row:hover{background:var(--color-surface);border-color:rgba(255,79,166,.35)}.chat-suggestion-avatar.user-avatar{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse)}.chat-suggestion-content{display:flex;gap:6px;align-items:baseline}.chat-suggestion-name{font-weight:700}.chat-suggestion-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.chat-modal-actions{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid rgba(255,255,255,.08)}.chat-modal-secondary{background:transparent;border-color:var(--color-border);color:var(--color-text)}.chat-modal-secondary:hover:not(:disabled){background:var(--color-background);border-color:var(--color-border);color:var(--color-text)}.chat-channels-list{padding:var(--spacing-md);display:flex;flex-direction:column;gap:6px}.chat-direct-row{display:grid;grid-template-columns:40px 1fr;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);align-items:center;padding:.55rem .65rem;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--color-text);cursor:pointer;text-align:left;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.chat-direct-row:hover{background:var(--color-secondary-soft)}.chat-direct-row-active{background:rgba(255,79,166,.14);border-color:rgba(255,79,166,.35)}.chat-direct-avatar.user-avatar{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse)}.chat-direct-content{display:flex;flex-direction:column;gap:2px;min-width:0}.chat-direct-tabs{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.chat-direct-tab{flex:1 1;min-height:40px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text);font-weight:800;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.chat-direct-tab:hover{background:var(--color-surface);transform:translateY(-1px)}.chat-direct-tab-active{background:rgba(255,79,166,.14);border-color:rgba(255,79,166,.35)}.chat-direct-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:var(--radius-full);background:rgba(148,163,184,.25);color:var(--color-text);font-size:.75rem;font-weight:900}.chat-direct-empty{padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px dashed var(--color-border);color:var(--color-text-muted);background:var(--color-background)}.chat-request-panel{display:flex;flex-direction:column;gap:var(--spacing-lg)}.chat-request-banner{border-radius:var(--radius-lg);border:1px solid rgba(255,79,166,.35);background:rgba(255,79,166,.1);padding:var(--spacing-lg)}.chat-request-banner-title{font-weight:900;color:var(--color-text);margin-bottom:4px}.chat-request-banner-subtitle{color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.chat-request-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.chat-request-action{min-height:40px;padding:0 1rem;border-radius:var(--radius-md);border:1px solid transparent;font-weight:900;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.chat-request-action:hover{transform:translateY(-1px)}.chat-request-accept{background:#22c55e;color:#052e16}.chat-request-ignore{background:transparent;border-color:var(--color-border);color:var(--color-text)}.chat-request-ignore:hover{background:var(--color-background)}.chat-request-block{background:rgba(239,68,68,.18);border-color:rgba(239,68,68,.35);color:#fecaca}.chat-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 7px;color:var(--color-on-secondary);font-size:.75rem;font-weight:900}.chat-unread-badge,.chat-unread-dot{border-radius:var(--radius-full);background:var(--color-secondary);margin-left:auto}.chat-unread-dot{width:10px;height:10px;box-shadow:0 0 0 4px rgba(255,79,166,.16)}.chat-direct-name{font-weight:800}.chat-direct-name,.chat-direct-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-direct-preview{font-size:var(--font-size-xs);color:var(--color-text-muted)}.chat-channel-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:.55rem .75rem;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--color-text);cursor:pointer;text-align:left;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.chat-channel-row:hover{background:var(--color-secondary-soft)}.chat-channel-row-active{background:rgba(255,79,166,.14);border-color:rgba(255,79,166,.35)}.chat-channel-icon{color:var(--color-text-muted)}.chat-channel-name{font-weight:700}.chat-messages{display:flex;flex-direction:column;background:var(--color-background)}.chat-messages-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.chat-messages-header,.chat-messages-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.chat-messages-header-row{width:100%}.chat-messages-header-actions,.chat-messages-title{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.chat-messages-title,.chat-shared-pad-toggle{font-weight:800;color:var(--color-text)}.chat-shared-pad-toggle{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-background);padding:.35rem .6rem;cursor:pointer}.chat-shared-pad-toggle:hover{border-color:var(--color-primary)}.chat-presence-avatars{display:inline-flex;align-items:center}.chat-presence-avatar.user-avatar{margin-left:-8px;border:2px solid var(--color-surface)}.chat-presence-more{margin-left:8px;font-weight:900;color:var(--color-text-muted)}.chat-messages-list{flex:1 1;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);overflow:auto}.chat-message{display:grid;grid-template-columns:44px 1fr;grid-gap:var(--spacing-md);gap:var(--spacing-md)}.chat-message-avatar.user-avatar{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse)}.chat-message-meta{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-bottom:2px}.chat-message-author{font-weight:800}.chat-message-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.chat-message-body{white-space:pre-wrap;word-break:break-word;color:var(--color-text)}.chat-typing-indicator{display:flex;align-items:center;gap:var(--spacing-sm);padding:.6rem var(--spacing-lg);color:var(--color-text-muted);background:rgba(15,23,42,.55);border-top:1px solid rgba(255,255,255,.06);width:100%}.chat-typing-label{font-size:var(--font-size-sm);font-weight:700}.chat-typing-dots{display:inline-flex;gap:4px;align-items:center}.chat-typing-dots span{width:6px;height:6px;border-radius:var(--radius-full);background:rgba(148,163,184,.8);animation:chatTypingDot 1.2s ease-in-out infinite}.chat-typing-dots span:nth-child(2){animation-delay:.15s}.chat-typing-dots span:nth-child(3){animation-delay:.3s}@keyframes chatTypingDot{0%,80%,to{transform:translateY(0);opacity:.55}40%{transform:translateY(-3px);opacity:1}}.chat-mention{padding:0 .35rem;border-radius:8px;background:rgba(88,101,242,.18);color:#c7d2fe}.chat-mention,.chat-mention-badge{display:inline-flex;align-items:center;font-weight:900}.chat-mention-badge{justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:var(--radius-full);background:#ef4444;color:#fff;font-size:.75rem;margin-left:auto;box-shadow:var(--shadow-sm)}.chat-composer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-surface);display:grid;grid-template-columns:1fr auto;grid-gap:var(--spacing-md);gap:var(--spacing-md);align-items:end}.chat-composer-field{position:relative}.chat-mention-menu{position:absolute;left:0;right:0;bottom:calc(100% + 8px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:var(--color-surface-elevated);box-shadow:var(--shadow-xl);padding:var(--spacing-sm);display:flex;flex-direction:column;gap:6px;max-height:280px;overflow:auto;z-index:10}.chat-mention-item{display:grid;grid-template-columns:32px 1fr;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);align-items:center;padding:.45rem .55rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.04);color:var(--color-text);cursor:pointer;text-align:left;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.chat-mention-item:hover{background:rgba(255,79,166,.12);border-color:rgba(255,79,166,.35)}.friends-panel{display:flex;flex-direction:column;gap:var(--spacing-lg)}.friends-panel-header{position:-webkit-sticky;position:sticky;top:0;background:var(--color-background);padding-bottom:var(--spacing-sm);z-index:1}.friends-search{width:100%;padding:.75rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-weight:600}.friends-search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-focus-ring)}.friends-section-title{font-weight:900;color:var(--color-text);margin-bottom:var(--spacing-sm)}.friends-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.friends-row{display:grid;grid-template-columns:40px 1fr auto;grid-gap:var(--spacing-md);gap:var(--spacing-md);align-items:center;padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface)}.friends-avatar.user-avatar{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse)}.friends-row-content{display:flex;flex-direction:column;gap:2px;min-width:0}.friends-row-name{font-weight:900;display:flex;gap:var(--spacing-sm);align-items:center;min-width:0}.friends-row-meta{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friends-status{width:10px;height:10px;border-radius:var(--radius-full);flex:0 0 auto}.friends-status-online{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.18)}.friends-status-offline{background:rgba(148,163,184,.6)}.friends-action{min-height:40px;padding:0 1rem;border:1px solid transparent;background:var(--color-secondary);color:var(--color-on-secondary);font-weight:900;transition:background-color var(--transition-fast),transform var(--transition-fast)}.friends-action:hover:not(:disabled){background:var(--color-secondary-dark);transform:translateY(-1px)}.friends-actions{display:inline-flex;gap:var(--spacing-sm)}.friends-action-secondary{background:transparent;border-color:var(--color-border);color:var(--color-text)}.friends-action-secondary:hover:not(:disabled),.friends-empty{background:var(--color-background)}.friends-empty{padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px dashed var(--color-border);color:var(--color-text-muted)}.friends-requests-actions{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.friends-action{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text);padding:.35rem .6rem;font-weight:800;cursor:pointer}.friends-action:hover{border-color:var(--color-primary)}.friends-action:disabled{opacity:.6;cursor:not-allowed}.friends-action-danger{border-color:rgba(239,68,68,.5);color:#ef4444}.friends-action-danger:hover{border-color:#ef4444}.live-cursors{position:absolute;inset:0;pointer-events:none}.live-cursor{position:absolute;width:14px;height:14px;border-radius:var(--radius-full);background:rgba(88,101,242,.9);box-shadow:0 0 0 2px rgba(255,255,255,.85)}.chat-shared-pad{border-top:1px solid var(--color-border);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);background:var(--color-surface)}.chat-shared-pad-title{font-weight:800;color:var(--color-text)}.chat-shared-pad-input{width:100%;padding:.6rem .8rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text);min-height:80px;resize:vertical}.chat-shared-pad-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-focus-ring)}.chat-shared-pad-others{display:flex;flex-direction:column;gap:6px}.chat-shared-pad-other{padding:.45rem .6rem;border-radius:var(--radius-md);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.chat-shared-pad-other-name{font-weight:900;color:var(--color-text);margin-bottom:2px}.chat-shared-pad-other-text{color:var(--color-text);white-space:pre-wrap;word-break:break-word}.chat-notes{border-top:1px solid var(--color-border);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.chat-notes-title{font-weight:800;color:var(--color-text)}.chat-notes-input{width:100%;padding:.6rem .8rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text);min-height:100px;resize:vertical}.chat-notes-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-focus-ring)}.chat-notes-others{display:flex;flex-direction:column;gap:6px}.chat-notes-other{padding:.4rem .6rem;border-radius:var(--radius-md);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:var(--color-text)}.chat-composer-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text);resize:none;min-height:54px}.chat-composer-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-focus-ring)}.chat-send-button{min-height:54px;padding:0 var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid transparent;background:var(--color-secondary);color:var(--color-on-secondary);font-weight:800;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.chat-send-button:hover:not(:disabled){transform:translateY(-1px);background:var(--color-secondary-dark)}.chat-send-button:disabled{opacity:.6;cursor:not-allowed}.lead-comments{display:flex;flex-direction:column;gap:var(--spacing-md)}.lead-comments-empty{padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px dashed var(--color-border);color:var(--color-text-muted);background:var(--color-background)}.lead-comments-list{display:flex;flex-direction:column;gap:var(--spacing-md);position:relative}.lead-comment{display:grid;grid-template-columns:40px 1fr;grid-gap:var(--spacing-md);gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface)}.lead-comment-avatar.user-avatar{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse)}.lead-comment-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:baseline;margin-bottom:2px}.lead-comment-author{font-weight:800;color:var(--color-text)}.lead-comment-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.lead-comment-text{white-space:pre-wrap;word-break:break-word;color:var(--color-text)}.lead-comment-composer{display:grid;grid-template-columns:1fr auto;grid-gap:var(--spacing-md);gap:var(--spacing-md);align-items:end}@media (max-width:720px){.lead-comment-composer{grid-template-columns:1fr}}.lead-comment-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text);resize:vertical;min-height:90px}.lead-comment-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-focus-ring)}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2xl);flex-wrap:wrap;gap:var(--spacing-lg)}.dashboard-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.dashboard-subtitle{color:var(--color-text-light);overflow-wrap:anywhere}.dashboard-header-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.dashboard-calendar-menu-wrapper{position:relative;display:inline-flex}.dashboard-calendar-menu{position:absolute;top:calc(100% + var(--spacing-xs));right:0;min-width:220px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-sm);z-index:10}.dashboard-calendar-menu-item{display:block;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);color:var(--color-text);text-decoration:none;transition:background-color var(--transition-fast)}.dashboard-calendar-menu-item:hover{background:var(--color-background)}.dashboard-new-request-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);min-height:44px;background:var(--color-secondary);color:var(--color-on-secondary);font-weight:500;border-radius:var(--radius-md);border:1px solid transparent;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.dashboard-new-request-button:hover{background:transparent;border-color:var(--color-secondary);color:var(--color-secondary)}.dashboard-sign-out-button{padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:1px solid var(--color-border);color:var(--color-text-light);border-radius:var(--radius-md);transition:all var(--transition-fast)}.dashboard-sign-out-button:hover{background:var(--color-background);color:var(--color-text)}.dashboard-content{display:grid;grid-template-columns:minmax(240px,320px) 1fr;grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl)}@media (max-width:900px){.dashboard-content{grid-template-columns:1fr}}.dashboard-sidebar{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);height:-moz-fit-content;height:fit-content;max-width:92vw}.dashboard-sidebar-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-lg)}.dashboard-project-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-md)}.dashboard-project-card{width:100%;text-align:left;padding:var(--spacing-md);background:var(--color-background);border:2px solid transparent;border-radius:var(--radius-md);transition:all var(--transition-fast)}.dashboard-project-card:hover{border-color:var(--color-border)}.dashboard-project-card.dashboard-project-card-active{border-color:var(--color-secondary);background:var(--color-card-selected)}.dashboard-project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.dashboard-project-service{font-weight:600;color:var(--color-text);text-transform:capitalize}.dashboard-project-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.dashboard-project-meta span{display:flex;align-items:center;gap:var(--spacing-xs)}.dashboard-status-icon-success{color:var(--color-success)}.dashboard-status-icon-warning{color:var(--color-warning)}.dashboard-status-icon-info{color:var(--color-primary)}.dashboard-status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full);background:var(--color-background);color:var(--color-text-light)}.dashboard-status-badge.dashboard-status-lead{background:var(--color-status-lead-bg);color:var(--color-status-lead-text)}.dashboard-status-badge.dashboard-status-booked{background:var(--color-status-booked-bg);color:var(--color-status-booked-text)}.dashboard-status-badge.dashboard-status-assigned{background:var(--color-status-assigned-bg);color:var(--color-status-assigned-text)}.dashboard-status-badge.dashboard-status-in-progress{background:var(--color-status-in-progress-bg);color:var(--color-status-in-progress-text)}.dashboard-status-badge.dashboard-status-completed{background:var(--color-status-completed-bg);color:var(--color-status-completed-text)}.dashboard-status-badge.dashboard-status-paid{background:var(--color-status-paid-bg);color:var(--color-status-paid-text)}.dashboard-empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-light)}.dashboard-empty-state-link{display:inline-block;margin-top:var(--spacing-md);color:var(--color-secondary);font-weight:500}.dashboard-empty-state-link:hover{text-decoration:underline}.dashboard-details{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-2xl);max-width:92vw}.dashboard-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl);flex-wrap:wrap;gap:var(--spacing-md)}.dashboard-details-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary)}.dashboard-tracker-section{margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--color-background);border-radius:var(--radius-md)}.dashboard-section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-lg)}.dashboard-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.dashboard-info-card{padding:var(--spacing-lg);background:var(--color-background);border-radius:var(--radius-md)}.dashboard-info-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.dashboard-info-card p{color:var(--color-text);line-height:1.5}.dashboard-no-selection{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--color-text-light)}@media (max-width:768px){.dashboard-main{padding:var(--spacing-xl) 0}.dashboard-container{padding:0 var(--spacing-md)}.dashboard-title{font-size:var(--font-size-2xl)}.dashboard-details{padding:var(--spacing-xl)}.dashboard-tracker-section{padding:var(--spacing-lg)}}@media (max-width:480px){.dashboard-header{gap:var(--spacing-md)}.dashboard-header-actions{width:100%;flex-direction:column;align-items:stretch}.dashboard-new-request-button{width:100%;justify-content:center}.dashboard-sidebar{padding:var(--spacing-md)}.dashboard-details{padding:var(--spacing-lg)}.dashboard-info-card,.dashboard-tracker-section{padding:var(--spacing-md)}}.footer{background-color:var(--color-surface-elevated);color:var(--color-text);padding:var(--spacing-3xl) 0 var(--spacing-xl);border-top:1px solid var(--color-border)}.footer-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-lg)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.brand{max-width:300px}.footer-logo{display:inline-flex;align-items:center;text-decoration:none;margin-bottom:var(--spacing-md)}.tagline{color:var(--color-text-light);font-size:var(--font-size-sm);line-height:1.6;margin-bottom:var(--spacing-lg)}.contact{flex-direction:column}.contact,.contact-item{display:flex;gap:var(--spacing-sm)}.contact-item{align-items:center;color:var(--color-text-light);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-fast)}.contact-item:hover{color:var(--color-secondary)}.footer-links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-services-columns{display:flex;gap:var(--spacing-xl);flex-wrap:nowrap}.footer-services-column{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:140px}.footer-links-title{color:var(--color-text);font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-sm)}.footer-links a{color:var(--color-text-light);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-secondary)}.footer-bottom{border-top:1px solid var(--color-border);padding-top:var(--spacing-xl);display:flex;justify-content:space-between;align-items:center}@media (max-width:968px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.brand{max-width:none;grid-column:1/-1}}@media (max-width:600px){.footer{padding:var(--spacing-2xl) 0 var(--spacing-xl)}.footer-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.footer-bottom{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}}.hero{position:relative;flex:1 1;min-height:calc(100vh - 166px);min-height:calc(100svh - 166px);min-height:calc(100dvh - 166px);padding:0;align-items:center;justify-content:center;background-image:linear-gradient(135deg,rgba(12,57,103,.82),rgba(16,25,48,.55)),url(/bg2.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;color:white;display:flex;flex-direction:column;margin-top:93px}@media (max-width:1004px){.hero{min-height:calc(100vh - 181px);min-height:calc(100svh - 181px);min-height:calc(100dvh - 181px)}}@media (max-width:874px){.hero{min-height:calc(100vh - 94px);min-height:calc(100svh - 94px);min-height:calc(100dvh - 94px)}}.hero-container{position:relative;display:flex;align-items:center;gap:var(--spacing-3xl);max-width:var(--container-max);margin:0 auto;padding:var(--spacing-4xl) var(--spacing-lg);background:rgba(255,255,255,.08);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-xl);flex-direction:column}@media (max-width:1250px){.hero-container{box-shadow:unset;background:unset;-webkit-backdrop-filter:unset;backdrop-filter:unset;border:unset}}.hero-content{flex:1 1}.hero-title{color:white;font-size:var(--font-size-5xl);font-weight:700;line-height:1.1;margin-bottom:var(--spacing-lg);text-align:center}@media (max-width:1250px){.hero-title{margin-bottom:unset;margin-top:var(--spacing-lg);padding:45px 25px 0}}@media (max-width:600px){.hero-container{padding:var(--spacing-2xl) var(--spacing-md)}.hero-title{padding:var(--spacing-xl) var(--spacing-lg) 0;font-size:2.25rem}.hero-subtitle{font-size:1.1rem}.primary-button,.secondary-button{width:100%}}.highlight{color:var(--color-secondary)}.hero-subtitle{color:var(--color-text-inverse-muted);font-size:1.4rem;margin-bottom:var(--spacing-xl);line-height:1.7;max-width:73%;text-align:center}.the-rest{display:flex;width:100%;padding:0 var(--spacing-lg);gap:var(--spacing-3xl)}.benefits{list-style:none;margin-bottom:var(--spacing-xl)}.benefit{display:flex;align-items:center;gap:var(--spacing-sm);color:white;font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.check-icon{color:var(--color-secondary);flex-shrink:0}.hero-actions{gap:var(--spacing-md);flex-wrap:wrap;display:flex;flex-direction:column;padding-right:25px}.primary-button{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-secondary);color:var(--color-on-secondary);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);border:1px solid transparent;font-weight:600;font-size:var(--font-size-lg);text-decoration:none;transition:all var(--transition-fast);translate:var(--mh-magnetic-x,0) var(--mh-magnetic-y,0);transform:scale(var(--mh-button-press,1));will-change:transform,translate}.primary-button:hover{background-color:transparent;border-color:var(--color-secondary);color:var(--color-secondary)}.secondary-button{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:white;padding:var(--spacing-md) var(--spacing-xl);border:2px solid white;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-lg);text-decoration:none;transition:all var(--transition-fast);translate:var(--mh-magnetic-x,0) var(--mh-magnetic-y,0);transform:scale(var(--mh-button-press,1));will-change:transform,translate}.primary-button:active,.secondary-button:active{--mh-button-press:0.98}.image-container{flex:1 1}.image-container,.image-placeholder{display:flex;align-items:center;justify-content:center}.image-placeholder{width:100%;height:100%;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-hero-surface) 0,var(--color-hero-surface-faint) 100%);border:2px solid var(--color-hero-surface-border);position:relative;overflow:hidden;padding:25px}.hero-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:.85;transform:translateZ(0)}@media (max-width:900px){.hero-subtitle{max-width:100%}.the-rest{flex-direction:column;align-items:stretch;padding:0 var(--spacing-lg);gap:var(--spacing-2xl)}.hero-content{width:100%}.hero-actions{padding-right:0}.image-container{width:100%}.image-placeholder{min-height:220px}.stats{gap:var(--spacing-xl)}}.image-overlay{text-align:center;color:var(--color-text-inverse)}.image-text{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-2xl);color:white}.stats{display:flex;gap:var(--spacing-3xl);justify-content:center}.stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.stat-number{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-secondary)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-inverse-muted)}.how-it-works{position:relative;padding:var(--spacing-4xl) 0;background:var(--color-background);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);overflow:clip}.how-it-works-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-lg);position:relative;z-index:1}.how-it-works-header{text-align:center;margin-bottom:var(--spacing-2xl);max-width:720px;margin-left:auto;margin-right:auto}.how-it-works-title{color:var(--color-primary);margin-bottom:var(--spacing-md)}.how-it-works-subtitle{color:var(--color-text-muted);font-size:var(--font-size-lg)}.how-it-works-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);position:relative}.how-it-works-step{min-width:0}.how-it-works-step-surface{position:relative;height:100%;padding:var(--spacing-xl);border-radius:var(--radius-xl);background:linear-gradient(180deg,var(--color-surface-elevated),var(--color-surface));border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal),border-color var(--transition-normal),transform var(--transition-normal);transform:translate3d(var(--mh-magnetic-x,0),var(--mh-magnetic-y,0),0) translateY(var(--mh-hover-lift,0)) rotateX(var(--mh-tilt-rotate-x,0deg)) rotateY(var(--mh-tilt-rotate-y,0deg));transform-style:preserve-3d;will-change:transform;overflow:hidden}.how-it-works-step-surface:hover{--mh-hover-lift:-6px;box-shadow:var(--shadow-lg)}.how-it-works-step-top{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.how-it-works-step-number{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-dark));color:var(--color-on-secondary);border-radius:var(--radius-full);font-weight:800;font-size:var(--font-size-lg)}.how-it-works-icon-container,.how-it-works-step-number{width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.how-it-works-icon-container{background:var(--color-secondary-soft);border:1px solid rgba(255,79,166,.25);border-radius:var(--radius-lg)}.how-it-works-step-icon{color:var(--color-secondary)}.how-it-works-step-title{color:var(--color-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);letter-spacing:-.2px}.how-it-works-step-description{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.6}@media (max-width:968px){.how-it-works-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.how-it-works{padding:var(--spacing-3xl) 0}.how-it-works-steps{grid-template-columns:1fr}.how-it-works-step-surface{padding:var(--spacing-lg)}}.lead-capture-section{padding:var(--spacing-3xl) 0;background-color:var(--color-background)}.lead-capture-container{max-width:700px;margin:0 auto;padding:0 var(--spacing-lg)}.lead-capture-content{text-align:center;margin-bottom:var(--spacing-xl)}.lead-capture-title{color:var(--color-primary);margin-bottom:var(--spacing-sm)}.lead-capture-subtitle{color:var(--color-text-muted);font-size:var(--font-size-lg)}.lead-capture-form{background-color:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg)}.lead-capture-error{background-color:var(--color-error-soft);color:var(--color-error);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.form-row{display:flex;gap:var(--spacing-md)}.form-field{flex:1 1;margin-bottom:var(--spacing-md)}.form-label{display:block;font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color var(--transition-fast);background-color:var(--color-surface)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-focus-ring)}.form-textarea{resize:vertical;min-height:100px}.lead-capture-turnstile,.submit-button{display:flex;justify-content:center;margin-top:var(--spacing-md)}.submit-button{width:100%;align-items:center;gap:var(--spacing-sm);background-color:var(--color-secondary);color:var(--color-on-secondary);padding:var(--spacing-md) var(--spacing-xl);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast);transform:translate3d(var(--mh-magnetic-x,0),var(--mh-magnetic-y,0),0) scale(var(--mh-button-press,1));will-change:transform}.submit-button:hover:not(:disabled){background-color:transparent;border-color:var(--color-secondary);color:var(--color-secondary)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.submit-button:active:not(:disabled){--mh-button-press:0.98}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.success-card{background-color:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-3xl);text-align:center;box-shadow:var(--shadow-lg)}.success-title{color:var(--color-success);margin-bottom:var(--spacing-md)}.success-text{color:var(--color-text-muted);font-size:var(--font-size-lg)}@media (max-width:600px){.form-row{flex-direction:column;gap:0}}.milestone-wrapper{display:flex;flex-direction:column;gap:var(--spacing-md)}.milestone-tracker{display:flex;align-items:flex-start;gap:var(--spacing-xs)}.milestone-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1 1}.milestone-indicator{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:600;background-color:var(--color-border);color:var(--color-text-muted);transition:all var(--transition-fast);z-index:1}.milestone-indicator,.milestone-number{font-size:var(--font-size-sm)}.milestone-check-icon{color:var(--color-text-inverse)}.milestone-label{margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;max-width:80px}.milestone-connector{position:absolute;top:18px;left:calc(50% + 18px);width:calc(100% - 36px);height:2px;background-color:var(--color-border);z-index:0}.completed .milestone-indicator{background-color:var(--color-success);color:var(--color-text-inverse)}.completed .milestone-label{color:var(--color-success)}.completed .milestone-connector{background-color:var(--color-success)}.current .milestone-indicator{background-color:var(--color-secondary);color:var(--color-on-secondary);box-shadow:0 0 0 4px var(--color-focus-ring)}.current .milestone-label{color:var(--color-primary);font-weight:600}.pending .milestone-indicator{background-color:var(--color-border);color:var(--color-text-light)}.pending .milestone-label{color:var(--color-text-light)}.compact .milestone-indicator{width:24px;height:24px}.compact .milestone-connector{top:12px;left:calc(50% + 12px)}.milestone-mobile-legend{display:none;list-style:none;padding:0;margin:0}.milestone-mobile-legend-item{display:flex;align-items:baseline;gap:var(--spacing-xs);color:var(--color-text-light);overflow-wrap:anywhere}.milestone-mobile-legend-number{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;background:var(--color-border);color:var(--color-text-muted);flex:0 0 auto}.milestone-mobile-legend-item.completed .milestone-mobile-legend-number{background:var(--color-success);color:var(--color-text-inverse)}.milestone-mobile-legend-item.current .milestone-mobile-legend-number{background:var(--color-secondary);color:var(--color-on-secondary)}.milestone-mobile-legend-label{font-size:var(--font-size-xs);color:inherit}.milestone-mobile-legend-item.completed{color:var(--color-success)}.milestone-mobile-legend-item.current{color:var(--color-primary);font-weight:700}@media (max-width:480px){.milestone-tracker{gap:0;justify-content:center;overflow-x:hidden}.milestone-step{flex:0 0 44px;min-width:44px}.milestone-indicator{width:24px;height:24px;font-size:var(--font-size-xs)}.milestone-label{display:none}.milestone-connector{top:12px;left:calc(50% + 12px);width:20px}.milestone-mobile-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--spacing-xs) var(--spacing-lg);gap:var(--spacing-xs) var(--spacing-lg)}}.mh-modal-backdrop{position:fixed;inset:0;z-index:80;background:rgba(3,7,18,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.mh-modal-panel{width:100%;max-width:720px;max-height:min(82vh,920px);overflow:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.mh-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-md);border-bottom:1px solid var(--color-border)}.mh-modal-title{font-size:var(--font-size-xl);font-weight:800;color:var(--color-text);margin:0}.mh-modal-subtitle{margin:var(--spacing-xs) 0 0;color:var(--color-text-muted)}.mh-modal-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface-elevated);color:var(--color-text);cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.mh-modal-close:hover{transform:translateY(-1px);border-color:rgba(255,79,166,.5)}.mh-modal-close:active{transform:translateY(0) scale(.98)}.mh-modal-body{padding:var(--spacing-xl)}body.mh-modal-open{overflow:hidden}