.invite-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.invite-modal{background:var(--glass-bg-solid,rgba(15,15,35,.95));border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.invite-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.invite-modal__header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.invite-modal__close{background:none;border:none;font-size:28px;color:#9ca3af;cursor:pointer;padding:0;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.invite-modal__close:hover{color:#6b7280;background:#f3f4f6}.invite-modal__body{padding:24px}.invite-modal__description{margin:0 0 20px;color:#6b7280;font-size:14px;line-height:1.5}.invite-modal__tabs{display:flex;gap:8px;margin-bottom:20px}.invite-modal__tab{flex:1 1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#f3f4f6;border:2px solid transparent;border-radius:10px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;min-height:44px}.invite-modal__tab:hover{background:#e5e7eb}.invite-modal__tab--active{background:#eff6ff;border-color:#3b82f6;color:#2563eb}.invite-modal__tab svg{flex-shrink:0}.invite-modal__field{margin-bottom:16px;position:relative}.invite-modal__field label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.invite-modal__input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:10px;font-size:15px;transition:all .2s;min-height:44px}.invite-modal__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.invite-modal__textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:10px;font-size:14px;resize:vertical;min-height:80px;font-family:inherit;transition:all .2s}.invite-modal__textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.invite-modal__char-count{position:absolute;bottom:8px;right:12px;font-size:12px;color:#9ca3af}.invite-modal__preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px;margin-top:20px}.invite-modal__preview-label{font-size:12px;font-weight:500;color:#6b7280;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.invite-modal__preview-content{font-size:14px;color:#374151;line-height:1.5}.invite-modal__preview-content strong{color:#1f2937}.invite-modal__preview-message{margin:8px 0;font-style:italic;color:#6b7280}.invite-modal__preview-cta{display:inline-block;margin-top:8px;color:#2563eb;font-weight:500}.invite-modal__error{background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;padding:12px;color:#dc2626;font-size:14px;margin-top:16px}.invite-modal__success{text-align:center;padding:40px 20px}.invite-modal__success-icon{width:64px;height:64px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#fff}.invite-modal__success-icon svg{width:32px;height:32px}.invite-modal__success p{margin:0;font-size:18px;font-weight:600;color:#059669}.invite-modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f9fafb;border-top:1px solid #e5e7eb}.invite-modal__cancel{padding:10px 20px;background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#374151;font-weight:500;cursor:pointer;min-height:44px;transition:all .2s}.invite-modal__cancel:hover{background:#f9fafb;border-color:#9ca3af}.invite-modal__send{display:flex;align-items:center;gap:8px;padding:10px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;font-weight:500;cursor:pointer;min-height:44px;transition:all .2s}.invite-modal__send:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.3)}.invite-modal__send:disabled{opacity:.6;cursor:not-allowed}.invite-modal__spinner{width:16px;height:16px;border:2px solid;border-top:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.invite-connect-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#06c,#00a693);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;min-height:44px;transition:all .2s}.invite-connect-btn:hover{background:linear-gradient(135deg,#0052a3,#008577);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,102,204,.3)}.invite-connect-btn:active{transform:translateY(0)}.invite-connect-btn--secondary{background:transparent;color:#06c;border:2px solid #06c}.invite-connect-btn--secondary:hover{background:rgba(0,102,204,.1);transform:none;box-shadow:none}.invitations-list{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden}.invitations-list__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.invitations-list__header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.invitations-list__count{font-size:13px;color:#6b7280}.invitations-list__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.invitations-list__spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.invitations-list__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af;text-align:center}.invitations-list__empty svg{margin-bottom:16px;opacity:.5}.invitations-list__empty p{margin:0;font-size:15px;color:#6b7280}.invitations-list__empty-hint{margin-top:8px!important;font-size:13px!important;color:#9ca3af!important}.invitations-list__items{padding:12px}.invitation-item{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border-radius:12px;margin-bottom:8px;transition:all .2s}.invitation-item:last-child{margin-bottom:0}.invitation-item:hover{background:#f3f4f6}.invitation-item__icon{width:40px;height:40px;background:#e5e7eb;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.invitation-item__info{flex:1 1;min-width:0}.invitation-item__contact{font-size:14px;font-weight:500;color:#1f2937;margin-bottom:2px}.invitation-item__date{font-size:12px;color:#9ca3af}.invitation-item__status{flex-shrink:0}.invitation-status{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.invitation-status--pending{background:rgba(251,191,36,.15);color:#d97706}.invitation-status--accepted{background:rgba(16,185,129,.15);color:#059669}.invitation-status--expired{background:rgba(156,163,175,.15);color:#6b7280}.invitation-item__actions{flex-shrink:0}.invitation-item__resend{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid #d1d5db;border-radius:8px;font-size:12px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.invitation-item__resend:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.invitation-item__resend:disabled{opacity:.6;cursor:not-allowed}.invitation-item__spinner{width:12px;height:12px;border:2px solid;border-top:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite}@media (prefers-color-scheme:dark){.invite-modal{background:#1f2937}.invite-modal__header{border-color:#374151}.invite-modal__header h3{color:#f9fafb}.invite-modal__close:hover{background:#374151;color:#e5e7eb}.invite-modal__description{color:#9ca3af}.invite-modal__tab{background:#374151;color:#9ca3af}.invite-modal__tab:hover{background:#4b5563}.invite-modal__tab--active{background:rgba(59,130,246,.2);border-color:#3b82f6;color:#60a5fa}.invite-modal__field label{color:#e5e7eb}.invite-modal__input,.invite-modal__textarea{background:#374151;border-color:#4b5563;color:#f9fafb}.invite-modal__input:focus,.invite-modal__textarea:focus{border-color:#3b82f6}.invite-modal__preview{background:#111827;border-color:#374151}.invite-modal__preview-content{color:#e5e7eb}.invite-modal__preview-content strong{color:#f9fafb}.invite-modal__footer{background:#111827;border-color:#374151}.invite-modal__cancel{background:#374151;border-color:#4b5563;color:#e5e7eb}.invitations-list{background:#1f2937}.invitations-list,.invitations-list__header{border-color:#374151}.invitations-list__header h3{color:#f9fafb}.invitation-item{background:#374151}.invitation-item:hover{background:#4b5563}.invitation-item__icon{background:#4b5563;color:#9ca3af}.invitation-item__contact{color:#f9fafb}.invitation-item__resend{border-color:#4b5563;color:#e5e7eb}.invitation-item__resend:hover:not(:disabled){background:#4b5563}}@media (max-width:480px){.invite-modal{max-width:100%;margin:10px;border-radius:12px}.invite-modal__footer,.invite-modal__tabs{flex-direction:column}.invite-modal__cancel,.invite-modal__send{width:100%;justify-content:center}.invitation-item{flex-wrap:wrap;gap:8px}.invitation-item__status{order:-1;width:100%;text-align:right}.invitation-item__actions{width:100%;margin-top:8px}.invitation-item__resend{width:100%;justify-content:center}}.invite-modal__close{position:relative;z-index:10001!important;pointer-events:auto!important}.occupation-background{position:relative;width:100%;height:var(--bg-height,300px);background-image:var(--bg-image);background-size:cover;background-position:50%;background-repeat:no-repeat;overflow:hidden;border-radius:16px}.occupation-background-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--bg-overlay-color);opacity:var(--bg-overlay-opacity);transition:opacity .3s ease}.occupation-background:hover .occupation-background-overlay{opacity:calc(var(--bg-overlay-opacity) - .1)}.occupation-background-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;color:var(--text-color)}.occupation-background:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent);z-index:0;pointer-events:none}@keyframes fadeInBackground{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.occupation-background{animation:fadeInBackground .6s ease-out}@media (prefers-reduced-motion:reduce){.occupation-background{animation:none}.occupation-background:hover .occupation-background-overlay{opacity:var(--bg-overlay-opacity)}}.occupation-background--loading{opacity:.7}.occupation-background--loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1) 50%,transparent);animation:shimmer 1.5s infinite;z-index:2;pointer-events:none}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media (max-width:768px){.occupation-background{height:calc(var(--bg-height) * .75);border-radius:12px}.occupation-background-content{padding:1.5rem}}@media (prefers-reduced-motion:reduce){.occupation-background--loading:before{animation:none;display:none}}