.tree-canvas-light{background-color:#fdfbf7;background-image:radial-gradient(circle at 20% 30%,rgba(139,69,19,.02) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(34,139,34,.02) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(210,180,140,.03) 0%,transparent 70%),linear-gradient(90deg,rgba(222,184,135,.03) 1px,transparent 1px),linear-gradient(rgba(222,184,135,.03) 1px,transparent 1px);background-size:800px 800px,900px 900px,1200px 1200px,40px 40px,40px 40px;background-position:0 0,0 0,0 0,0 0,0 0}.tree-canvas-dark{background-color:#0a0e1a;background-image:radial-gradient(circle at 15% 25%,rgba(34,139,34,.08) 0%,transparent 40%),radial-gradient(circle at 85% 75%,rgba(76,175,80,.06) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(139,69,19,.04) 0%,transparent 60%),radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.15),transparent),radial-gradient(1px 1px at 60% 70%,rgba(255,255,255,.1),transparent),radial-gradient(1px 1px at 50% 50%,rgba(255,255,255,.08),transparent),radial-gradient(1px 1px at 80% 10%,rgba(255,255,255,.12),transparent),radial-gradient(1px 1px at 90% 60%,rgba(255,255,255,.1),transparent);background-size:900px 900px,1000px 1000px,1100px 1100px,200px 200px,300px 300px,250px 250px,350px 350px,280px 280px;background-position:0 0,0 0,0 0,0 0,50px 60px,100px 120px,80px 40px,120px 90px}@media (prefers-reduced-motion: no-preference){.tree-canvas-light{animation:subtleFloat 60s ease-in-out infinite}.tree-canvas-dark{animation:nightSky 120s ease-in-out infinite}}@keyframes subtleFloat{0%,to{background-position:0 0,0 0,0 0,0 0,0 0}50%{background-position:50px 50px,-30px 30px,20px -20px,0 0,0 0}}@keyframes nightSky{0%,to{background-position:0 0,0 0,0 0,0 0,50px 60px,100px 120px,80px 40px,120px 90px}50%{background-position:30px 40px,-20px 30px,15px -15px,5px 5px,55px 65px,105px 125px,85px 45px,125px 95px}}.tree-node-organic{filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));transition:all .3s cubic-bezier(.4,0,.2,1)}.tree-node-organic:hover{filter:drop-shadow(0 8px 24px rgba(0,0,0,.15));transform:translateY(-2px)}.avatar-frame-light{position:relative}.avatar-frame-light:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;background:repeating-radial-gradient(circle at center,rgba(139,69,19,.1) 0px,rgba(139,69,19,.05) 2px,transparent 2px,transparent 4px);pointer-events:none}.avatar-frame-dark{position:relative}.avatar-frame-dark:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;background:repeating-radial-gradient(circle at center,rgba(76,175,80,.15) 0px,rgba(76,175,80,.08) 2px,transparent 2px,transparent 4px);pointer-events:none}.tree-link-organic{stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:all .3s ease}.tree-link-organic:hover{filter:drop-shadow(0 3px 6px rgba(0,0,0,.15))}.tree-link-parent{stroke-width:2.5}.tree-link-spouse{stroke-width:3;stroke-dasharray:none}.tree-link-sibling{stroke-dasharray:5,5;stroke-width:2}.tree-link-highlighted{stroke-width:4;filter:drop-shadow(0 0 8px currentColor);animation:pathPulse 2s ease-in-out infinite}@keyframes pathPulse{0%,to{opacity:.9}50%{opacity:1}}.generation-layer-light{fill:url(#generationGradientLight);opacity:.03;pointer-events:none}.generation-layer-dark{fill:url(#generationGradientDark);opacity:.06;pointer-events:none}@keyframes nodePulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.node-pulse{animation:nodePulse .6s ease-in-out}@keyframes rootGlow{0%,to{filter:drop-shadow(0 0 8px rgba(25,118,210,.4))}50%{filter:drop-shadow(0 0 16px rgba(25,118,210,.6))}}.root-node-glow{animation:rootGlow 2s ease-in-out infinite}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.tree-fade-in{animation:fadeInScale .5s cubic-bezier(.4,0,.2,1)}.generation-badge{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:all .3s ease}.generation-badge:hover{transform:scale(1.1)}.tree-control-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6!important;border-radius:12px!important;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.tree-control-button:hover{background:#fff!important;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.tree-control-button-dark{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293be6!important;border-radius:12px!important;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.tree-control-button-dark:hover{background:#1e293b!important;transform:translateY(-2px);box-shadow:0 6px 16px #0006}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.tree-canvas-light,.tree-canvas-dark{animation:none}}@media (max-width: 768px){.tree-canvas-light,.tree-canvas-dark{background-size:600px 600px,700px 700px,800px 800px,30px 30px,30px 30px}}.tree-label{font-weight:600;text-shadow:0 1px 2px rgba(255,255,255,.8),0 0 4px rgba(255,255,255,.6);transition:all .3s ease}.tree-label-dark{font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 4px rgba(0,0,0,.6);transition:all .3s ease}.tree-label:hover,.tree-label-dark:hover{transform:scale(1.05)}.tree-container::-webkit-scrollbar{width:12px;height:12px}.tree-container::-webkit-scrollbar-track{background:#0000000d;border-radius:6px}.tree-container::-webkit-scrollbar-thumb{background:#8b45134d;border-radius:6px;transition:background .3s ease}.tree-container::-webkit-scrollbar-thumb:hover{background:#8b451380}.tree-container-dark::-webkit-scrollbar-track{background:#ffffff0d}.tree-container-dark::-webkit-scrollbar-thumb{background:#4caf504d}.tree-container-dark::-webkit-scrollbar-thumb:hover{background:#4caf5080}.force-ltr{direction:ltr!important;text-align:start!important;unicode-bidi:embed}.force-rtl{direction:rtl!important;text-align:start!important;unicode-bidi:embed}.dir-auto{direction:auto;unicode-bidi:plaintext}.mixed-content-cell{direction:auto;unicode-bidi:plaintext;text-align:start!important}[dir=rtl] .mixed-content-cell{text-align:right!important}[dir=ltr] .mixed-content-cell{text-align:left!important}.stable-table-structure{direction:ltr}.stable-table-structure [dir=rtl]{direction:rtl}.numeric-cell{direction:ltr!important;unicode-bidi:embed;font-variant-numeric:tabular-nums}[dir=rtl] .numeric-cell{text-align:right!important}[dir=ltr] .numeric-cell{text-align:left!important}[dir=rtl] .numeric-cell>*{flex-direction:row-reverse}[dir=rtl] .numeric-cell .MuiBox-root{flex-direction:row-reverse!important}.email-cell{direction:ltr!important;unicode-bidi:embed}[dir=rtl] .email-cell{text-align:right!important}[dir=ltr] .email-cell{text-align:left!important}.button-icon-start{margin-inline-end:8px;margin-inline-start:0}.button-icon-end{margin-inline-start:8px;margin-inline-end:0}.flex-row-dir{display:flex;flex-direction:row}[dir=rtl] .flex-row-dir{flex-direction:row-reverse}.table-header-cell{text-align:start;font-weight:600}[dir=rtl] .table-header-cell{text-align:right}[dir=ltr] .table-header-cell{text-align:left}.MuiTableCell-root{text-align:start}[dir=rtl] .MuiTableCell-root{text-align:right}[dir=ltr] .MuiTableCell-root{text-align:left}.margin-inline-start-1{margin-inline-start:8px}.margin-inline-end-1{margin-inline-end:8px}.padding-inline-1{padding-inline-start:8px;padding-inline-end:8px}.MuiButton-startIcon{margin-inline-end:8px!important;margin-inline-start:0!important;margin-left:0!important;margin-right:8px!important}[dir=rtl] .MuiButton-startIcon{margin-left:8px!important;margin-right:0!important}.MuiButton-endIcon{margin-inline-start:8px!important;margin-inline-end:0!important;margin-left:8px!important;margin-right:0!important}[dir=rtl] .MuiButton-endIcon{margin-left:0!important;margin-right:8px!important}.MuiButton-root{padding-left:20px!important;padding-right:20px!important;gap:8px}.MuiButton-root.MuiButton-sizeSmall{padding-left:16px!important;padding-right:16px!important;gap:6px}.MuiButton-root.MuiButton-sizeLarge{padding-left:24px!important;padding-right:24px!important;gap:10px}.MuiIconButton-root{padding:8px}.MuiIconButton-root.MuiIconButton-sizeSmall{padding:6px}.MuiIconButton-root.MuiIconButton-sizeLarge{padding:12px}.MuiChip-root{margin-inline-start:4px;margin-inline-end:4px}.MuiTablePagination-root{direction:inherit}.MuiTablePagination-toolbar{flex-direction:row}[dir=rtl] .MuiTablePagination-toolbar{flex-direction:row-reverse}[dir=rtl] .MuiTable-root{direction:rtl}[dir=ltr] .MuiTable-root{direction:ltr}[dir=rtl] .MuiTableRow-root{text-align:right}[dir=ltr] .MuiTableRow-root{text-align:left}[dir=rtl] .MuiTableHead-root .MuiTableCell-root{text-align:right}[dir=ltr] .MuiTableHead-root .MuiTableCell-root{text-align:left}[dir=rtl] .MuiTableBody-root .MuiTableCell-root{text-align:right}[dir=ltr] .MuiTableBody-root .MuiTableCell-root{text-align:left}[dir=rtl] .MuiTableSortLabel-root .MuiTableSortLabel-icon{transform:scaleX(-1)}.MuiTableCell-root .MuiAvatar-root{margin-inline-end:8px}.MuiButton-root{display:inline-flex;align-items:center}.MuiInputAdornment-positionStart{margin-inline-end:8px}.MuiInputAdornment-positionEnd{margin-inline-start:8px}.page-background-light{background:linear-gradient(135deg,#fdfbf7,#f8f6f2);min-height:100vh}.page-background-dark{background:linear-gradient(135deg,#0f172a,#1e293b);min-height:100vh}.organic-paper{border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;overflow:hidden}.organic-paper-dark{border-radius:16px!important;box-shadow:0 4px 20px #0000004d!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;overflow:hidden}.organic-paper:hover,.organic-paper-dark:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f!important}.organic-paper-dark:hover{box-shadow:0 8px 30px #0006!important}.enhanced-table{border-radius:12px;overflow:hidden}.enhanced-table .MuiTableHead-root{background:linear-gradient(135deg,#6366f114,#6366f10a)}.enhanced-table-dark .MuiTableHead-root{background:linear-gradient(135deg,#818cf81f,#818cf80f)}.enhanced-table .MuiTableRow-root{transition:all .2s ease}.enhanced-table .MuiTableRow-root:hover{background-color:#6366f10a;transform:scale(1.005)}.enhanced-table-dark .MuiTableRow-root:hover{background-color:#818cf814;transform:scale(1.005)}.enhanced-avatar{box-shadow:0 4px 12px #0000001a;transition:all .3s ease;border:3px solid rgba(255,255,255,.2)}.enhanced-avatar:hover{transform:scale(1.05);box-shadow:0 6px 20px #00000026}.enhanced-avatar-dark{box-shadow:0 4px 12px #0000004d;transition:all .3s ease;border:3px solid rgba(255,255,255,.1)}.enhanced-avatar-dark:hover{transform:scale(1.05);box-shadow:0 6px 20px #00000080}.enhanced-chip{font-weight:500;transition:all .2s ease}.enhanced-chip:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.enhanced-button{border-radius:10px!important;font-weight:600!important;text-transform:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 2px 8px #00000014!important}.enhanced-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f!important}.enhanced-button:active{transform:translateY(0)}.enhanced-dialog .MuiDialog-paper{border-radius:16px;padding:8px}.enhanced-dialog .MuiDialogTitle-root{font-weight:700;background:linear-gradient(135deg,#6366f10d,#6366f105);border-radius:12px 12px 0 0;margin:-8px -8px 0;padding:24px}.enhanced-dialog-dark .MuiDialogTitle-root{background:linear-gradient(135deg,#818cf814,#818cf80a)}.enhanced-textfield .MuiOutlinedInput-root{border-radius:10px;transition:all .3s ease}.enhanced-textfield .MuiOutlinedInput-root:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.enhanced-textfield .MuiOutlinedInput-root.Mui-focused{transform:translateY(-1px);box-shadow:0 4px 12px #6366f126}.page-title{font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px}.page-title-dark{font-weight:700;background:linear-gradient(135deg,#818cf8,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px}.rank-medal-gold{color:gold;filter:drop-shadow(0 0 8px rgba(255,215,0,.5));animation:medalShine 2s ease-in-out infinite}.rank-medal-silver{color:silver;filter:drop-shadow(0 0 8px rgba(192,192,192,.5));animation:medalShine 2s ease-in-out infinite}.rank-medal-bronze{color:#cd7f32;filter:drop-shadow(0 0 8px rgba(205,127,50,.5));animation:medalShine 2s ease-in-out infinite}@keyframes medalShine{0%,to{filter:drop-shadow(0 0 8px currentColor) brightness(1)}50%{filter:drop-shadow(0 0 12px currentColor) brightness(1.2)}}.leaderboard-top-1{background:linear-gradient(90deg,#ffd70014,#ffd70005);font-weight:600}.leaderboard-top-2{background:linear-gradient(90deg,#c0c0c014,#c0c0c005);font-weight:600}.leaderboard-top-3{background:linear-gradient(90deg,#cd7f3214,#cd7f3205);font-weight:600}.profile-stat-card{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-radius:16px;padding:24px;transition:all .3s ease;border:1px solid rgba(99,102,241,.1)}.profile-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #6366f126;border-color:#6366f14d}.profile-stat-card-dark{background:linear-gradient(135deg,#818cf814,#a78bfa14);border:1px solid rgba(129,140,248,.15)}.profile-stat-card-dark:hover{box-shadow:0 8px 24px #818cf833;border-color:#818cf866}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px;padding:40px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-pulse{animation:pulse 2s ease-in-out infinite}.member-card{border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.member-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px #0000001f;border-color:#6366f14d}.member-card-dark:hover{box-shadow:0 12px 32px #0006;border-color:#818cf866}.enhanced-tabs .MuiTab-root{font-weight:600;text-transform:none;transition:all .2s ease}.enhanced-tabs .MuiTab-root:hover{background-color:#6366f10a}.enhanced-tabs .MuiTab-root.Mui-selected{background-color:#6366f114}.enhanced-divider{background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.2) 50%,transparent 100%);height:2px;border:none;margin:24px 0}.enhanced-divider-dark{background:linear-gradient(90deg,transparent 0%,rgba(129,140,248,.3) 50%,transparent 100%)}.form-section{background:#6366f105;border-radius:12px;padding:24px;margin-bottom:16px;border:1px solid rgba(99,102,241,.08)}.form-section-dark{background:#818cf80a;border-color:#818cf81f}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0000004d}body.dark-mode ::-webkit-scrollbar-thumb{background:#fff3}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){.organic-paper,.organic-paper-dark{border-radius:12px!important}.member-card{border-radius:12px}.enhanced-dialog .MuiDialog-paper{margin:16px;max-width:calc(100% - 32px)}}.glass-effect{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.glass-effect-dark{background:#1e293bb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.gradient-text{background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtle-hover{transition:all .2s ease}.subtle-hover:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.stat-card-purple{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #667eea4d}.stat-card-purple:hover{transform:translateY(-4px);box-shadow:0 8px 30px #667eea66}.stat-card-blue{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #4facfe4d}.stat-card-blue:hover{transform:translateY(-4px);box-shadow:0 8px 30px #4facfe66}.stat-card-green{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #43e97b4d}.stat-card-green:hover{transform:translateY(-4px);box-shadow:0 8px 30px #43e97b66}.stat-card-orange{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #fa709a4d}.stat-card-orange:hover{transform:translateY(-4px);box-shadow:0 8px 30px #fa709a66}.stat-card-pink{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #f093fb4d}.stat-card-pink:hover{transform:translateY(-4px);box-shadow:0 8px 30px #f093fb66}.stat-card-teal{background:linear-gradient(135deg,#4fd1c5,#63b3ed);color:#fff;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #4fd1c54d}.stat-card-teal:hover{transform:translateY(-4px);box-shadow:0 8px 30px #4fd1c566}.stat-card-purple-dark{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 20px #5a67d866}.stat-card-blue-dark{background:linear-gradient(135deg,#4299e1,#0bc5ea);box-shadow:0 4px 20px #4299e166}.stat-card-green-dark{background:linear-gradient(135deg,#48bb78,#38b2ac);box-shadow:0 4px 20px #48bb7866}.stat-card-orange-dark{background:linear-gradient(135deg,#ed8936,#ecc94b);box-shadow:0 4px 20px #ed893666}.stat-card-pink-dark{background:linear-gradient(135deg,#d53f8c,#ed64a6);box-shadow:0 4px 20px #d53f8c66}.stat-card-teal-dark{background:linear-gradient(135deg,#319795,#3182ce);box-shadow:0 4px 20px #31979566}.member-card-male{border-left:4px solid #4299e1;background:linear-gradient(135deg,rgba(66,153,225,.05) 0%,transparent 100%);transition:all .3s ease}.member-card-male:hover{border-left-width:6px;background:linear-gradient(135deg,rgba(66,153,225,.1) 0%,transparent 100%);transform:translate(4px)}.member-card-female{border-left:4px solid #ed64a6;background:linear-gradient(135deg,rgba(237,100,166,.05) 0%,transparent 100%);transition:all .3s ease}.member-card-female:hover{border-left-width:6px;background:linear-gradient(135deg,rgba(237,100,166,.1) 0%,transparent 100%);transform:translate(4px)}.role-badge-admin{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;padding:4px 12px;border-radius:12px;box-shadow:0 2px 8px #667eea4d}.role-badge-super-admin{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff;font-weight:600;padding:4px 12px;border-radius:12px;box-shadow:0 2px 8px #fa709a4d}.role-badge-guest{background:linear-gradient(135deg,#cbd5e0,#a0aec0);color:#fff;font-weight:600;padding:4px 12px;border-radius:12px;box-shadow:0 2px 8px #cbd5e04d}.status-badge-active{background:linear-gradient(135deg,#48bb78,#38b2ac);color:#fff;font-weight:600;padding:4px 12px;border-radius:12px;box-shadow:0 2px 8px #48bb784d}.status-badge-inactive{background:linear-gradient(135deg,#fc8181,#f56565);color:#fff;font-weight:600;padding:4px 12px;border-radius:12px;box-shadow:0 2px 8px #fc81814d}.avatar-ring-male{border:3px solid #4299e1;box-shadow:0 0 0 4px #4299e133,0 4px 12px #4299e14d}.avatar-ring-female{border:3px solid #ed64a6;box-shadow:0 0 0 4px #ed64a633,0 4px 12px #ed64a64d}.avatar-ring-admin{border:3px solid #667eea;box-shadow:0 0 0 4px #667eea33,0 4px 12px #667eea4d}.profile-header-gradient{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:48px 24px;border-radius:16px;margin-bottom:24px;box-shadow:0 8px 32px #667eea4d}.info-section-personal{border-left:4px solid #4299e1;background:linear-gradient(135deg,rgba(66,153,225,.05) 0%,transparent 100%);padding:16px;border-radius:8px;margin-bottom:16px}.info-section-family{border-left:4px solid #ed64a6;background:linear-gradient(135deg,rgba(237,100,166,.05) 0%,transparent 100%);padding:16px;border-radius:8px;margin-bottom:16px}.info-section-dates{border-left:4px solid #48bb78;background:linear-gradient(135deg,rgba(72,187,120,.05) 0%,transparent 100%);padding:16px;border-radius:8px;margin-bottom:16px}.info-section-other{border-left:4px solid #ed8936;background:linear-gradient(135deg,rgba(237,137,54,.05) 0%,transparent 100%);padding:16px;border-radius:8px;margin-bottom:16px}.colorful-tab{position:relative;transition:all .3s ease}.colorful-tab:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.colorful-tab.Mui-selected:after{transform:scaleX(1)}.colorful-dialog-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;margin:-8px -8px 16px;border-radius:12px 12px 0 0}.colorful-dialog-header-dark{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.action-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;box-shadow:0 4px 12px #667eea4d;transition:all .3s ease}.action-button-primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.action-button-success{background:linear-gradient(135deg,#48bb78,#38b2ac);color:#fff;border:none;box-shadow:0 4px 12px #48bb784d;transition:all .3s ease}.action-button-success:hover{background:linear-gradient(135deg,#38a169,#319795);box-shadow:0 6px 20px #48bb7866;transform:translateY(-2px)}.action-button-danger{background:linear-gradient(135deg,#fc8181,#f56565);color:#fff;border:none;box-shadow:0 4px 12px #fc81814d;transition:all .3s ease}.action-button-danger:hover{background:linear-gradient(135deg,#f56565,#e53e3e);box-shadow:0 6px 20px #fc818166;transform:translateY(-2px)}.table-row-male{border-left:3px solid transparent;transition:all .2s ease}.table-row-male:hover{border-left-color:#4299e1;background:linear-gradient(90deg,rgba(66,153,225,.05) 0%,transparent 100%)}.table-row-female{border-left:3px solid transparent;transition:all .2s ease}.table-row-female:hover{border-left-color:#ed64a6;background:linear-gradient(90deg,rgba(237,100,166,.05) 0%,transparent 100%)}.icon-gradient-purple{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.icon-gradient-blue{background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.icon-gradient-green{background:linear-gradient(135deg,#43e97b,#38f9d7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.icon-gradient-orange{background:linear-gradient(135deg,#fa709a,#fee140);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hover-lift-colorful{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift-colorful:hover{transform:translateY(-4px);box-shadow:0 12px 40px #667eea33}.gender-male-text{color:#4299e1;font-weight:600}.gender-female-text{color:#ed64a6;font-weight:600}.gender-male-bg{background-color:#4299e11a;color:#2c5282}.gender-female-bg{background-color:#ed64a61a;color:#97266d}.divider-gradient-horizontal{height:3px;background:linear-gradient(90deg,transparent 0%,#667eea 20%,#764ba2 50%,#667eea 80%,transparent 100%);border:none;margin:24px 0}.divider-gradient-vertical{width:3px;background:linear-gradient(180deg,transparent 0%,#667eea 20%,#764ba2 50%,#667eea 80%,transparent 100%);border:none;margin:0 16px}.score-display{background:linear-gradient(135deg,#ffd89b,#19547b);color:#fff;font-weight:700;font-size:24px;padding:12px 24px;border-radius:12px;box-shadow:0 4px 12px #ffd89b66;display:inline-block}.points-badge{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-weight:600;padding:6px 16px;border-radius:20px;box-shadow:0 2px 8px #f093fb4d;display:inline-block}.empty-state-colorful{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:16px;border:2px dashed rgba(102,126,234,.3)}.empty-state-icon{font-size:64px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.loading-colorful{text-align:center;padding:40px}.loading-spinner-colorful{color:#667eea!important}@media (max-width: 768px){.stat-card-purple,.stat-card-blue,.stat-card-green,.stat-card-orange,.stat-card-pink,.stat-card-teal{padding:16px}.profile-header-gradient{padding:32px 16px}}#root{position:relative;z-index:100}#root>*{position:relative;z-index:100}.MuiPaper-root,.MuiCard-root,.MuiDialog-root,.MuiDrawer-root,.MuiAppBar-root,.MuiButton-root,.MuiTable-root{position:relative;z-index:100}.tree-branches-light,.tree-branches-dark{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-999;overflow:hidden}.tree-branches-light:before,.tree-branches-light:after,.tree-branches-dark:before,.tree-branches-dark:after{content:"";position:absolute;pointer-events:none}.tree-branches-light{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1920 1080" preserveAspectRatio="xMidYMid slice"><g opacity="0.15"><path d="M 50 100 Q 150 120 250 100 T 400 80" stroke="%238B4513" stroke-width="6" fill="none" stroke-linecap="round"/><path d="M 250 100 Q 280 150 300 200" stroke="%23654321" stroke-width="4" fill="none" stroke-linecap="round"/><path d="M 400 80 Q 420 60 450 50" stroke="%238B4513" stroke-width="3" fill="none" stroke-linecap="round"/><path d="M 150 120 Q 170 140 180 170" stroke="%23654321" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 1600 200 Q 1500 180 1400 200 T 1250 220" stroke="%23228B22" stroke-width="6" fill="none" stroke-linecap="round"/><path d="M 1400 200 Q 1380 250 1370 300" stroke="%232E7D32" stroke-width="4" fill="none" stroke-linecap="round"/><path d="M 1500 180 Q 1520 160 1550 140" stroke="%232E7D32" stroke-width="3" fill="none" stroke-linecap="round"/><path d="M 1250 220 Q 1230 240 1220 270" stroke="%23228B22" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 100 600 Q 200 580 300 600 T 450 620" stroke="%236B8E23" stroke-width="5" fill="none" stroke-linecap="round"/><path d="M 300 600 Q 320 650 330 700" stroke="%23556B2F" stroke-width="3" fill="none" stroke-linecap="round"/><path d="M 200 580 Q 220 560 240 540" stroke="%236B8E23" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 450 620 Q 470 640 480 670" stroke="%23556B2F" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 1700 700 Q 1600 720 1500 700 T 1350 680" stroke="%23008080" stroke-width="5" fill="none" stroke-linecap="round"/><path d="M 1500 700 Q 1480 750 1470 800" stroke="%23006666" stroke-width="3" fill="none" stroke-linecap="round"/><path d="M 1600 720 Q 1620 740 1640 770" stroke="%23008080" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 1350 680 Q 1330 660 1310 640" stroke="%23006666" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 800 50 Q 850 70 900 50" stroke="%23A0522D" stroke-width="4" fill="none" stroke-linecap="round"/><path d="M 850 70 Q 860 90 870 110" stroke="%23A0522D" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 1200 900 Q 1250 920 1300 900" stroke="%233CB371" stroke-width="4" fill="none" stroke-linecap="round"/><path d="M 1250 920 Q 1260 940 1270 960" stroke="%233CB371" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 500 400 Q 550 420 600 400" stroke="%238B4513" stroke-width="3" fill="none" stroke-linecap="round"/><path d="M 550 420 Q 560 440 570 460" stroke="%238B4513" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 1400 500 Q 1450 480 1500 500" stroke="%23228B22" stroke-width="3" fill="none" stroke-linecap="round"/><path d="M 1450 480 Q 1460 460 1470 440" stroke="%23228B22" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 300 250 Q 350 270 400 250 T 500 230" stroke="%236B8E23" stroke-width="5" fill="none" stroke-linecap="round"/><path d="M 400 250 Q 420 280 430 310" stroke="%23556B2F" stroke-width="3" fill="none" stroke-linecap="round"/><path d="M 350 270 Q 360 290 370 310" stroke="%236B8E23" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 1500 400 Q 1550 420 1600 400 T 1700 380" stroke="%23008080" stroke-width="5" fill="none" stroke-linecap="round"/><path d="M 1600 400 Q 1620 430 1630 460" stroke="%23006666" stroke-width="3" fill="none" stroke-linecap="round"/><path d="M 1550 420 Q 1560 440 1570 460" stroke="%23008080" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 200 850 Q 250 870 300 850 T 400 830" stroke="%23A0522D" stroke-width="5" fill="none" stroke-linecap="round"/><path d="M 300 850 Q 320 880 330 910" stroke="%23A0522D" stroke-width="3" fill="none" stroke-linecap="round"/><path d="M 250 870 Q 260 890 270 910" stroke="%23654321" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 700 300 Q 750 320 800 300" stroke="%23228B22" stroke-width="4" fill="none" stroke-linecap="round"/><path d="M 750 320 Q 760 340 770 360" stroke="%232E7D32" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 1100 600 Q 1150 620 1200 600" stroke="%236B8E23" stroke-width="4" fill="none" stroke-linecap="round"/><path d="M 1150 620 Q 1160 640 1170 660" stroke="%23556B2F" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 600 750 Q 650 770 700 750" stroke="%23008080" stroke-width="4" fill="none" stroke-linecap="round"/><path d="M 650 770 Q 660 790 670 810" stroke="%23006666" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 900 800 Q 950 820 1000 800" stroke="%238B4513" stroke-width="4" fill="none" stroke-linecap="round"/><path d="M 950 820 Q 960 840 970 860" stroke="%23654321" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 400 500 Q 450 520 500 500" stroke="%23228B22" stroke-width="3" fill="none" stroke-linecap="round"/><path d="M 450 520 Q 460 540 470 560" stroke="%232E7D32" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 1300 300 Q 1350 320 1400 300" stroke="%236B8E23" stroke-width="3" fill="none" stroke-linecap="round"/><path d="M 1350 320 Q 1360 340 1370 360" stroke="%23556B2F" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 150 450 Q 200 470 250 450" stroke="%23A0522D" stroke-width="3" fill="none" stroke-linecap="round"/><path d="M 200 470 Q 210 490 220 510" stroke="%23654321" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 1650 550 Q 1700 570 1750 550" stroke="%23008080" stroke-width="3" fill="none" stroke-linecap="round"/><path d="M 1700 570 Q 1710 590 1720 610" stroke="%23006666" stroke-width="2" fill="none" stroke-linecap="round"/></g></svg>');background-size:cover;background-position:center;background-repeat:no-repeat}.tree-branches-dark{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1920 1080" preserveAspectRatio="xMidYMid slice"><g opacity="0.2"><path d="M 50 100 Q 150 120 250 100 T 400 80" stroke="%23CD853F" stroke-width="6" fill="none" stroke-linecap="round"/><path d="M 250 100 Q 280 150 300 200" stroke="%23D2B48C" stroke-width="4" fill="none" stroke-linecap="round"/><path d="M 400 80 Q 420 60 450 50" stroke="%23CD853F" stroke-width="3" fill="none" stroke-linecap="round"/><path d="M 150 120 Q 170 140 180 170" stroke="%23D2B48C" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 1600 200 Q 1500 180 1400 200 T 1250 220" stroke="%234CAF50" stroke-width="6" fill="none" stroke-linecap="round"/><path d="M 1400 200 Q 1380 250 1370 300" stroke="%2366BB6A" stroke-width="4" fill="none" stroke-linecap="round"/><path d="M 1500 180 Q 1520 160 1550 140" stroke="%2366BB6A" stroke-width="3" fill="none" stroke-linecap="round"/><path d="M 1250 220 Q 1230 240 1220 270" stroke="%234CAF50" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 100 600 Q 200 580 300 600 T 450 620" stroke="%239CAF53" stroke-width="5" fill="none" stroke-linecap="round"/><path d="M 300 600 Q 320 650 330 700" stroke="%23AEBB74" stroke-width="3" fill="none" stroke-linecap="round"/><path d="M 200 580 Q 220 560 240 540" stroke="%239CAF53" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 450 620 Q 470 640 480 670" stroke="%23AEBB74" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 1700 700 Q 1600 720 1500 700 T 1350 680" stroke="%2300BCD4" stroke-width="5" fill="none" stroke-linecap="round"/><path d="M 1500 700 Q 1480 750 1470 800" stroke="%234DD0E1" stroke-width="3" fill="none" stroke-linecap="round"/><path d="M 1600 720 Q 1620 740 1640 770" stroke="%2300BCD4" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 1350 680 Q 1330 660 1310 640" stroke="%234DD0E1" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 800 50 Q 850 70 900 50" stroke="%23D2B48C" stroke-width="4" fill="none" stroke-linecap="round"/><path d="M 850 70 Q 860 90 870 110" stroke="%23D2B48C" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 1200 900 Q 1250 920 1300 900" stroke="%234DD0E1" stroke-width="4" fill="none" stroke-linecap="round"/><path d="M 1250 920 Q 1260 940 1270 960" stroke="%234DD0E1" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 500 400 Q 550 420 600 400" stroke="%23CD853F" stroke-width="3" fill="none" stroke-linecap="round"/><path d="M 550 420 Q 560 440 570 460" stroke="%23CD853F" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 1400 500 Q 1450 480 1500 500" stroke="%234CAF50" stroke-width="3" fill="none" stroke-linecap="round"/><path d="M 1450 480 Q 1460 460 1470 440" stroke="%234CAF50" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 300 250 Q 350 270 400 250 T 500 230" stroke="%239CAF53" stroke-width="5" fill="none" stroke-linecap="round"/><path d="M 400 250 Q 420 280 430 310" stroke="%23AEBB74" stroke-width="3" fill="none" stroke-linecap="round"/><path d="M 350 270 Q 360 290 370 310" stroke="%239CAF53" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 1500 400 Q 1550 420 1600 400 T 1700 380" stroke="%2300BCD4" stroke-width="5" fill="none" stroke-linecap="round"/><path d="M 1600 400 Q 1620 430 1630 460" stroke="%234DD0E1" stroke-width="3" fill="none" stroke-linecap="round"/><path d="M 1550 420 Q 1560 440 1570 460" stroke="%2300BCD4" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 200 850 Q 250 870 300 850 T 400 830" stroke="%23D2B48C" stroke-width="5" fill="none" stroke-linecap="round"/><path d="M 300 850 Q 320 880 330 910" stroke="%23D2B48C" stroke-width="3" fill="none" stroke-linecap="round"/><path d="M 250 870 Q 260 890 270 910" stroke="%23CD853F" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 700 300 Q 750 320 800 300" stroke="%234CAF50" stroke-width="4" fill="none" stroke-linecap="round"/><path d="M 750 320 Q 760 340 770 360" stroke="%2366BB6A" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 1100 600 Q 1150 620 1200 600" stroke="%239CAF53" stroke-width="4" fill="none" stroke-linecap="round"/><path d="M 1150 620 Q 1160 640 1170 660" stroke="%23AEBB74" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 600 750 Q 650 770 700 750" stroke="%2300BCD4" stroke-width="4" fill="none" stroke-linecap="round"/><path d="M 650 770 Q 660 790 670 810" stroke="%234DD0E1" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 900 800 Q 950 820 1000 800" stroke="%23CD853F" stroke-width="4" fill="none" stroke-linecap="round"/><path d="M 950 820 Q 960 840 970 860" stroke="%23D2B48C" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 400 500 Q 450 520 500 500" stroke="%234CAF50" stroke-width="3" fill="none" stroke-linecap="round"/><path d="M 450 520 Q 460 540 470 560" stroke="%2366BB6A" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 1300 300 Q 1350 320 1400 300" stroke="%239CAF53" stroke-width="3" fill="none" stroke-linecap="round"/><path d="M 1350 320 Q 1360 340 1370 360" stroke="%23AEBB74" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 150 450 Q 200 470 250 450" stroke="%23D2B48C" stroke-width="3" fill="none" stroke-linecap="round"/><path d="M 200 470 Q 210 490 220 510" stroke="%23CD853F" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M 1650 550 Q 1700 570 1750 550" stroke="%2300BCD4" stroke-width="3" fill="none" stroke-linecap="round"/><path d="M 1700 570 Q 1710 590 1720 610" stroke="%234DD0E1" stroke-width="2" fill="none" stroke-linecap="round"/></g></svg>');background-size:cover;background-position:center;background-repeat:no-repeat}@media (prefers-reduced-motion: reduce){.tree-branches-light,.tree-branches-dark{animation:none!important}}