.user-profile-page{--up-radius: 16px;--up-border: #e3eaf5;--up-shadow: 0 10px 30px rgba(15, 23, 42, .06);--up-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .88)}.user-profile-page .user-profile-sidebar-card{background:#fff;border:1px solid var(--up-border);border-radius:var(--up-radius);box-shadow:var(--up-shadow),var(--up-shadow-inset);overflow:hidden;height:100%}.user-profile-page .user-profile-sidebar-card__hero{background:linear-gradient(165deg,#f0f7ff,#fff 55%,#fafbfd);border-bottom:1px solid #eef2f7;padding:2rem 1.5rem 1.75rem;text-align:center}.user-profile-page .user-profile-sidebar-card__avatar-wrap{position:relative;display:inline-flex;margin-bottom:1.25rem}.user-profile-page .user-profile-sidebar-card__avatar-wrap:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid rgba(59,130,246,.35);pointer-events:none}.user-profile-page .user-profile-sidebar-card__avatar{box-shadow:0 12px 28px #2563eb2e}.user-profile-page .user-profile-sidebar-card__name{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:#0f172a;line-height:1.25;margin:0 0 .35rem}.user-profile-page .user-profile-sidebar-card__subtitle{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:1rem}.user-profile-page .user-profile-sidebar-card__roles{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.user-profile-page .user-profile-role-pill{border-radius:999px;padding:.35rem .75rem;font-size:.75rem;font-weight:700;letter-spacing:.02em;background:linear-gradient(180deg,#eef6ff,#e0efff);color:#1d4ed8;border:1px solid #bfdbfe;box-shadow:0 2px 6px #2563eb14}.user-profile-page .user-profile-sidebar-card__meta{padding:1.25rem 1.5rem 1.5rem;background:linear-gradient(180deg,#fbfcfe,#fff)}.user-profile-page .user-profile-meta-row{display:flex;gap:.85rem;align-items:flex-start;padding:.65rem 0;border-bottom:1px solid rgba(226,232,240,.85)}.user-profile-page .user-profile-meta-row:last-child{border-bottom:0;padding-bottom:0}.user-profile-page .user-profile-meta-row__icon{width:2.25rem;height:2.25rem;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;color:#3b82f6}.user-profile-page .user-profile-meta-row__label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:.15rem}.user-profile-page .user-profile-meta-row__value{font-size:.875rem;font-weight:600;color:#1e293b;word-break:break-word}.user-profile-page .user-profile-main-card{background:#fff;border:1px solid var(--up-border);border-radius:var(--up-radius);box-shadow:var(--up-shadow),var(--up-shadow-inset);overflow:hidden}.user-profile-page .user-profile-main-card__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem 1.75rem 1.25rem;background:linear-gradient(180deg,#f8fbff,#fff);border-bottom:1px solid #eef2f7}.user-profile-page .user-profile-main-card__title{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:#0f172a;margin:0 0 .25rem}.user-profile-page .user-profile-main-card__lead{font-size:.8125rem;font-weight:600;color:#64748b;margin:0;max-width:36rem;line-height:1.45}.user-profile-page .user-profile-fields{padding:.5rem 1.75rem 1.5rem}.user-profile-page .user-profile-field{display:grid;grid-template-columns:minmax(7rem,11rem) 1fr auto;gap:.75rem 1.25rem;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(226,232,240,.9)}@media (max-width: 767.98px){.user-profile-page .user-profile-field{grid-template-columns:1fr;gap:.35rem}.user-profile-page .user-profile-field__actions{justify-self:start}}.user-profile-page .user-profile-field:last-child{border-bottom:0}.user-profile-page .user-profile-field__label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.user-profile-page .user-profile-field__value{font-size:.9375rem;font-weight:600;color:#0f172a;word-break:break-word}.user-profile-page .user-profile-field__actions{display:flex;justify-content:flex-end}.user-profile-page .user-profile-icon-btn{width:2.25rem;height:2.25rem;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#f8fafc);color:#3b82f6;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.user-profile-page .user-profile-icon-btn:hover{border-color:#93c5fd;box-shadow:0 6px 16px #2563eb1f;transform:translateY(-1px)}.user-profile-page .user-profile-role-badge{border-radius:999px;padding:.4rem .85rem;font-size:.8125rem;font-weight:700;background:linear-gradient(180deg,#eef6ff,#e0efff);color:#1d4ed8;border:1px solid #bfdbfe}.user-profile-page .user-profile-crm-panel{margin:0 1.75rem 1.75rem;padding:1.5rem 1.5rem 1.75rem;border-radius:14px;border:1px solid #d4e4fb;background:linear-gradient(165deg,#f5f9ff,#fff 45%);box-shadow:0 8px 24px #2563eb12,inset 0 1px #ffffffe6}.user-profile-page .user-profile-crm-panel__top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.user-profile-page .user-profile-crm-panel__title{font-size:1rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.user-profile-page .user-profile-crm-panel__lead{font-size:.8125rem;font-weight:600;color:#64748b;margin:0;max-width:32rem;line-height:1.45}.user-profile-page .user-profile-crm-panel .btn-light-primary{border-radius:10px;font-weight:700;padding:.55rem 1rem;box-shadow:0 4px 12px #3b82f626}.user-profile-page .user-profile-crm-panel .alert{border-radius:12px;border:1px solid #bfdbfe}.user-profile-page .user-profile-crm-panel__note{font-size:.8125rem;font-weight:600;color:#334155;display:flex;gap:.5rem;align-items:flex-start;margin-bottom:1.25rem}.user-profile-page .user-profile-crm-panel__note i{flex-shrink:0;margin-top:.1rem}.user-profile-page .user-profile-visit-types__head{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.user-profile-page .user-profile-visit-types__head i{color:#3b82f6;font-size:1.1rem}.user-profile-page .user-profile-visit-pill{display:inline-flex;align-items:center;border-radius:10px;padding:.45rem .85rem;font-size:.8125rem;font-weight:600;color:#0f172a;background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 6px #0f172a0a;transition:border-color .18s ease,box-shadow .18s ease}.user-profile-page .user-profile-visit-pill:hover{border-color:#bfdbfe;box-shadow:0 6px 14px #2563eb14}.user-profile-page .user-profile-empty-hint{font-size:.8125rem;font-style:italic;color:#94a3b8;font-weight:500}
