@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Nunito:wght@300;400;500;600;700&family=Open+Sans:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&family=Lato:wght@300;400;500;700&family=Montserrat:wght@300;400;500;700&family=DM+Sans:wght@300;400;500;700&family=Raleway:wght@300;400;500;600;700&family=Quicksand:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&family=Merriweather:wght@300;400;700&display=swap);:root[data-theme=light]{--bg-main:#faf8fc;--bg-card:#fff;--bg-secondary:#f1f5f9;--bg-sidebar:#8b5cf6;--bg-sidebar-hover:#222;--text-primary:#0f0f0f;--text-secondary:#64748b;--text-muted:#94a3b8;--border-light:#e2e8f0;--border-medium:#cbd5e1;--accent-primary:#8b5cf6;--accent-secondary:#f97316;--accent-success:#10b981;--accent-warning:#f59e0b;--shadow-soft:0 10px 30px #0f172a14;--calender-bg-card:#ebfaf3}:root[data-theme=dark]{--bg-main:#020617;--bg-card:#020617;--bg-secondary:#020617;--bg-sidebar:#020617;--bg-sidebar-hover:#111827;--text-primary:#f9fafb;--text-secondary:#e5e7eb;--text-muted:#9ca3af;--border-light:#111827;--border-medium:#1f2933;--accent-primary:#8b5cf6;--accent-secondary:#f97316;--accent-success:#22c55e;--accent-warning:#fbbf24;--shadow-soft:0 10px 30px #0009}body{background:var(--bg-main);color:var(--text-primary)}*{font-family:Manrope}p{font-feature-settings:normal;font-size:25px;font-style:normal;font-variant:normal;font-weight:400;line-height:30px;text-align:start}body,html{overflow-x:hidden;padding-top:30px}.perfect-design-popup{background:linear-gradient(135deg,#fff,#f4f0ff)!important;border-radius:24px!important;box-shadow:0 20px 50px #764ba21a!important;font-family:Manrope,sans-serif!important;overflow:hidden!important;padding:0!important;width:340px!important}.swal-card-container{padding:40px 0;position:relative}.swal-bg-layer,.swal-card-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.swal-bg-layer{border-radius:24px;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;z-index:0}.swal-bg-img{animation:spinSlow 60s linear infinite;height:100%;object-fit:cover;opacity:.5;transform:scale(1.2);width:100%}.swal-content-layer{align-items:center;display:flex;flex-direction:column;position:relative;z-index:2}.swal-main-icon{animation:bounceIn .6s cubic-bezier(.175,.885,.32,1.275);display:block;filter:drop-shadow(0 5px 15px rgba(102,126,234,.2));height:75px;margin-bottom:20px;object-fit:contain;width:75px}.swal-text-title{color:#000;font-size:1.2rem;font-weight:600;letter-spacing:.3px}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes spinSlow{0%{transform:rotate(0deg) scale(1.2)}to{transform:rotate(1turn) scale(1.2)}}[data-theme=dark] .swal2-container.swal2-center{background:#0f172abf!important}[data-theme=dark] .swal2-popup{background:#020617!important;border-radius:18px!important;box-shadow:0 24px 80px #000000e6!important;color:#e5e7eb!important}[data-theme=dark] .swal2-title{color:#e5e7eb!important}[data-theme=dark] .swal2-html-container{color:#9ca3af!important}[data-theme=dark] .swal2-radio label{color:#e5e7eb!important}[data-theme=dark] .swal2-actions .swal2-confirm{background:#8b5cf6!important;border-radius:999px!important;color:#fff!important}[data-theme=dark] .swal2-actions .swal2-cancel{background:#111827!important;border-radius:999px!important;color:#e5e7eb!important}[data-theme=dark] div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{background:#020617!important;color:#e5e7eb!important}.nav-wrap{background:#fff;box-shadow:0 1px 0 #1018280a;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;padding:10px 20px;position:fixed;top:0;width:100%;z-index:30}.nav-inner{gap:24px;justify-content:space-between;margin:0 auto;max-width:1200px;min-width:0;width:100%}.nav-inner,.nav-left{align-items:center;display:flex}.nav-left{flex:0 0 auto}.nav-logo{height:44px;object-fit:contain;width:auto}.nav-center{display:flex;flex:1 1 auto;font-weight:500;justify-content:flex-end;margin-right:50px;min-width:0}.nav-links{align-items:center;display:flex;gap:28px;list-style:none;margin:0;padding:0}.nav-link{min-width:0}.nav-link a{color:#111827;display:inline-block;font-size:14px;letter-spacing:.2px;padding:6px 4px;text-decoration:none}.nav-link a:hover{color:#6b21a8}.nav-link .nav-anchor{appearance:none;-webkit-appearance:none;background:#0000;border:none;color:#111827;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;letter-spacing:.2px;margin:0;outline:none;padding:6px 4px;text-decoration:none}.nav-link .nav-anchor:hover{color:#6b21a8}.nav-right{align-items:center;display:flex;flex:0 0 auto;gap:12px}.circle-icon{align-items:center;background:linear-gradient(135deg,#f472b6,#ec4899);border:none;border-radius:999px;box-shadow:0 2px 6px #00000014;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;width:36px}.signup-btn-nav{background:linear-gradient(90deg,#4f46e5,#7c3aed);border:none;border-radius:999px;box-shadow:0 6px 18px #6366f11f;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:transform .12s ease,box-shadow .12s ease}.signup-btn:hover{transform:translateY(-2px)}.modal-overlay{animation:fadeIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-content-nav{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:90vw;overflow-y:auto;position:relative}.modal-close{background:linear-gradient(135deg,#ff4757,#ff3742);box-shadow:0 6px 20px #ff475766;color:#fff;font-size:22px;font-weight:300;line-height:1;position:absolute;right:-12px;top:-12px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1001}.modal-close:hover{background:linear-gradient(135deg,#ff3742,#ff2d3a);box-shadow:0 8px 25px #ff475780;transform:scale(1.1)}.modal-close:active{transform:scale(.95)}@media (max-width:830px){.nav-inner{gap:16px;padding:10px 16px}.nav-links{gap:18px}.nav-logo{height:40px}.signup-btn{font-size:12px;padding:7px 12px}.nav-center{justify-content:flex-start;padding-left:8px}.nav-links{flex-wrap:wrap;row-gap:6px}}@media (max-width:640px){.nav-center{display:none}.nav-inner{justify-content:space-between}.circle-icon{display:inline-flex}}@media (max-width:768px){.modal-overlay{padding:15px}.modal-content-nav{border-radius:12px;max-height:95vh;max-width:100%}.modal-close{font-size:20px;height:36px;right:-8px;top:-8px;width:36px}}@media (max-width:480px){.modal-overlay{padding:10px}.modal-content-nav{border-radius:8px}.modal-close{font-size:18px;height:32px;right:-6px;top:-6px;width:32px}}@media (max-width:420px){.nav-inner{gap:10px}.nav-logo{height:36px}.signup-btn{font-size:12px;padding:6px 10px}.nav-links{gap:12px}}@media (prefers-reduced-motion:reduce){.modal-close,.modal-content-nav,.modal-overlay,.signup-btn{animation:none;transition:none}}@media (prefers-contrast:high){.modal-close{border:2px solid #fff}.modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000c}}.user-section{gap:12px}.logout-btn{background:linear-gradient(90deg,#ef4444,#dc2626);border:none;border-radius:999px;box-shadow:0 6px 18px #ef44441f;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:transform .12s ease,box-shadow .12s ease}.logout-btn:hover{box-shadow:0 8px 25px #ef444433;transform:translateY(-2px)}@media (max-width:768px){.user-section{gap:8px}.user-greeting{display:none}.logout-btn{font-size:12px;padding:6px 12px}}.user-section{align-items:center;display:flex;position:relative}.user-dropdown-trigger{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.user-dropdown-trigger:hover{background:#ffffff26;border-color:#ffffff4d}.user-greeting{color:#374151;font-size:14px;font-weight:500}.dropdown-arrow{color:#6b7280;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown{animation:dropdownSlideIn .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin-top:8px;overflow:hidden;position:absolute;right:0;top:100%;width:280px;z-index:1000}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;gap:12px;padding:16px}.user-avatar{background:#fff3;font-size:16px;height:40px;width:40px}.user-details{flex:1 1}.user-name{font-size:14px;font-weight:600;margin-bottom:2px}.user-email{font-size:12px;opacity:.9}.dropdown-divider{background:#e5e7eb;height:1px}.dropdown-menu{padding:8px 0}.dropdown-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background:#f3f4f6}.dropdown-item.logout{color:#dc2626}.dropdown-item.logout:hover{background:#fef2f2}.dropdown-item svg{flex-shrink:0;height:16px;width:16px}@media (max-width:768px){.user-greeting{display:none}.user-dropdown{width:250px}.dropdown-header{padding:12px}.user-avatar{font-size:14px;height:36px;width:36px}}.mobile-sidebar-backdrop{display:none;inset:0;position:fixed;transition:background-color .22s ease;z-index:1400}.mobile-sidebar-backdrop.open{background-color:#0000005c;display:block}.mobile-sidebar{background:#fff;border-right:1px solid #eef2f6;bottom:0;box-shadow:0 30px 60px #0000002e;box-sizing:border-box;display:flex;flex-direction:column;left:-320px;overflow-y:auto;padding:18px;position:fixed;top:0;transform:translateX(0);transition:transform .26s cubic-bezier(.2,.9,.2,1),left 0ms .26s;width:min(320px,90vw);will-change:transform;z-index:1500}.mobile-sidebar.open{left:0;transform:translateX(0);transition:transform .26s cubic-bezier(.2,.9,.2,1),left 0ms}.mobile-sidebar-header{align-items:center;display:flex;gap:12px;justify-content:space-between;padding-bottom:8px}.mobile-logo{cursor:pointer;height:36px}.mobile-close{background:#0000;border:none;border-radius:8px;cursor:pointer;font-size:20px;padding:6px}.mobile-close:hover{background:#0000000a}.mobile-nav ul{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:6px 0}.mobile-link{border-radius:8px;color:#111827;display:block;font-weight:600;padding:12px 10px;text-decoration:none}.mobile-link.active,.mobile-link:hover{background:#f8f6ff;color:#6b21a8}.mobile-divider{background:#f1f5f9;height:1px;margin:12px 0}.mobile-actions{display:flex;flex-direction:column;gap:8px;padding-bottom:20px}.mobile-action{background:#fff;border:1px solid #eef2f6;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 12px;text-align:left}.mobile-action:hover{background:#fafafa}.mobile-action.logout{border-color:#dc222214;color:#dc2626}.mobile-notifs{background:#fff;border-radius:8px;margin-top:8px;overflow:hidden}.mobile-notifs-header{border-bottom:1px solid #f1f5f9;display:flex;font-weight:600;justify-content:space-between;padding:10px}.link-like{background:none;border:none;color:#6b21a8;cursor:pointer;font-weight:600;padding:0}.mobile-signup{font-size:15px;margin-top:6px;padding:12px 14px;width:100%}@media (max-width:768px){.nav-center{display:none}.mobile-toggle{display:inline-flex}.nav-inner{gap:12px;padding:8px 14px}.notif-count{background:#ff4757;border-radius:12px;color:#fff;font-size:11px;font-weight:700;padding:2px 5px;position:absolute;right:-6px;top:-6px}}.mobile-sidebar .mobile-action:focus,.mobile-sidebar .mobile-close:focus,.mobile-sidebar .mobile-link:focus{outline:3px solid #6366f11f;outline-offset:2px}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-10%)}to{opacity:1;transform:translateX(0)}}.mobile-sidebar.open{animation:slideInFromLeft .22s ease}.mobile-toggle{align-items:center;background:linear-gradient(135deg,#f472b6,#ec4899);border:none;border-radius:999px;box-shadow:0 2px 6px #00000014;cursor:pointer;display:none;height:36px;justify-content:center;padding:0;width:36px}.notif-count{background:#fff;border:1px solid #ef4444;border-radius:999px;color:#ef4444;font-size:11px;font-weight:700;line-height:1.2;min-width:18px;padding:2px 6px;position:absolute;right:-6px;text-align:center;top:-6px}@media (max-width:768px){.mobile-toggle{display:inline-flex}.nav-center{display:none}.nav-inner{gap:12px;padding:8px 14px}.notif-count{background:#fff;border:1px solid #ef4444;border-radius:999px;color:#ef4444;font-size:11px;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:-6px;top:-6px}}.theme-toggle-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:999px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .1s ease}.theme-toggle-btn:hover{background:var(--accent-primary);border-color:#0000;color:#fff;transform:translateY(-1px)}:root[data-theme=dark] .nav-wrap{background:radial-gradient(circle at 0 0,#020617 0,#020617 45%,#020617 100%);box-shadow:0 1px 0 #0f172ae6}:root[data-theme=dark] .nav-inner,:root[data-theme=dark] .nav-link a{color:#e5e7eb}:root[data-theme=dark] .nav-link a:hover{color:#a855f7}:root[data-theme=dark] .user-greeting{color:#e5e7eb}:root[data-theme=dark] .user-dropdown-trigger{background:#0f172ad9;border-color:#94a3b866}:root[data-theme=dark] .user-dropdown-trigger:hover{background:#1e40afb3;border-color:#818cf8cc}:root[data-theme=dark] .dropdown-arrow{color:#9ca3af}:root[data-theme=dark] .modal-content-nav{background:#020617;box-shadow:0 25px 60px #000000d9}:root[data-theme=dark] .user-dropdown{background:#020617;border-color:#94a3b873;box-shadow:0 24px 60px #000000e6}:root[data-theme=dark] .dropdown-divider{background:#374151cc}:root[data-theme=dark] .dropdown-item{color:#e5e7eb}:root[data-theme=dark] .dropdown-item:hover{background:#111827}:root[data-theme=dark] .dropdown-item.logout{color:#fca5a5}:root[data-theme=dark] .dropdown-item.logout:hover{background:#7f1d1d}:root[data-theme=dark] .mobile-sidebar{background:#020617;border-right-color:#1e40af8c;box-shadow:0 32px 80px #000000f2}:root[data-theme=dark] .mobile-link{color:#e5e7eb}:root[data-theme=dark] .mobile-link.active,:root[data-theme=dark] .mobile-link:hover{background:#1e40af73;color:#e5e7eb}:root[data-theme=dark] .mobile-divider{background:#374151e6}:root[data-theme=dark] .mobile-action{background:#020617;border-color:#374151e6;color:#e5e7eb}:root[data-theme=dark] .mobile-action:hover{background:#020617;box-shadow:0 14px 38px #000000e6}:root[data-theme=dark] .mobile-action.logout{border-color:#f8717166;color:#fca5a5}:root[data-theme=dark] .mobile-notifs{background:#020617}:root[data-theme=dark] .mobile-notifs-header{border-bottom-color:#334155e6;color:#e5e7eb}:root[data-theme=dark] .link-like{color:#a855f7}:root[data-theme=dark] .notif-count{background:#f9fafb;border-color:#ef4444;color:#ef4444}:root[data-theme=dark] .theme-toggle-btn{background:#020617;border-color:#94a3b899;color:#e5e7eb}:root[data-theme=dark] .theme-toggle-btn:hover{background:#4f46e5;color:#fff}:root[data-theme=dark] .circle-icon,:root[data-theme=dark] .mobile-toggle{box-shadow:0 4px 14px #000000b3}:root[data-theme=dark] .notification-bell{color:#fff}:root[data-theme=dark] .nav-link .nav-anchor{color:#e5e7eb}:root[data-theme=dark] .nav-link .nav-anchor:hover{color:#a855f7}.notif-panel{-ms-overflow-style:none;background:#fff;background:var(--bg-card,#fff);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;max-height:60vh;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;width:420px}.notif-panel::-webkit-scrollbar{height:0;width:0}.notif-panel.notif-empty{min-width:260px;padding:18px;text-align:center}.notif-empty-count{color:#f0b036;font-size:14px;font-weight:700;margin-bottom:8px}.notif-empty-text{color:#9ca3af;font-size:13px}.notif-header{background:#f8fafc;background:var(--bg-main,#f8fafc);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);justify-content:space-between;padding:10px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.notif-header,.notif-header-left{align-items:center;display:flex;gap:8px}.notif-title{color:#111827;color:var(--text-primary,#111827);font-size:15px;font-weight:600}.notif-unread-pill{background:#ff4757;border-radius:999px;color:#fff;font-size:11px;font-weight:700;min-width:20px;padding:2px 8px;text-align:center}.notif-mute-btn{background:#0000;border:none;cursor:pointer;font-size:18px;line-height:1;padding:0}.notif-header-actions{align-items:center;display:flex;gap:6px}.notif-chip{background:#eef2ff;border:1px solid #4b6cff33;border-radius:999px;color:#1d4ed8;cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px;transition:background .15s ease,border-color .15s ease,transform .1s ease;white-space:nowrap}.notif-chip:hover{background:#e0e7ff;border-color:#4f46e5;transform:translateY(-1px)}.notif-chip-ghost{background:#0000;border-color:#d1d5db;color:#4b5563}.notif-chip-ghost:hover{background:#f3f4f6}.notif-all-btn{background:linear-gradient(90deg,#4f46e5,#7c3aed);border:none;border-radius:999px;box-shadow:0 4px 12px #4f46e547;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px;transition:transform .12s ease,box-shadow .12s ease;white-space:nowrap}.notif-all-btn:hover{box-shadow:0 6px 18px #4f46e55c;transform:translateY(-1px)}.notif-list{list-style:none;margin:0;padding:0}.notif-item{--notif-accent:#2196f3;--notif-bg-unread:#fffef6;--notif-bg-read:#fff;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light,#f3f4f6);cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:background .18s ease,transform .18s ease,border-left-color .18s ease}.notif-item.is-unread{background:var(--notif-bg-unread)}.notif-item.is-read{background:var(--notif-bg-read)}.notif-item:hover{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-left-color:var(--notif-accent);transform:translateX(2px)}.notif-icon{align-items:flex-start;display:flex;flex-shrink:0;font-size:20px;padding-top:2px}.notif-content{flex:1 1;min-width:0}.notif-title-row{align-items:center;display:flex;gap:8px;margin-bottom:4px}.notif-item-title{color:#111827;color:var(--text-primary,#111827);font-size:14px;font-weight:600;line-height:1.3}.notif-item-title-read{color:#6b7280;color:var(--text-secondary,#6b7280);font-weight:500}.notif-unread-dot{background:#ff4757;border-radius:999px;height:8px;width:8px}.notif-body{color:#4b5563;color:var(--text-secondary,#4b5563);font-size:13px;line-height:1.4;margin-bottom:6px}.notif-meta{align-items:center;color:#9ca3af;color:var(--text-muted,#9ca3af);display:flex;flex-wrap:wrap;font-size:11px;gap:8px;justify-content:space-between}.notif-meta-time{white-space:nowrap}.notif-meta-cleared{font-weight:500}.notif-meta-cleared-yes{color:#16a34a}.notif-meta-cleared-no{color:#f97316}.notif-meta-badge{background:var(--notif-accent);border-radius:999px;color:#fff;padding:2px 6px;text-transform:capitalize}.notif-check{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:999px;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;line-height:1;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .1s ease;width:24px}.notif-check-unread{background:#eff6ff;border-color:#2563eb;color:#2563eb}.notif-check-unread:hover{background:#2563eb;border-color:#1d4ed8;color:#fff;transform:scale(1.05)}.notif-check-read{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:default}.notif-item-actions{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.notif-btn{border:none;border-radius:4px;cursor:pointer;font-size:11px;padding:4px 8px;transition:background .18s ease,transform .12s ease,border-color .18s ease}.notif-btn-read{background:#22c55e;color:#fff}.notif-btn-read:hover{background:#16a34a;transform:scale(1.05)}.notif-btn-clear{background:#fff;border:1px solid #d1d5db;color:#374151}.notif-btn-clear:hover{background:#f9fafb;border-color:#9ca3af;transform:scale(1.05)}.notif-item.notif-type-upgraded{--notif-accent:#22c55e;--notif-bg-unread:#e8f5e8}.notif-item.notif-type-nonuser{--notif-accent:#0ea5e9;--notif-bg-unread:#e6f3ff}.notif-item.notif-type-joined{--notif-accent:#f97316;--notif-bg-unread:#fff3e0}.notif-item.notif-type-relationship{--notif-accent:#a855f7;--notif-bg-unread:#f3e5f5}.notif-item.notif-type-family-plan{--notif-accent:#6366f1;--notif-bg-unread:#e0e7ff}.notif-item.notif-type-default{--notif-accent:#3b82f6;--notif-bg-unread:#fffef6}:root[data-theme=dark] .notif-panel{background:#020617}:root[data-theme=dark] .notif-header{background:#020617;border-bottom-color:#334155e6}:root[data-theme=dark] .notif-title{color:#e5e7eb}:root[data-theme=dark] .notif-body{color:#d1d5db}:root[data-theme=dark] .notif-item.is-read{background:#020617}:root[data-theme=dark] .notif-item.is-unread{background:#0f172af2}:root[data-theme=dark] .notif-item{border-bottom-color:#374151e6}:root[data-theme=dark] .notif-item:hover{background:#020617}:root[data-theme=dark] .notif-meta{color:#9ca3af}:root[data-theme=dark] .notif-chip{background:#2563eb1f;border-color:#818cf8b3;color:#c7d2fe}:root[data-theme=dark] .notif-chip-ghost{background:#0000;border-color:#4b5563e6;color:#d1d5db}:root[data-theme=dark] .notif-all-btn{box-shadow:0 8px 26px #0f172ae6}:root[data-theme=dark] .notif-btn-clear{background:#020617;border-color:#4b5563e6;color:#e5e7eb}:root[data-theme=dark] .notif-btn-clear:hover{background:#020617;box-shadow:0 8px 20px #000000e6}:root[data-theme=dark] .notif-check-read{background:#020617;border-color:#4b5563e6;color:#6b7280}:root[data-theme=dark] .notif-check-unread{background:#2563eb1f;border-color:#3b82f6;color:#93c5fd}:root{--muted:#8b8b90;--accent:#9b4b9b;--bg:#fbf8fb}:root[data-theme=dark]{--muted:#9ca3af;--accent:#e5e7eb}.site-footer{background:linear-gradient(90deg,#fff 0,#f0f0ff 50%,#fdfeff);box-sizing:border-box;color:#111;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;padding:54px 20px 18px}:root[data-theme=dark] .site-footer{background:radial-gradient(1200px 900px at 50% 0,#020617 0,#020617 40%,#020617 100%);color:#e5e7eb}.footer-top{grid-gap:36px;align-items:start;box-sizing:border-box;display:grid;gap:36px;grid-template-columns:1fr 380px 340px;margin:0 auto;max-width:1180px;padding-bottom:28px}.col-left{display:flex;flex-direction:column;gap:18px}.footer-logo{height:auto;object-fit:contain;width:160px}.footer-desc{color:#1f1f1f;font-size:15px;line-height:1.6;margin:4px 0 8px;max-width:350px}:root[data-theme=dark] .footer-desc{color:#e5e7eb}.socials{display:flex;gap:18px;margin-top:6px}.social{align-items:center;background:#0000;border-radius:8px;color:#9b4b9b;color:var(--accent);display:inline-flex;height:40px;justify-content:center;text-decoration:none;transition:transform .18s ease,background .18s ease,color .18s ease;width:40px}.social:hover{background:#9b4b9b0f;transform:translateY(-4px)}:root[data-theme=dark] .social{background:#0f172ab3;color:#e5e7eb}:root[data-theme=dark] .social:hover{background:#94a3b838}.col-middle .col-title,.col-right .col-title{color:#0b0b0b;font-size:20px;font-weight:600;margin:0 0 14px}:root[data-theme=dark] .col-middle .col-title,:root[data-theme=dark] .col-right .col-title{color:#f9fafb}.arrow-list,.link-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.arrow-list li,.link-list li{align-items:center;color:#222;display:flex;font-size:15px;gap:12px}:root[data-theme=dark] .arrow-list li,:root[data-theme=dark] .link-list li{color:#e5e7eb}.arrow-list a,.link-list a{color:inherit;text-decoration:none}.link-list .tick{background:#0000;color:#111;display:inline-block;font-size:14px;font-weight:700;min-width:18px}:root[data-theme=dark] .link-list .tick{color:#f9fafb}.arrow{color:#8b8b90;color:var(--muted);font-size:18px;transform:translateY(-1px)}.subscribe{margin-top:16px}.subscribe-title{color:#0b0b0b;font-size:20px;font-weight:600;margin:0 0 12px}:root[data-theme=dark] .subscribe-title{color:#f9fafb}.subscribe-form{align-items:center;display:flex;gap:12px;width:100%}.subscribe-field{background:#fff;border:1px solid #1010100a;border-radius:28px;box-shadow:0 6px 18px #10101008;display:block;flex:1 1;padding:10px 16px}:root[data-theme=dark] .subscribe-field{background:#020617;border-color:#94a3b866;box-shadow:0 16px 40px #000c}.subscribe-field input{background:#0000;border:0;color:#222;font-size:14px;outline:0;width:100%}:root[data-theme=dark] .subscribe-field input{color:#e5e7eb}.send-btn{align-items:center;background:#f2645b;border:none;border-radius:999px;box-shadow:0 8px 22px #f2645b2e;cursor:pointer;display:inline-flex;height:44px;justify-content:center;transition:transform .14s ease,box-shadow .14s ease;width:44px}.send-btn:hover{transform:translateY(-3px)}:root[data-theme=dark] .send-btn{box-shadow:0 10px 26px #f871718c}.footer-bottom{grid-gap:12px;align-items:center;border-top:1px solid #10101005;color:#333;display:grid;font-size:13px;gap:12px;grid-template-columns:1fr auto auto;margin-left:auto;margin-right:auto;margin-top:18px;max-width:1180px;padding-top:14px}:root[data-theme=dark] .footer-bottom{border-top:1px solid #94a3b840;color:#9ca3af}.footer-bottom a{color:#333;opacity:.9;text-decoration:none}:root[data-theme=dark] .footer-bottom a{color:#e5e7eb;opacity:.9}@media (max-width:980px){.footer-top{gap:28px;grid-template-columns:1fr 1fr;padding-bottom:18px}.col-middle{order:3}.col-right{order:2}.footer-bottom{gap:8px;grid-template-columns:1fr;text-align:center}.footer-bottom .bottom-center,.footer-bottom .bottom-right{justify-self:center}}@media (max-width:620px){.footer-top{gap:20px;grid-template-columns:1fr;padding:22px 10px}.footer-logo{width:140px}.footer-desc{max-width:100%}.subscribe-form{flex-direction:row}.send-btn{height:44px;width:44px}}.hero{background:linear-gradient(to right,var(--bg-main) 0,var(--bg-secondary) 50%,var(--bg-main) 100%);min-height:70vh;padding-bottom:50px;z-index:0}.hero,.hero-content{display:flex;flex-direction:column;overflow:hidden;position:relative}.hero-content{align-items:center;justify-content:flex-start;padding:175px 20px 0;text-align:center;z-index:1}.hero-content:before{animation:spinBg 40s linear infinite;background-image:url(/static/media/background1.e67ac9837e3e9a2b15b0.png);background-position:50%;background-repeat:no-repeat;background-size:clamp(50%,63vw,63%);height:clamp(50vw,70vw,70vw);left:13%;max-width:1200px;opacity:.9;top:clamp(-2px,-15vh,-190px);transform:translateX(-50%);transform-origin:center center;width:clamp(50vw,70vw,70vw)}.hero-content:after,.hero-content:before{content:"";pointer-events:none;position:absolute;z-index:0}.hero-content:after{background:radial-gradient(950px 980px at 10% 20%,#89deff85,#0000 32%),radial-gradient(1150px 420px at 86% 72%,#c8e6ff85,#0000 32%),linear-gradient(180deg,#fff0f799,#f7f0fb59 40%,#f0faff00);filter:blur(44px);height:420px;left:-6%;right:-6%;top:10px;transform:translateZ(0);will-change:transform}.hero-content>*{position:relative;z-index:1}.hero-content h1{font-weight:600}.hero-content h1,.hero-content h2{color:var(--text-primary);font-family:Manrope,system-ui,sans-serif;font-size:clamp(28px,5.2vw,56px);letter-spacing:-.5px;line-height:1.05;margin:0 0 20px}.hero-content h2{font-weight:400}.hero-content p{color:var(--text-primary);font:normal normal normal 25px/45px Manrope;letter-spacing:0;opacity:1;padding-top:0;text-align:center}.gallery-section{align-items:center;display:flex;filter:blur(8px);justify-content:center;min-height:53vh;opacity:1;transform:translateY(40px) scale(.96);transition:opacity .9s ease-out,transform .9s cubic-bezier(.19,1,.22,1),filter .9s ease-out;will-change:transform,opacity,filter}.gallery-section.show{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}.gallery-stack{align-items:center;display:flex;height:220px;justify-content:center;position:relative;width:520px}.gallery-card{left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.95);transform-origin:center center;transition:transform .7s cubic-bezier(.16,1,.3,1),box-shadow .3s ease-out;will-change:transform,box-shadow}.gallery-card img{display:block;object-fit:cover}.gallery-card.card-1{transform:translate(-50%,-50%) rotate(-6deg) translateX(-18px) translateY(-12px) scale(.95);z-index:1}.gallery-card.card-2{transform:translate(-50%,-50%) rotate(6deg) translateX(0) translateY(-6px) scale(.96);z-index:2}.gallery-card.card-3{transform:translate(-50%,-50%) rotate(-3deg) translateX(18px) translateY(6px) scale(.97);z-index:3}.gallery-card.card-4{transform:translate(-50%,-50%) rotate(4deg) translateX(36px) translateY(12px) scale(.96);z-index:4}.gallery-card.card-5{transform:translate(-50%,-50%) rotate(-2deg) translateX(54px) translateY(4px) scale(.95);z-index:5}.gallery-card.card-6{transform:translate(-50%,-50%) rotate(2deg) translateX(72px) translateY(-10px) scale(.94);z-index:6}.gallery-section.show .card-1{transform:translate(-50%,-50%) rotate(-1deg) translateX(-360px) scale(1);transition-delay:.03s}.gallery-section.show .card-2{transform:translate(-50%,-57%) rotate(-4deg) translateX(-210px) scale(1);transition-delay:.06s}.gallery-section.show .card-3{transform:translate(-50%,-61%) rotate(-13deg) translateX(-80px) scale(1);transition-delay:.09s}.gallery-section.show .card-4{transform:translate(-50%,-50%) rotate(-3deg) translateX(60px) scale(1);transition-delay:.12s}.gallery-section.show .card-5{transform:translate(-50%,-55%) rotate(3deg) translateX(186px) scale(1);transition-delay:.15s}.gallery-section.show .card-6{transform:translate(-50%,-76%) rotate(16deg) translateX(302px) scale(1);transition-delay:.18s}@media (max-width:768px){.hero-content:before{left:19%;top:clamp(127px,-15vh,-190px)}}@media (max-width:1200px){.hero-content:before{left:5%;top:clamp(127px,-15vh,-190px);width:clamp(62vw,96vw,95vw)}}@media (min-width:1600px){.hero-content:before{left:19%;top:clamp(-183px,-15vh,-190px);width:clamp(54vw,88vw,88vw)}}@media screen and (max-width:768px){.hero-content{justify-content:flex-start;padding:48px 16px 12px}.hero-content:after{margin-left:0}.gallery-card img{height:180px;width:180px}}@media (max-width:480px){.hero-content{padding:60px 16px 0}.hero-content:before{left:19%;top:clamp(149px,-15vh,-190px)}.hero-content:after{background-position:center 50%;background-size:clamp(140px,80vw,480px);opacity:.38}.hero-content h1{font-size:clamp(22px,6.5vw,36px)}.hero-content h2{font-size:clamp(18px,5vw,28px)}.hero-content p{font-size:16px;line-height:26px;padding:18px 10px 30px}.gallery-section{min-height:200px;padding:20px 16px}.gallery-stack{height:140px;width:300px}.gallery-card{border-radius:6px;box-shadow:0 8px 18px #00000029}.gallery-card img{height:100px;width:70px}.gallery-section.show .card-1{transform:translate(-50%,-50%) rotate(-6deg) translateX(-120px) scale(1)}.gallery-section.show .card-2{transform:translate(-50%,-50%) rotate(-4deg) translateX(-70px) scale(1)}.gallery-section.show .card-3{transform:translate(-50%,-50%) rotate(-2deg) translateX(-30px) scale(1)}.gallery-section.show .card-4{transform:translate(-50%,-50%) rotate(2deg) translateX(30px) scale(1)}.gallery-section.show .card-5{transform:translate(-50%,-50%) rotate(4deg) translateX(70px) scale(1)}.gallery-section.show .card-6{transform:translate(-50%,-50%) rotate(6deg) translateX(120px) scale(1)}}@media (min-width:601px) and (max-width:768px){.hero-content{padding:100px 40px 0}.gallery-section{min-height:320px}}@media (min-width:769px) and (max-width:1024px){.gallery-section{min-height:380px}}@media (min-width:1025px) and (max-width:1200px){.hero-content{padding:140px 60px 0}.gallery-section{min-height:380px}}@media (min-width:1201px){.hero-content{padding:175px 80px 0}.gallery-section{min-height:450px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.gallery-card{box-shadow:0 clamp(6px,1vh,10px) clamp(20px,3vh,30px) #0003}}@media (max-height:500px) and (orientation:landscape){.hero{min-height:90vh}.hero-content{padding:40px 20px 0}.gallery-section{min-height:200px}}@media print{.gallery-section,.hero:after,.hero:before{display:none}}html[data-theme=dark] .hero{background:radial-gradient(circle at top,#020617 0,#020617 40%,#020617 100%)}html[data-theme=dark] .hero-content:before{filter:grayscale(1);opacity:.25}html[data-theme=dark] .hero-content:after{background:radial-gradient(950px 980px at 10% 20%,#2563eb66,#0000 32%),radial-gradient(1150px 420px at 86% 72%,#818cf859,#0000 32%),linear-gradient(180deg,#0f172ae6,#0f172a4d 40%,#0f172a00)}html[data-theme=dark] .hero-content h1,html[data-theme=dark] .hero-content h2,html[data-theme=dark] .hero-content p{color:#f9fafb!important}.family-section{background:linear-gradient(90deg,#fff 0,#f0f0ff 50%,#fdfeff);border-radius:16px;box-shadow:0 20px 50px #0a14280d;display:flex;flex-wrap:wrap;gap:60px;justify-content:flex-start;overflow:visible;padding:100px 10vw 160px;position:relative;width:100%;z-index:1}.family-section:before{background:radial-gradient(800px 280px at 18% 25%,#ffd2f059,#0000 70%),radial-gradient(900px 300px at 82% 75%,#c8e6ff59,#0000 70%),linear-gradient(180deg,#fff0f799,#f7f0fb66 50%,#f0faff00);content:"";filter:blur(38px);height:380px;left:0;pointer-events:none;position:absolute;top:-180px;transform:translateZ(0);width:100%;will-change:transform;z-index:0}.family-images,.family-text{position:relative;z-index:2}.family-text{flex:1 1;min-width:280px}.family-text h1{color:#000;font:normal normal 600 57px/71px Manrope;letter-spacing:0;line-height:1.39;margin:0 0 20px}@media (max-width:420px){.family-text h1{font-size:clamp(25px,6.5vw,36px);line-height:1.08}}.family-text p{color:#000;font-size:1.1rem;line-height:1.6;font:normal normal normal 29px/45px Manrope;letter-spacing:0;max-width:600px;opacity:1}.family-images{flex:1 1;min-width:280px;position:relative}.family-images img{height:250px;object-fit:cover;position:absolute;transition:all .6s ease-in-out}.family-images.album .card-1{transform:rotate(-6deg) translate(-20px,-15px) scale(.9);z-index:1}.family-images.album .card-2{transform:rotate(6deg) translate(20px,-10px) scale(.9);z-index:2}.family-images.album .card-3{transform:rotate(-3deg) translate(10px,20px) scale(.9);z-index:3}.family-images.album .card-4{transform:rotate(4deg) translate(-10px,25px) scale(.9);z-index:4}.family-images.album .card-5{transform:rotate(2deg) translate(15px,35px) scale(.9);z-index:5}.family-images.stair .card-1{transform:translate(0);z-index:1}.family-images.stair .card-2{transform:translate(100px,100px);z-index:2}.family-images.stair .card-3{transform:translate(200px,200px);z-index:3}.family-images.stair .card-4{transform:translate(300px,300px);z-index:4}.family-images.stair .card-5{transform:translate(400px,400px);z-index:5}@media (max-width:992px){.family-section{flex-direction:column;padding:40px 20px 347px}.family-images{margin-top:30px}.family-images img{height:130px;width:100px}.family-images.stair .card-2{transform:translate(40px,90px)}.family-images.stair .card-3{transform:translate(80px,180px)}.family-images.stair .card-4{transform:translate(120px,270px)}.family-images.stair .card-5{transform:translate(160px,360px)}}@media (max-width:576px){.family-images.stair .card-1{transform:translate(0)}.family-images.stair .card-2{transform:translate(40px,40px)}.family-images.stair .card-3{transform:translate(80px,80px)}.family-images.stair .card-4{transform:translate(120px,120px)}.family-images.stair .card-5{transform:translate(160px,160px)}.family-images img{height:110px;width:90px}}.family-bottom{margin:100px 0 60px;position:relative;text-align:center;width:100%;z-index:2}.family-bottom h2{color:#222;font-size:2.5rem;font-weight:700;margin-bottom:30px}.family-bottom-img{border-radius:20px;box-shadow:0 6px 18px #0003;display:block;height:479px;margin:0 auto;max-width:100%;object-fit:cover;width:1267px}.family-buttons{align-items:center;display:flex;gap:16px;margin-top:20px}.icon-logout{display:block;height:24px;width:24px}.login-icon-btn{align-items:center;background:#ff4b4b;border:none;border-radius:50%;box-shadow:0 6px 18px #ff4b4b59;color:#fff;cursor:pointer;display:flex;height:52px;justify-content:center;transition:all .3s ease;width:52px}.login-icon-btn:hover{background:#ff3030;box-shadow:0 8px 20px #ff4b4b73;transform:translateY(-2px)}.signin-btn{background:#007bff;border:none;border-radius:50px;box-shadow:0 4px 12px #007bff4d;color:#fff;cursor:pointer;font-size:17px;font-weight:600;padding:12px 28px;transition:all .3s ease}.signin-btn:hover{background:#1e7e34}@media (max-width:576px){.family-buttons{justify-content:center}.signin-btn{font-size:15px;padding:10px 24px}.login-icon-btn{font-size:18px;height:44px;width:44px}}.container{margin:0 auto;max-width:1301px;padding:48px 20px}.hero-section{background:linear-gradient(to right,var(--bg-main) 0,var(--bg-secondary) 50%,var(--bg-main) 100%);overflow:visible;padding-bottom:160px;padding-top:40px;position:relative;z-index:1}.hero-section:after{background:radial-gradient(950px 380px at 14% 28%,#ffc8e685,#0000 32%),radial-gradient(1150px 420px at 86% 72%,#c8e6ff85,#0000 32%),linear-gradient(180deg,#fff0f799,#f7f0fb59 40%,#f0faff00);bottom:-160px;height:420px;z-index:0}.hero-section:after,.hero-section:before{content:"";filter:blur(44px);left:-6%;pointer-events:none;position:absolute;right:-6%;transform:translateZ(0);will-change:transform}.hero-section:before{background:radial-gradient(950px 980px at 10% 20%,#89deff85,#0000 32%),radial-gradient(1150px 420px at 86% 72%,#c8e6ff85,#0000 32%),linear-gradient(180deg,#fff0f799,#f7f0fb59 40%,#f0faff00);height:920px;top:10px;z-index:-1}.hero-columns{align-items:stretch;display:flex;flex-direction:column;gap:18px}.hero-left .eyebrow,.hero-left .hero-title{color:var(--text-primary);font-family:Manrope,system-ui,sans-serif;font-size:clamp(28px,5.2vw,56px);font-weight:600;letter-spacing:-.5px;line-height:1.05;margin:0 0 20px}.hero-image-wrap{align-items:center;display:flex;justify-content:flex-start;min-height:180px;padding-left:0;position:relative}.hero-image{border:6px solid #fff;border-radius:20px;box-shadow:0 18px 40px #07122a1f;display:block;height:auto;margin-left:0;object-fit:cover;width:100%}.avatar{border:4px solid #fff;box-shadow:0 6px 18px #07122a29;height:58px;overflow:hidden;position:absolute;width:58px}.avatar img{height:100%;object-fit:cover;width:100%}.avatar-1{right:64px;top:26px}.avatar-1,.avatar-2{transform:translateY(-10%)}.avatar-2{right:18px;top:-8px}.hero-sub{margin-top:34px;text-align:left}.sub-title{color:var(--text-primary);font:normal normal 600 55px/89px Manrope;font-family:Manrope,system-ui,sans-serif;font-size:clamp(28px,5.2vw,50px);font-weight:600;letter-spacing:2px;line-height:1.05;margin-top:90px}.features-grid{grid-column-gap:100px;grid-row-gap:28px;--row-inset:56px;column-gap:100px;display:grid;grid-template-columns:repeat(3,-webkit-max-content);grid-template-columns:repeat(3,max-content);justify-content:center;list-style:none;margin:40px auto 0;padding:0;row-gap:28px}.features-grid .feature{opacity:0;transform:translateY(40px);will-change:transform,opacity}.features-grid.is-visible .feature{animation:featureRiseUp .7s cubic-bezier(.22,.61,.36,1) forwards}.features-grid.is-visible .feature:nth-child(2){animation-delay:.06s}.features-grid.is-visible .feature:nth-child(3){animation-delay:.12s}.features-grid.is-visible .feature:nth-child(4){animation-delay:.18s}.features-grid.is-visible .feature:nth-child(5){animation-delay:.24s}.features-grid.is-visible .feature:nth-child(6){animation-delay:.3s}@keyframes featureRiseUp{0%{opacity:0;transform:translateY(40px) scale(.98)}60%{opacity:1;transform:translateY(-4px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}.feature{grid-column-gap:14px;align-items:center;column-gap:14px;display:grid;grid-auto-flow:column;grid-template-columns:48px auto;width:-webkit-max-content;width:max-content}.feature-icon-wrap{background:#ff44550f;border-radius:12px;box-shadow:0 6px 18px #07122a08;display:grid;height:48px;min-height:48px;min-width:48px;place-items:center;width:48px}.feature-icon-wrap img{height:22px;object-fit:contain;width:22px}.feature-title{color:var(--text-primary);font:700 20px/1.2 Manrope,system-ui,sans-serif;white-space:nowrap}.features-grid .feature:nth-child(4){margin-left:var(--row-inset)}.features-grid .feature:nth-child(6){margin-right:var(--row-inset)}@media (max-width:1100px){.features-grid{--row-inset:36px;column-gap:80px}}@media (max-width:900px){.features-grid{column-gap:56px;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content)}.features-grid .feature:nth-child(4),.features-grid .feature:nth-child(6){margin:0}}@media (max-width:520px){.features-grid{grid-template-columns:1fr;justify-items:start;row-gap:16px}.features-grid .feature:nth-child(4),.features-grid .feature:nth-child(6){margin:0}.feature{grid-template-columns:44px auto}.feature-icon-wrap{border-radius:10px;height:44px;width:44px}.feature-title{font-size:16px;white-space:normal}}.final-note{overflow:hidden;position:relative}.final-note:before{animation:spinBg 40s linear infinite;background-position:50%;background-repeat:no-repeat;background-size:63%;content:"";height:100%;left:254px;position:absolute;top:25px;transform-origin:center center;width:100%;z-index:-1}.cta-row{align-items:center;display:inline-flex;gap:12px;justify-content:center;margin:18px auto 50px;position:relative;width:100%;z-index:3}.cta-icon-btn{background:#f04d4b;border:none;border-radius:50%;box-shadow:0 6px 18px #ff64781f;cursor:pointer;display:inline-grid;height:36px;padding:0;place-items:center;transition:transform .18s ease,box-shadow .18s ease;width:36px}.cta-icon-btn svg{display:block;height:18px;width:18px}.cta-icon-btn:hover{box-shadow:0 10px 24px #ff647824;transform:translateY(-3px)}.cta-btn{background:linear-gradient(90deg,#0b84ff,#1a9cff);border:none;border-radius:999px;box-shadow:0 8px 20px #0a78ff1f;color:#fff;cursor:pointer;font-family:Manrope,system-ui,sans-serif;font-size:14px;font-weight:700;padding:8px 20px;transition:transform .18s ease,box-shadow .18s ease,opacity .12s ease}.cta-btn a{text-decoration:none}.cta-btn:hover{box-shadow:0 12px 28px #0a78ff24;opacity:.98;transform:translateY(-3px)}.cta-btn:active{transform:translateY(-1px)}@media (max-width:480px){.cta-row{gap:10px;margin:14px auto 34px}.cta-icon-btn{height:32px;width:32px}.cta-btn{font-size:13px;padding:7px 16px}}.final-note{color:var(--text-primary);font:normal normal 900 51px/89px Manrope;letter-spacing:0;margin:36px auto 24px;max-width:1200px;opacity:.54;text-align:center}@media (max-width:900px){.final-note{font:normal normal 800 30px/56px Manrope;margin:28px auto 18px}}@media (max-width:480px){.final-note{font:normal normal 700 20px/28px Manrope;margin:20px 14px;opacity:.6}}.family-section-wrap{padding:80px 0 40px}.family-images-wrap{height:340px;margin:0 auto;max-width:980px;pointer-events:none;position:relative}.family-card{border-radius:24px;box-shadow:0 18px 45px #0f172a40;overflow:hidden;position:absolute;transform-origin:center center;transition:transform 1.9s cubic-bezier(.22,.61,.36,1),opacity .6s ease-out,box-shadow .6s ease-out,filter .6s ease-out;width:260px}.family-card-2{transition-delay:.05s}.family-card-3{transition-delay:.1s}.family-card-4{transition-delay:.15s}.family-card-5{transition-delay:.2s}.family-card-6{transition-delay:.25s}.family-card-7{transition-delay:.3s}.family-images-wrap.family-album .family-card-1{transform:translate3d(-320px,-40px,0) rotate(-7deg) scale(.96)}.family-images-wrap.family-album .family-card-2{transform:translate3d(-180px,-10px,0) rotate(-3deg) scale(.98)}.family-images-wrap.family-album .family-card-3{transform:translate3d(-20px,10px,0) rotate(0deg) scale(1)}.family-images-wrap.family-album .family-card-4{transform:translate3d(160px,10px,0) rotate(2deg) scale(.99)}.family-images-wrap.family-album .family-card-5{transform:translate3d(320px,0,0) rotate(5deg) scale(.97)}.family-images-wrap.family-album .family-card-6{transform:translate3d(480px,10px,0) rotate(7deg) scale(.96)}.family-images-wrap.family-album .family-card-7{transform:translate3d(640px,20px,0) rotate(9deg) scale(.95)}.family-images-wrap.family-stair .family-card-1{transform:translate3d(-320px,-30px,0) rotate(-3deg) scale(.98)}.family-images-wrap.family-stair .family-card-2{transform:translate3d(-180px,0,0) rotate(-1deg) scale(1)}.family-images-wrap.family-stair .family-card-3{transform:translate3d(-20px,20px,0) rotate(0deg) scale(1.01)}.family-images-wrap.family-stair .family-card-4{transform:translate3d(160px,40px,0) rotate(1deg) scale(1.01)}.family-images-wrap.family-stair .family-card-5{transform:translate3d(320px,60px,0) rotate(2deg) scale(1)}.family-images-wrap.family-stair .family-card-6{transform:translate3d(480px,80px,0) rotate(3deg) scale(.99)}.family-images-wrap.family-stair .family-card-7{transform:translate3d(640px,100px,0) rotate(4deg) scale(.98)}.family-images-wrap.family-album .family-card-1{transform:rotate(-6deg) translate(-20px,-15px) scale(.9);z-index:1}.family-images-wrap.family-album .family-card-2{transform:rotate(6deg) translate(20px,-10px) scale(.9);z-index:2}.family-images-wrap.family-album .family-card-3{transform:rotate(-3deg) translate(10px,20px) scale(.9);z-index:3}.family-images-wrap.family-album .family-card-4{transform:rotate(4deg) translate(-10px,25px) scale(.9);z-index:4}.family-images-wrap.family-album .family-card-5{transform:rotate(2deg) translate(15px,35px) scale(.9);z-index:5}.family-images-wrap.family-album .family-card-6{transform:rotate(-5deg) translate(-15px,50px) scale(.9);z-index:6}.family-images-wrap.family-album .family-card-7{transform:rotate(7deg) translate(20px,60px) scale(.9);z-index:7}.family-images-wrap.family-stair .family-card-1{transform:translate(0);z-index:1}.family-images-wrap.family-stair .family-card-2{transform:translate(186px,73px);z-index:2}.family-images-wrap.family-stair .family-card-3{transform:translate(340px,143px);z-index:3}.family-images-wrap.family-stair .family-card-4{transform:translate(492px,222px);z-index:4}.family-images-wrap.family-stair .family-card-5{transform:translate(639px,296px);z-index:5}.family-images-wrap.family-stair .family-card-6{transform:translate(790px,374px);z-index:6}.family-images-wrap.family-stair .family-card-7{transform:translate(948px,430px);z-index:7}@media (max-width:992px){.family-section-wrap{flex-direction:column;padding:40px 20px}.family-images-wrap{height:420px;margin-top:30px}.family-card{height:130px;width:100px}.family-images-wrap.family-stair .family-card-2{transform:translate(40px,90px)}.family-images-wrap.family-stair .family-card-3{transform:translate(80px,180px)}.family-images-wrap.family-stair .family-card-4{transform:translate(120px,270px)}.family-images-wrap.family-stair .family-card-5{transform:translate(160px,360px)}.family-images-wrap.family-stair .family-card-6{transform:translate(200px,450px)}.family-images-wrap.family-stair .family-card-7{transform:translate(240px,540px)}}@media (max-width:576px){.family-images-wrap.family-stair .family-card-1{transform:translate(0)}.family-images-wrap.family-stair .family-card-2{transform:translate(40px,40px)}.family-images-wrap.family-stair .family-card-3{transform:translate(80px,80px)}.family-images-wrap.family-stair .family-card-4{transform:translate(120px,120px)}.family-images-wrap.family-stair .family-card-5{transform:translate(160px,160px)}.family-images-wrap.family-stair .family-card-6{transform:translate(200px,200px)}.family-images-wrap.family-stair .family-card-7{transform:translate(240px,240px)}.family-card{height:110px;width:90px}}.memory-section{background:linear-gradient(to right,var(--bg-main) 0,var(--bg-secondary) 50%,var(--bg-main) 100%);background-blend-mode:normal;overflow:visible;padding:0;position:relative}.memory-section:after{background:radial-gradient(950px 980px at 10% 20%,#89deff85,#0000 32%),radial-gradient(1150px 420px at 86% 72%,#c8e6ff85,#0000 32%),linear-gradient(180deg,#fff0f799,#f7f0fb59 40%,#f0faff00);content:"";filter:blur(44px);height:420px;left:1600px;pointer-events:none;position:absolute;right:-10px;top:10px;transform:translateZ(0);will-change:transform;z-index:1}.memory-inner{margin:auto;max-width:1499px;padding:130px 50px}.memory-grid{grid-gap:36px;align-items:center;display:grid;gap:36px;grid-template-columns:1fr auto}.memory-left .memory-eyebrow{color:var(--text-secondary);font-size:18px;font-weight:600;margin-bottom:6px}.memory-left .memory-title{font-feature-settings:normal;color:var(--text-primary);font-family:Manrope,sans-serif;font-size:50px;font-style:normal;font-variant:normal;font-weight:600;line-height:74px}.memory-desc{color:var(--text-primary);font:normal normal normal 29px/37px Manrope;margin-top:46px}.memory-list{list-style:none;margin:3pc 0 0;padding:0}.memory-list li{color:var(--text-primary);font:normal normal normal 25px/25px Manrope;margin:12px 0;padding-left:28px;position:relative}.memory-list li:before{background:#ff6b6b;border-radius:50%;content:"";height:12px;left:0;position:absolute;top:6px;width:12px}.memory-right{align-items:center;display:flex;justify-content:flex-end;margin:0;padding:0;width:100%}.memory-title-animated{overflow:hidden;position:relative}.memory-title-line{display:inline-block;filter:blur(6px);opacity:0;transform:translateY(40px);will-change:transform,opacity,filter}.memory-title-animated.is-visible .memory-title-line{animation:memoryTextRiseUp .9s cubic-bezier(.22,.61,.36,1) forwards}.memory-title-animated.is-visible .memory-title-line.line-2{animation-delay:.12s}@keyframes memoryTextRiseUp{0%{filter:blur(6px);opacity:0;transform:translateY(40px)}60%{filter:blur(0);opacity:1;transform:translateY(-4px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.storage-shape{border-radius:20px;max-width:none;overflow:visible;padding:18px;position:relative;width:100%}.storage-shape .storage-tab{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000 linear-gradient(185deg,#ff90f8,#c971c4 9%,#9a5796 17%,#713f6e 26%,#4e264c 36%,#311c30 46%,#1b0f1a 56%,#0c060b 68%,#020102 81%,#050505) 0 0 no-repeat padding-box;border-radius:16px;color:#fff;left:42px;padding:9px 23px;position:absolute;top:24px;transform:translateY(-6px)}.storage-tab{font-size:34px;font-weight:600}@media screen and (max-width:480px){.storage-shape .storage-tab{width:120px}.storage-tab{font-size:20px}}@media screen and (max-width:340px){.storage-shape .storage-tab{width:100px}.storage-tab{font-size:15px}}.memory-card{align-items:center;border-radius:20px;display:flex;justify-content:center;max-width:none;overflow:hidden;padding:14px;width:100%}.memory-collage{display:block;height:auto;max-height:520px;object-fit:cover;width:100%}@media (max-width:1100px){.memory-grid{gap:28px;grid-template-columns:1fr 420px}}@media (max-width:880px){.memory-grid{grid-template-columns:1fr;text-align:left}.memory-right{margin-top:24px}.storage-shape{max-width:100%}}@media (max-width:576px){.memory-left .memory-title{font-size:28px}.memory-left .memory-desc{font-size:14px}.memory-list li{font-size:14px;padding-left:26px}.memory-collage{max-height:220px}}.decor-circles{position:relative;z-index:0}.decor-circles:after,.decor-circles:before{--scale:1;animation:spin 40s linear infinite;background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:1020px;opacity:.35;pointer-events:none;position:absolute;transform-origin:center center;width:1020px;will-change:transform;z-index:0}.decor-circles:before{--scale:1;background-image:url(/static/media/green-circle-bg.0f5ee89f4267d77eb69e.svg);left:-680px;opacity:.9;top:0}.decor-circles:after{--scale:0.9;animation:spin 50s linear infinite reverse;background-image:url(/static/media/bg-circle.9b4b6f7868916be99fb2.svg);opacity:.9;right:-480px;top:-460px}@media (max-width:1100px){.decor-circles:after,.decor-circles:before{height:620px;width:620px}.decor-circles:before{left:-140px;top:160px}.decor-circles:after{right:-160px;top:-40px}}@media (max-width:680px){.decor-circles:after,.decor-circles:before{height:420px;opacity:.18;width:420px}.decor-circles:before{left:-120px;top:120px}.decor-circles:after{right:-120px;top:-20px}}@media (max-width:480px){.decor-circles:after,.decor-circles:before{display:none}}html[data-theme=dark] .hero-section,html[data-theme=dark] .memory-section{background:radial-gradient(circle at top,#020617 0,#020617 40%,#020617 100%)}html[data-theme=dark] .hero-section:after,html[data-theme=dark] .hero-section:before,html[data-theme=dark] .memory-section:after{background:radial-gradient(900px 900px at 10% 20%,#2563eb66,#0000 32%),radial-gradient(900px 400px at 80% 70%,#818cf859,#0000 32%),linear-gradient(180deg,#0f172ae6,#0f172a4d 40%,#0f172a00);filter:blur(44px)}html[data-theme=dark] .decor-circles:after,html[data-theme=dark] .decor-circles:before{filter:grayscale(1);opacity:.25}html[data-theme=dark] .feature-title,html[data-theme=dark] .final-note,html[data-theme=dark] .hero-left .eyebrow,html[data-theme=dark] .hero-left .hero-title,html[data-theme=dark] .hero-left p,html[data-theme=dark] .memory-desc,html[data-theme=dark] .memory-left .memory-eyebrow,html[data-theme=dark] .memory-left .memory-title,html[data-theme=dark] .memory-list li,html[data-theme=dark] .sub-title{color:#f9fafb!important}html[data-theme=dark] .final-note{opacity:.8}.wrapper{margin:3% 0 0 30px;overflow:hidden}h1{color:#505ede;font-size:59px;letter-spacing:-3px;line-height:1;margin:0 0 0 10px;padding:0}p{color:#000;font-size:1rem;font-weight:700;margin:0 0 0 20px}.family-tree-visualization{background:linear-gradient(to right,var(--bg-main) 0,var(--bg-secondary) 50%,var(--bg-main) 100%);display:block;height:100vh;overflow:hidden;width:100%}@media screen and (max-width:768px){.family-tree-visualization{height:70vh}}.family-tree-content-overlay{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;padding:2rem;pointer-events:auto;position:absolute;text-align:center;z-index:29}.family-tree-main-title{color:var(--text-primary);font-size:3rem;font-weight:700;margin:0}.family-tree-subtitle{color:var(--text-primary);font-size:2.4rem;margin-top:8px}.family-tree-marquee-track{align-items:stretch;animation:familyTreeMarqueeShift linear infinite;animation-duration:28s;animation-timing-function:linear;background-position:50%;background-repeat:repeat;background-size:cover;display:flex;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:180%;z-index:20}.family-tree-marquee-group{flex:0 0 50%;height:100%;position:relative;width:50%}.family-tree-connection-line,.family-tree-member{position:absolute;z-index:10}.family-tree-member{pointer-events:auto;transform:translate(-50%,-50%);transition:transform .18s ease}.family-tree-member--generation-1,.family-tree-member--generation-2{z-index:11}.family-tree-image-wrapper{background:var(--bg-card);border:3px solid #fffffff2;border-radius:14px;box-shadow:0 12px 28px #0206171f;height:150px;overflow:hidden;position:relative;transition:transform .16s ease,box-shadow .16s ease;width:150px;z-index:11}.family-tree-member:hover .family-tree-image-wrapper{box-shadow:0 22px 40px #0206172e;transform:scale(1.08)}.family-tree-image-wrapper img{-webkit-user-drag:none;display:block;height:100%;object-fit:cover;width:100%}@keyframes familyTreeMarqueeShift{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.family-tree-marquee-track:hover{animation-play-state:paused}@media (max-width:1024px){.family-tree-main-title{font-size:2.2rem}.family-tree-image-wrapper{border-radius:12px;height:64px;width:64px}.family-tree-marquee-track{animation-duration:36s}}@media (max-width:480px){.family-tree-main-title{font-size:1.5rem}.family-tree-image-wrapper{height:48px;width:48px}.family-tree-marquee-track{animation-duration:44s}}@media (prefers-reduced-motion:reduce){.family-tree-marquee-track{animation:none!important;transform:translateX(0)!important}.family-tree-image-wrapper,.family-tree-member{transition:none!important}}html[data-theme=dark] .family-tree-visualization{background:radial-gradient(circle at top,#020617 0,#020617 40%,#020617 100%)}html[data-theme=dark] .family-tree-image-wrapper{border-color:#f8fafce6;box-shadow:0 18px 40px #000000b3}html[data-theme=dark] .family-tree-main-title,html[data-theme=dark] .family-tree-subtitle{color:#f9fafb}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-main);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0}:root{--max-width:1300px;--side-gutter:clamp(16px,4vw,24px);--page-padding-vertical:clamp(40px,8vh,64px);--radius-lg:clamp(16px,2vw,20px);--card-blur:clamp(15px,2.5vw,20px);--shadow-lg:0 clamp(12px,2vh,18px) clamp(25px,4vh,40px) #10182814;--visual-width:clamp(320px,46vw,720px);--visual-overlap:clamp(80px,12vw,140px);--frost-width:clamp(80px,13vw,220px);--frost-left:clamp(6%,10vw,14%);--frost-top:clamp(12px,2vh,18px);--frost-radius:clamp(16px,2.5vw,22px);--frost-blur:clamp(20px,4vw,35px);--overlap-percent:0.3}.about-page-wrapper{background:linear-gradient(to right,var(--bg-main) 0,var(--bg-secondary) 50%,var(--bg-main) 100%)}.about123{overflow:visible;padding:clamp(40px,8vh,64px) 0;padding:var(--page-padding-vertical) 0;position:relative}.about123:after{background:radial-gradient(950px 980px at 10% 20%,#89deff85,#0000 32%),radial-gradient(1150px 420px at 86% 72%,#c8e6ff85,#0000 32%),linear-gradient(180deg,#fff0f799,#f7f0fb59 40%,#f0faff00);filter:blur(44px);height:420px;left:-6%;right:-6%;top:10px;transform:translateZ(0);will-change:transform;z-index:0}.about123:after,.about123:before{content:"";pointer-events:none;position:absolute}.about123:before{animation:spinBg 40s linear infinite;background-image:url(/static/media/background1.e67ac9837e3e9a2b15b0.png);background-position:50%;background-repeat:no-repeat;background-size:clamp(50%,63vw,63%);height:clamp(50vw,70vw,70vw);left:13%;max-width:1200px;opacity:.9;top:clamp(-120px,-15vh,-190px);transform:translateX(-50%);transform-origin:center center;width:clamp(50vw,70vw,70vw);z-index:2}.aboutHeading123{margin:0 auto clamp(16px,3vh,20px);max-width:1300px;max-width:var(--max-width);padding-left:100px}.aboutHeading123 h1{color:#000;font-size:clamp(1.6rem,2.6vw,2.4rem);font-weight:700;line-height:1.05;margin:0;position:relative;z-index:5}.aboutContainer123{align-items:center;display:flex;gap:clamp(20px,4vw,28px);justify-content:center;margin:0 auto;max-width:1300px;max-width:var(--max-width);overflow:visible;padding-left:clamp(16px,4vw,24px);padding-left:var(--side-gutter);padding-right:clamp(16px,4vw,24px);padding-right:var(--side-gutter);position:relative}.decor-dots,.decor-swoosh{opacity:.12;pointer-events:none;position:absolute;z-index:0}.visual-wrap{align-items:center;display:flex;gap:0;justify-content:center;margin:0 auto;width:-webkit-fit-content;width:fit-content}.aboutBox123,.visual-wrap{overflow:visible;position:relative}.aboutBox123{-webkit-backdrop-filter:blur(clamp(15px,2.5vw,20px)) saturate(1.1) brightness(1.05);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(1.1) brightness(1.05);backdrop-filter:blur(clamp(15px,2.5vw,20px)) saturate(.9) brightness(1.1);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(.9) brightness(1.1);backdrop-filter:blur(var(--card-blur)) saturate(.9) brightness(1.1);background:#ffffffe6;background-clip:padding-box;border-radius:clamp(16px,2vw,20px);border-radius:var(--radius-lg);box-shadow:0 clamp(6px,1vh,8px) clamp(20px,4vh,32px) #1018281f,0 clamp(3px,.5vh,4px) clamp(12px,2vh,16px) #10182814,inset 0 1px 0 #fff9;display:block;margin-right:calc(clamp(320px, 46vw, 720px)*-1*.3);margin-right:calc(var(--visual-width)*-1*var(--overlap-percent));padding:clamp(28px,4.6vw,56px);width:min(680px,56%);z-index:5!important}.aboutBox123:before{background:radial-gradient(circle at 18% 28%,#ffb4501f,#f05a5a14,#2896c80a);filter:blur(clamp(30px,6vw,48px));height:120%;right:-12%;top:-6%;width:220%;z-index:0}.aboutBox123:after,.aboutBox123:before{content:"";pointer-events:none;position:absolute}.aboutBox123:after{background:linear-gradient(90deg,#ffc87d00,#ffb45014 25%,#ff8c2829 52%,#ff6e281f 68%,#fff0);border-radius:clamp(12px,2vw,14px);filter:blur(clamp(15px,3vw,20px));height:88%;right:6%;top:6%;width:38%;z-index:1}.aboutBox-inner{position:relative;z-index:2}.aboutBox123 h2{color:var(--text-primary);font-size:clamp(1.05rem,1.5vw,1.5rem);font-weight:700;line-height:1.05;margin:0 0 clamp(8px,1.5vh,12px)}.aboutBox123 p{color:var(--text-secondary);font-size:clamp(.95rem,1.12vw,1rem);font-weight:500;line-height:1.6;margin:0 0 clamp(10px,2vh,14px)}.aboutBox123 .card-accent{background:linear-gradient(180deg,#ffb45e,#ff7b61);border-radius:50%;box-shadow:0 0 8px #ffb45e99;height:clamp(6px,1vw,8px);left:clamp(14px,2vw,18px);top:clamp(14px,2vw,18px);width:clamp(6px,1vw,8px)}.aboutBox123 .card-accent,.dashed-path{pointer-events:none;position:absolute;z-index:3}.aboutImage123{align-items:center;background:#fff;border-radius:clamp(16px,2vw,20px);border-radius:var(--radius-lg);box-shadow:0 clamp(12px,2vh,18px) clamp(25px,4vh,40px) #10182814;box-shadow:var(--shadow-lg);display:flex;flex:0 0 clamp(320px,46vw,720px);flex:0 0 var(--visual-width);justify-content:center;max-width:clamp(320px,46vw,720px);max-width:var(--visual-width);min-height:clamp(250px,40vh,320px);overflow:hidden;position:relative;top:clamp(24px,6vh,56px);width:clamp(320px,46vw,720px);width:var(--visual-width)}.aboutImage123 img{display:block;height:100%;object-fit:cover;transform:scale(1.02);transform-origin:center;width:100%}.aboutImage123 .image-warm-overlay{background:linear-gradient(90deg,#ffb04029,#ff6e280f 50%,#fff0);height:100%;mix-blend-mode:multiply;pointer-events:none;position:absolute;right:0;top:0;width:44%;z-index:4}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.aboutBox123{background:linear-gradient(90deg,#ffffffeb,#fffaf5e0 30%,#fff0e1d9 58%,#ffe1bed1)}.aboutImage123:before{background:linear-gradient(180deg,#ffffffb8,#ffffff75 40%,#ffffff1f 75%,#fff0);filter:contrast(1.02) saturate(1.02)}.aboutImage123 img{filter:blur(2px)}}.aboutBox123[role=complementary]{outline:none}.howSection{align-items:center;background:linear-gradient(to right,var(--bg-main) 0,var(--bg-secondary) 50%,var(--bg-main) 100%);display:flex;flex-direction:column;overflow:hidden;padding:clamp(40px,8vh,64px) clamp(16px,4vw,20px) clamp(80px,15vh,160px);position:relative;width:100%}.howSection:before{animation:spinBg 40s linear infinite;background-image:url(/static/media/background1.e67ac9837e3e9a2b15b0.png);background-position:50%;background-repeat:no-repeat;background-size:clamp(25%,35vw,35%);content:"";height:100%;left:0;position:absolute;top:clamp(150px,25vh,240px);transform-origin:center center;width:100%;z-index:-1}.howHeading{margin-bottom:clamp(16px,3vh,20px);max-width:1200px;padding:0 clamp(12px,3.5vw,36px);text-align:center;width:100%;z-index:3}.howHeading h1{color:var(--text-primary);font-size:65px;font-weight:500;margin-top:60px}.howHeading h1,.howSubtitle{line-height:clamp(1.1,1.2,1.3)}.howSubtitle{color:var(--text-secondary);font-size:clamp(1.2rem,4vw,3.24rem);font-weight:400;margin:clamp(6px,1vh,8px) 0 0;opacity:.95}:root[data-theme=dark] .howSection{background:radial-gradient(circle at top,#020617 0,#020617 40%,#020617 100%)}.howGrid{grid-gap:clamp(18px,3vw,24px);align-items:stretch;display:grid;gap:clamp(18px,3vw,24px);grid-template-areas:"step1 step2" "step3 step4" "step3 step5";grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;margin-top:clamp(14px,2vh,18px);max-width:1200px;padding:0 clamp(12px,3.5vw,36px);perspective:1400px;width:100%}.howBox--step1{grid-area:step1}.howBox--step2{grid-area:step2}.howBox--step3{grid-area:step3}.howBox--step4{grid-area:step4}.howBox--step5{grid-area:step5}.howBox{align-items:center;background:linear-gradient(135deg,#6aa8ff,#5b6bff);border-radius:clamp(16px,2vw,20px);border-radius:var(--radius-lg);box-shadow:0 clamp(12px,2vh,18px) clamp(25px,4vh,40px) #10182814;box-shadow:var(--shadow-lg);color:#fff;display:flex;justify-content:flex-start;min-height:clamp(120px,15vh,150px);opacity:0;overflow:hidden;padding:clamp(18px,2.3vw,28px);position:relative;transform:translate3d(0,40px,0) rotateY(-26deg);transform:translate3d(var(--fromX,0),var(--fromY,40px),0) rotateY(var(--fromRotY,-26deg));transform-origin:center center;transition:transform .85s cubic-bezier(.22,.61,.36,1),opacity .85s ease-out,box-shadow .3s ease;transition-delay:0ms;transition-delay:var(--delay,0ms)}.howBox.is-visible{opacity:1;transform:translateZ(0) rotateY(0deg)}.howBox--small{min-height:clamp(150px,22vh,210px)}.howBox--large{align-items:flex-end;border-radius:clamp(16px,2vw,20px);border-radius:var(--radius-lg);box-shadow:0 clamp(18px,3vh,26px) clamp(40px,6vh,60px) #08142824;display:flex;justify-content:flex-start;padding:clamp(28px,4vw,42px) clamp(24px,3.5vw,38px)}.howBox.is-visible:hover{box-shadow:0 clamp(20px,3.5vh,28px) clamp(45px,7vh,65px) #08142838;transform:translate3d(0,-4px,0) rotateY(0deg)}.howBox__content h3{color:#fff;font-size:clamp(1.2rem,3.8vw,2.2rem);letter-spacing:-.01em;line-height:1.02;margin:0}.howBox__content h3,.howBox__number{font-weight:800;text-shadow:0 clamp(4px,1vh,6px) clamp(12px,2vh,18px) #0000002e}.howBox__number{bottom:clamp(8px,1.5vh,12px);color:#fffffffa;font-size:clamp(3rem,8vw,5rem);position:absolute;right:clamp(14px,2.5vw,28px);z-index:2}.howBox--step1{background-image:linear-gradient(#04122829,#0412281a),url(/static/media/Mask%20Group%209.08fcb63fa6c390afa0c2.png)}.howBox--step1,.howBox--step2{background-position:50%;background-repeat:no-repeat;background-size:cover}.howBox--step2{background-image:linear-gradient(#04122829,#0412281a),url(/static/media/Mask%20Group%2011.89cc72379b6a1f288cbe.png)}.howBox--step3{background-image:url(/static/media/Mask%20Group%2012@2x.2072ac6c77cb4b05afe9.png)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;color:#fff!important;overflow:hidden;position:relative}.howBox--step3:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPgAAADeCAYAAAAQJM0gAAAABHNCSVQICAgIfAhkiAAAC3xJREFUeF7tneFxFEcQRn0RmAysDFAGyJFYIeAIEBGYEMiEIwOcAY4EtyhcBRalnt6Z6elv9qlKv7Zvpvd9/W73rOV8+WI/v9T/+Xi5XO4y2jQcD7bPm4y9Ovf43ZhcO9doejkz8iMmlRmx+bhcCE8zPOsawX+MjovA/96uEfwn1y+Vd2cEfxIegiO4f0eK4E8ZcZeneZfHFZwruP+OZxUIjuBNg9JRxO3XU3h8Bucz+LNKcQXnCt70nssVnCt406B0FHEF5wrujQ8zwn9k82bk6+fNB6vi7+DfoeIKzhXcN6evgndnruDeBDEjXMG9GeEK/jNCXMG5gvvm9FXw7swV3JsgZoQruDcjXMG5gu8zI/yZjD+T+dNsFdyic4veNCgdRdx+cYvujQ8zwi26NyPconOLvs+McIvOLbo/zdyiP2Gk8qwEgiM4gjcR4DP4AUyhl/D5is/g3sAwI3wG92aEz+B8Bt9nRrhF5xbdn2Y+g/MZvGlK+oq4/eIW3ZsgZoRbdG9GuEXnFn2fGeEWnVt0f5q5RZe/Rb82pby26JO9G73OaMH+xnlv+zz+Vv95bUw+ZTRpTJiR70CrzIjNx90lY0DYAwIQWEMAwddwZ1cIpBBA8BTMbAKBNQQQfA13doVACgEET8HMJhBYQwDB13BnVwikEEDwFMxsAoE1BBB8DXd2hUAKAQRPwcwmEFhDoFtwe6rnQ0Prf2c9idbQy9SSb085/dGwyZ9ZT6I19DK1xJi8sw1eOpucaUZujcVfDdC7Z2SE4F8aGk37lz4NvUwtCXydT9r/HXTqCTcs/u1R11dO6Zlm5M5YtFwYu2cEwRsGNFKC4E9pIfiPTIwHgkekqlSL4AjuzSOCe4QKH0dwBPfGE8E9QoWPIziCe+OJ4B6hwscRHMG98URwj1Dh4wiO4N54IrhHqPBxBEdwbzwR3CNU+DiCI7g3ngjuESp8HMER3BtPBPcIFT6O4AjujSeCe4QKH0dwBPfGE8E9QoWPIziCe+OJ4B6hwscRHMG98URwj1Dh4wiO4N54IrhHqPBxBEdwbzwR3CNU+DiCI7g3ngjuESp8HMER3BtPBPcIFT6O4AjujSeCe4QKH0dwBPfGE8E9QoWPIziCe+OJ4B6hwscRHMG98URwj1Dh4wiO4N54IrhHqPBxBEdwbzx3FNw75zMe7/7OaxVoNtBX69X7XnSV08nss3tGsr4XPROKyl7d4amcKIIfTqp7RhD8MPvuF3aH191B0gIIfhh094wg+GH23S/sDq+7g6QFEPww6O4ZQfDD7Ltf2B1edwdJCyD4YdDdM4Lgh9l3v7A7vO4OkhZA8MOgu2cEwQ+z735hd3jdHSQtgOCHQXfPCIIfZt/9wu7wujtIWgDBD4PunhEEP8y++4Xd4XV3kLQAgh8G3T0jIwR/ONz+2Bfe23K/NSz5tqEmo+T95XL5nLHR6j1M8Mdsblb3Yfvf2W/LAzfbzEi34AVC+9pC61XCpNrmnKuwV+mj9THinWZkm2FHcBXN1vWJ4OvYd++M4N0It18AwYUjRnDh8JJaR/Ak0DO2QfAZVPdaE8GF80Rw4fCSWkfwJNAztkHwGVT3WhPBhfNEcOHwklpH8CTQM7ZB8BlU91oTwYXzRHDh8JJaR/Ak0DO2QfAZVPdaE8GF80Rw4fCSWkfwJNAztkHwGVT3WhPBhfNEcOHwklpH8CTQM7ZB8BlU91oTwYXzRHDh8JJaR/Ak0DO2QfAZVPdaE8GF80Rw4fCSWkfwJNAztkHwGVT3WhPBhfNEcOHwklpH8CTQM7ZB8BlU91oTwYXzRHDh8JJaR/Ak0DO2QfAZVPdaE8GF80Rw4fCSWkfwJNAztrHwbm3dF97a9p3XV6+G43sSsBm5sTN7/H32Z6cZ2eZ70b3QOA6BMxJA8DOmzjmfhgCCnyZqTvSMBBD8jKlzzqchgOCniZoTPSMBBD9j6pzzaQgg+Gmi5kTPSADBz5g653waAmUE//agyq/VydtDEB+r97hrf8xIPNlKgl+t/VfxU8h9hQlehlnuma/frfVx5NWdVpqRMsNKeKvHsv7+zEg8IwQPMqv07hxsXb4cweMRIniQGYIHgQ0sR/A4TAQPMkPwILCB5Qgeh4ngQWYIHgQ2sBzB4zARPMgMwYPABpYjeBwmggeZIXgQ2MByBI/DRPAgMwQPAhtYjuBxmAgeZIbgQWADyxE8DhPBg8wQPAhsYDmCx2EieJAZggeBDSxH8DhMBA8yQ/AgsIHlCB6HieBBZggeBDawHMHjMBE8yAzBg8AGliN4HCaCB5kheBDYwHIEj8NE8CAzBA8CG1iO4HGYCB5khuBBYAPLETwOE8GDzBA8CGxgOYLHYSJ4kBmCB4ENLEfwOEwEDzJD8CCwgeUIHoeJ4EFmCB4ENrAcweMwETzIDMGDwAaWI3gcJoIHmSF4ENjAcgSPw6wk+L21fxM/hdxXmOAPuTuy238ETHBmJDgOZQQP9k05BCDQQADBGyBRAgFVAgiumhx9Q6CBAII3QKIEAqoEEFw1OfqGQAMBBG+ARAkEVAkguGpy9A2BBgII3gCJEgioEkBw1eToGwINBLYRvPUxRh41bZiKTUtsRh7s1N54p7fTjCC4lzbHtyGA4MJRcgUXDi+pdQRPAj1jGwSfQXWvNRFcOE8EFw4vqXUETwI9YxsEn0F1rzURXDhPBBcOL6l1BE8CPWMbBJ9Bda81EVw4TwQXDi+pdQRPAj1jGwSfQXWvNRFcOE8EFw4vqXUETwI9YxsEn0F1rzURXDhPBBcOL6l1BE8CPWMbBJ9Bda81EVw4TwQXDi+pdQRPAj1jGwSfQXWvNRFcOM9Wwe0Ur8KnSet9BG7s5Y+/z/7w78E9QguOBwRf0B1bKhFA8IJpIXjBUERbQvCCwSF4wVBEW0LwgsEheMFQRFtC8ILBIXjBUERbQvCCwSF4wVBEW0LwgsEheMFQRFtC8ILBIXjBUERbQvCCwZng76yt24KtrWrphW38smHzf6zmc0PdaUpM8LtdTnab//HBLoGMOg97w3sc0g8N6721gX5oqKNEkACCC4bW0jKCt1DavwbBN80YwTcNNnhaCB4EplKO4CpJze0TwefyXbY6gi9DX2pjBC8Vx7hmEHwcS+WVEFw5vWd6R/BNgw2eFoIHgamUI7hKUnP7RPC5fJetjuDL0JfaGMFLxTGuGQQfx1J5JQRXTo/P4JumN+60EHwcy1IrcQUvFceyZhB8Gfq5GyP4XL4qqyO4SlLBPhE8CGzTcgTfNFgE3zTY4GkheBCYSjmCqyQ1t08En8t32eoIvgx9qY0RvFQc45pB8HEslVdCcOX0+Dv4pumNOy0EH8ey1EpcwUvFsawZBF+Gfu7GCD6Xr8rqCK6SVLBPBA8C27QcwTcNFsE3DTZ4WggeBKZSjuAqSc3tE8Hn8l22ugl+Y5vfNzRwte9FvzbUUSJIAMEFQ6NlCLQSQPBWUtRBQJAAgguGRssQaCWA4K2kqIOAIAEEFwyNliHQSgDBW0lRBwFBAgguGBotQ6CVAIK3kqIOAoIEEFwwNFqGQCsBBG8llVwXeNQ0ubMn2721J+EeVjfB/j8ngOBFJwPBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNzAS/tdbeFW3v+7be2/eivxfo85Qt/gs/cnNI9gMi+gAAAABJRU5ErkJggg==),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPgAAADeCAYAAAAQJM0gAAAABHNCSVQICAgIfAhkiAAAC3xJREFUeF7tneFxFEcQRn0RmAysDFAGyJFYIeAIEBGYEMiEIwOcAY4EtyhcBRalnt6Z6elv9qlKv7Zvpvd9/W73rOV8+WI/v9T/+Xi5XO4y2jQcD7bPm4y9Ovf43ZhcO9doejkz8iMmlRmx+bhcCE8zPOsawX+MjovA/96uEfwn1y+Vd2cEfxIegiO4f0eK4E8ZcZeneZfHFZwruP+OZxUIjuBNg9JRxO3XU3h8Bucz+LNKcQXnCt70nssVnCt406B0FHEF5wrujQ8zwn9k82bk6+fNB6vi7+DfoeIKzhXcN6evgndnruDeBDEjXMG9GeEK/jNCXMG5gvvm9FXw7swV3JsgZoQruDcjXMG5gu8zI/yZjD+T+dNsFdyic4veNCgdRdx+cYvujQ8zwi26NyPconOLvs+McIvOLbo/zdyiP2Gk8qwEgiM4gjcR4DP4AUyhl/D5is/g3sAwI3wG92aEz+B8Bt9nRrhF5xbdn2Y+g/MZvGlK+oq4/eIW3ZsgZoRbdG9GuEXnFn2fGeEWnVt0f5q5RZe/Rb82pby26JO9G73OaMH+xnlv+zz+Vv95bUw+ZTRpTJiR70CrzIjNx90lY0DYAwIQWEMAwddwZ1cIpBBA8BTMbAKBNQQQfA13doVACgEET8HMJhBYQwDB13BnVwikEEDwFMxsAoE1BBB8DXd2hUAKAQRPwcwmEFhDoFtwe6rnQ0Prf2c9idbQy9SSb085/dGwyZ9ZT6I19DK1xJi8sw1eOpucaUZujcVfDdC7Z2SE4F8aGk37lz4NvUwtCXydT9r/HXTqCTcs/u1R11dO6Zlm5M5YtFwYu2cEwRsGNFKC4E9pIfiPTIwHgkekqlSL4AjuzSOCe4QKH0dwBPfGE8E9QoWPIziCe+OJ4B6hwscRHMG98URwj1Dh4wiO4N54IrhHqPBxBEdwbzwR3CNU+DiCI7g3ngjuESp8HMER3BtPBPcIFT6O4AjujSeCe4QKH0dwBPfGE8E9QoWPIziCe+OJ4B6hwscRHMG98URwj1Dh4wiO4N54IrhHqPBxBEdwbzwR3CNU+DiCI7g3ngjuESp8HMER3BtPBPcIFT6O4AjujSeCe4QKH0dwBPfGE8E9QoWPIziCe+OJ4B6hwscRHMG98URwj1Dh4wiO4N54IrhHqPBxBEdwbzx3FNw75zMe7/7OaxVoNtBX69X7XnSV08nss3tGsr4XPROKyl7d4amcKIIfTqp7RhD8MPvuF3aH191B0gIIfhh094wg+GH23S/sDq+7g6QFEPww6O4ZQfDD7Ltf2B1edwdJCyD4YdDdM4Lgh9l3v7A7vO4OkhZA8MOgu2cEwQ+z735hd3jdHSQtgOCHQXfPCIIfZt/9wu7wujtIWgDBD4PunhEEP8y++4Xd4XV3kLQAgh8G3T0jIwR/ONz+2Bfe23K/NSz5tqEmo+T95XL5nLHR6j1M8Mdsblb3Yfvf2W/LAzfbzEi34AVC+9pC61XCpNrmnKuwV+mj9THinWZkm2FHcBXN1vWJ4OvYd++M4N0It18AwYUjRnDh8JJaR/Ak0DO2QfAZVPdaE8GF80Rw4fCSWkfwJNAztkHwGVT3WhPBhfNEcOHwklpH8CTQM7ZB8BlU91oTwYXzRHDh8JJaR/Ak0DO2QfAZVPdaE8GF80Rw4fCSWkfwJNAztkHwGVT3WhPBhfNEcOHwklpH8CTQM7ZB8BlU91oTwYXzRHDh8JJaR/Ak0DO2QfAZVPdaE8GF80Rw4fCSWkfwJNAztkHwGVT3WhPBhfNEcOHwklpH8CTQM7ZB8BlU91oTwYXzRHDh8JJaR/Ak0DO2QfAZVPdaE8GF80Rw4fCSWkfwJNAztrHwbm3dF97a9p3XV6+G43sSsBm5sTN7/H32Z6cZ2eZ70b3QOA6BMxJA8DOmzjmfhgCCnyZqTvSMBBD8jKlzzqchgOCniZoTPSMBBD9j6pzzaQgg+Gmi5kTPSADBz5g653waAmUE//agyq/VydtDEB+r97hrf8xIPNlKgl+t/VfxU8h9hQlehlnuma/frfVx5NWdVpqRMsNKeKvHsv7+zEg8IwQPMqv07hxsXb4cweMRIniQGYIHgQ0sR/A4TAQPMkPwILCB5Qgeh4ngQWYIHgQ2sBzB4zARPMgMwYPABpYjeBwmggeZIXgQ2MByBI/DRPAgMwQPAhtYjuBxmAgeZIbgQWADyxE8DhPBg8wQPAhsYDmCx2EieJAZggeBDSxH8DhMBA8yQ/AgsIHlCB6HieBBZggeBDawHMHjMBE8yAzBg8AGliN4HCaCB5kheBDYwHIEj8NE8CAzBA8CG1iO4HGYCB5khuBBYAPLETwOE8GDzBA8CGxgOYLHYSJ4kBmCB4ENLEfwOEwEDzJD8CCwgeUIHoeJ4EFmCB4ENrAcweMwETzIDMGDwAaWI3gcJoIHmSF4ENjAcgSPw6wk+L21fxM/hdxXmOAPuTuy238ETHBmJDgOZQQP9k05BCDQQADBGyBRAgFVAgiumhx9Q6CBAII3QKIEAqoEEFw1OfqGQAMBBG+ARAkEVAkguGpy9A2BBgII3gCJEgioEkBw1eToGwINBLYRvPUxRh41bZiKTUtsRh7s1N54p7fTjCC4lzbHtyGA4MJRcgUXDi+pdQRPAj1jGwSfQXWvNRFcOE8EFw4vqXUETwI9YxsEn0F1rzURXDhPBBcOL6l1BE8CPWMbBJ9Bda81EVw4TwQXDi+pdQRPAj1jGwSfQXWvNRFcOE8EFw4vqXUETwI9YxsEn0F1rzURXDhPBBcOL6l1BE8CPWMbBJ9Bda81EVw4TwQXDi+pdQRPAj1jGwSfQXWvNRFcOM9Wwe0Ur8KnSet9BG7s5Y+/z/7w78E9QguOBwRf0B1bKhFA8IJpIXjBUERbQvCCwSF4wVBEW0LwgsEheMFQRFtC8ILBIXjBUERbQvCCwSF4wVBEW0LwgsEheMFQRFtC8ILBIXjBUERbQvCCwZng76yt24KtrWrphW38smHzf6zmc0PdaUpM8LtdTnab//HBLoGMOg97w3sc0g8N6721gX5oqKNEkACCC4bW0jKCt1DavwbBN80YwTcNNnhaCB4EplKO4CpJze0TwefyXbY6gi9DX2pjBC8Vx7hmEHwcS+WVEFw5vWd6R/BNgw2eFoIHgamUI7hKUnP7RPC5fJetjuDL0JfaGMFLxTGuGQQfx1J5JQRXTo/P4JumN+60EHwcy1IrcQUvFceyZhB8Gfq5GyP4XL4qqyO4SlLBPhE8CGzTcgTfNFgE3zTY4GkheBCYSjmCqyQ1t08En8t32eoIvgx9qY0RvFQc45pB8HEslVdCcOX0+Dv4pumNOy0EH8ey1EpcwUvFsawZBF+Gfu7GCD6Xr8rqCK6SVLBPBA8C27QcwTcNFsE3DTZ4WggeBKZSjuAqSc3tE8Hn8l22ugl+Y5vfNzRwte9FvzbUUSJIAMEFQ6NlCLQSQPBWUtRBQJAAgguGRssQaCWA4K2kqIOAIAEEFwyNliHQSgDBW0lRBwFBAgguGBotQ6CVAIK3kqIOAoIEEFwwNFqGQCsBBG8llVwXeNQ0ubMn2721J+EeVjfB/j8ngOBFJwPBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNzAS/tdbeFW3v+7be2/eivxfo85Qt/gs/cnNI9gMi+gAAAABJRU5ErkJggg==);background-position:30%,70%;background-repeat:no-repeat,no-repeat;background-size:clamp(20%,25vw,25%) auto,clamp(20%,25vw,25%) auto;content:"";height:100%;left:50%;opacity:.25;pointer-events:none;position:absolute;top:clamp(-80px,-12vh,-110px);transform:translateX(-50%);width:clamp(600px,90vw,1000px);z-index:1}.howBox--step3:after{display:none!important}.howBox--step3 .howBox__content{margin-top:auto;position:relative;z-index:2}.howBox--step3 .howBox__number{bottom:clamp(8px,1.5vh,12px);position:absolute;right:clamp(14px,2.5vw,28px);z-index:2}.howBox--large .howBox__content{max-width:58%;padding-bottom:clamp(16px,3vh,20px);padding-left:clamp(6px,1vw,8px);position:relative;z-index:6}.howBox--step4{background-image:linear-gradient(#04122829,#0412281a),url(/static/media/Mask%20Group%2010.7ac6c8486e122af590af.png)}.howBox--step4,.howBox--step5{background-position:50%;background-repeat:no-repeat;background-size:cover}.howBox--step5{background-image:linear-gradient(#04122829,#0412281a),url(/static/media/Mask%20Group%2013.09178dda4e19868c7194.png)}.howBox:after{background:radial-gradient(circle at 30% 30%,#ffffff0f 0,#fff0 60%);content:"";filter:blur(clamp(10px,2vw,12px));height:60%;pointer-events:none;position:absolute;right:-10%;top:-10%;width:60%;z-index:1}.howBox--large:after{filter:blur(clamp(20px,4vw,28px));height:80%;right:-5%;top:-18%;width:80%}@media (prefers-reduced-motion:reduce){.howBox{opacity:1!important;transform:none!important;transition:none!important}}:root[data-theme=dark] .about-page-wrapper{background:radial-gradient(circle at top,#020617 0,#020617 40%,#020617 100%)}:root[data-theme=dark] .about123:after,:root[data-theme=dark] .about123:before,:root[data-theme=dark] .howSection:before{opacity:.35}:root[data-theme=dark] .aboutBox123{background:#0f172af0;border:1px solid #94a3b873;box-shadow:0 18px 40px #000000b3}:root[data-theme=dark] .aboutBox123 h2{color:#fff}:root[data-theme=dark] .aboutBox123 p{color:var(--text-secondary)}:root[data-theme=dark] .aboutImage123{background:#020617;box-shadow:0 18px 40px #000000b3}:root[data-theme=dark] .aboutHeading123 h1,:root[data-theme=dark] .howHeading h1,:root[data-theme=dark] .howSubtitle{color:#fff}@media (min-width:1441px){.aboutContainer123{padding:0 clamp(28px,5vw,40px)}.howGrid{gap:32px;max-width:1400px}.howBox--large{height:385px;max-width:700px}}@media (min-width:1281px) and (max-width:1440px){.aboutContainer123{padding:0 clamp(24px,4vw,32px)}.howGrid{max-width:1200px}.howBox--large{height:440px}}@media (min-width:1025px) and (max-width:1280px){.aboutContainer123{padding:0 clamp(20px,3.5vw,28px)}.howGrid{max-width:1000px}.howBox--large{height:342px}}@media (min-width:769px) and (max-width:1024px){:root{--visual-overlap:clamp(60px,10vw,110px);--visual-width:clamp(350px,50vw,560px)}.aboutContainer123{padding-left:clamp(18px,3vw,24px);padding-right:clamp(18px,3vw,24px)}.howGrid{gap:clamp(16px,2.5vw,20px);grid-template-columns:1fr 1fr;max-width:800px}.howBox--large{height:343px;max-width:100%}}@media (min-width:601px) and (max-width:768px){.aboutContainer123{align-items:stretch;padding:0 clamp(16px,3vw,20px)}.aboutContainer123,.visual-wrap{flex-direction:column;gap:clamp(16px,3vh,20px)}.visual-wrap{align-items:center;width:100%}.aboutBox123{margin-right:0;max-width:100%;order:1;width:100%}.aboutImage123{max-width:100%;order:2;top:0;width:100%}.howGrid{gap:clamp(14px,2vh,18px);grid-template-columns:1fr 1fr;padding:0 clamp(16px,3vw,20px)}.howBox--large{height:343px}}@media (min-width:481px) and (max-width:600px){.aboutContainer123{flex-direction:column;gap:clamp(16px,3vh,18px);padding:0 clamp(16px,3vw,20px)}.visual-wrap{flex-direction:column;gap:clamp(14px,2.5vh,16px);width:100%}.aboutBox123{margin-right:0;padding:clamp(20px,4vw,24px);width:100%}.aboutImage123{min-height:clamp(220px,30vh,280px);top:0;width:100%}.howGrid{gap:clamp(12px,2vh,16px);grid-template-columns:1fr 1fr;padding:0 clamp(16px,3vw,20px)}.howBox--large{height:340px}}@media (max-width:480px){.about123{padding:clamp(30px,6vh,36px) clamp(12px,3vw,16px)}.aboutHeading123 h1{font-size:clamp(1.4rem,4vw,1.6rem)}.aboutContainer123{flex-direction:column;gap:clamp(14px,3vh,18px);padding:0 clamp(12px,3vw,16px)}.visual-wrap{flex-direction:column;gap:clamp(12px,2vh,16px);width:100%}.aboutBox123{-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1);border-radius:clamp(12px,2vw,16px);margin-right:0;padding:clamp(14px,3vw,18px);width:100%}.aboutBox123 h2{font-size:clamp(1rem,2.5vw,1.1rem)}.aboutBox123 p{font-size:clamp(.9rem,2vw,.95rem);line-height:1.5}.aboutImage123{min-height:clamp(180px,25vh,220px);top:0;width:100%}.howSection{padding:clamp(30px,6vh,40px) clamp(12px,3vw,16px)}.howHeading h1{font-size:clamp(1.2rem,5vw,1.6rem)}.howSubtitle{font-size:clamp(.9rem,3vw,1.1rem)}.howGrid{gap:clamp(10px,2vh,14px);grid-template-areas:"step1" "step2" "step3" "step4" "step5";grid-template-columns:1fr;padding:0 clamp(12px,3vw,16px)}.howBox{border-radius:clamp(12px,2vw,16px);min-height:clamp(120px,18vh,150px);padding:clamp(14px,3vw,18px)}.howBox--large{height:clamp(200px,25vh,250px)}.howBox__content h3{font-size:clamp(1rem,3vw,1.2rem)}.howBox__number{bottom:clamp(6px,1vh,10px);font-size:clamp(2.5rem,6vw,3.2rem);right:clamp(10px,2vw,14px)}.decor-dots,.decor-swoosh{display:none}}@media (max-width:360px){.about-page-wrapper{overflow-x:hidden}.aboutBox123{padding:clamp(12px,3vw,16px)}.aboutImage123{min-height:clamp(160px,22vh,200px)}.howBox{min-height:clamp(100px,16vh,130px)}.howBox--large{height:clamp(180px,22vh,220px)}.howBox__number{font-size:clamp(2rem,5vw,2.8rem)}}@media (max-height:500px) and (orientation:landscape){.about123{padding:clamp(20px,4vh,30px) 0}.howSection{padding:clamp(20px,4vh,30px) clamp(16px,4vw,20px) clamp(40px,8vh,60px)}.aboutImage123{min-height:clamp(200px,35vh,250px);top:clamp(20px,4vh,40px)}.howBox--large{height:clamp(200px,35vh,280px)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.aboutBox123{box-shadow:0 clamp(8px,1.5vh,12px) clamp(25px,5vh,40px) #10182826,0 clamp(4px,.8vh,6px) clamp(15px,3vh,20px) #1018281a,inset 0 1px 0 #ffffffb3}.howBox{box-shadow:0 clamp(15px,3vh,25px) clamp(35px,6vh,50px) #0814282e}}@media print{.about123:before,.aboutBox123:after,.aboutBox123:before,.decor-dots,.decor-swoosh,.howSection:before{display:none!important}.aboutBox123{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fffffff2!important}}.path-line{filter:drop-shadow(0 2px 6px rgba(0,0,0,.05));height:auto;opacity:.65;pointer-events:none;position:absolute;width:130%;z-index:29}.path-line--top{right:clamp(-40px,-6vw,-120px);top:-180px;transform:rotate(6deg)}.aboutBox123{z-index:5}.aboutImage123{z-index:3}@media (max-width:900px){.path-line{opacity:.5;width:clamp(380px,70vw,760px)}.path-line--top{right:clamp(-20px,-4vw,-60px);top:clamp(0px,1vh,12px);transform:rotate(4deg)}}@media (max-width:600px){.path-line{opacity:.38;width:clamp(300px,90vw,620px)}.path-line--top{right:clamp(-8px,-2vw,-20px);top:clamp(6px,2vh,20px);transform:rotate(3deg)}}@media (max-width:380px){.path-line{display:none}}.aboutImage123 img{--_g:10%/45% 45% no-repeat conic-gradient(#000 0 0);cursor:pointer;-webkit-mask:left var(--_i,) top var(--_g),bottom var(--_i,) left var(--_g),top var(--_i,) right var(--_g),right var(--_i,) bottom var(--_g);mask:left var(--_i,) top var(--_g),bottom var(--_i,) left var(--_g),top var(--_i,) right var(--_g),right var(--_i,) bottom var(--_g);transition:.3s linear}.aboutImage123 img:hover{--_i:10%;filter:grayscale(0)}.gallery-section-new{background:linear-gradient(to right,var(--bg-main) 0,var(--bg-secondary) 50%,var(--bg-main) 100%);min-height:100vh;overflow-x:hidden;padding:10rem 0 12rem;position:relative;width:100%}:root[data-theme=dark] .gallery-section-new{background:radial-gradient(1200px 900px at 50% 0,#0b1120 0,#020617 40%,#020617 100%)}:root[data-theme=dark] .gallery-heading h2,:root[data-theme=dark] .membership-left h2{color:#fff}.gallery-container{align-items:center;display:flex;height:100vh;justify-content:center;position:-webkit-sticky;position:sticky;top:0;width:100%}.gallery-container:after{background:radial-gradient(950px 980px at 10% 20%,#89deff85,#0000 32%),radial-gradient(1150px 420px at 86% 72%,#c8e6ff85,#0000 32%),linear-gradient(180deg,#fff0f799,#f7f0fb59 40%,#f0faff00);content:"";filter:blur(44px);height:420px;left:-6%;pointer-events:none;position:absolute;right:-6%;top:10px;transform:translateZ(0);will-change:transform;z-index:0}:root[data-theme=dark] .gallery-container:after{background:radial-gradient(950px 980px at 10% 20%,#38bdf859,#0000 32%),radial-gradient(1150px 420px at 86% 72%,#818cf852,#0000 32%),linear-gradient(180deg,#0f172ae6,#0f172ae6)}.gallery-heading{margin:0 auto;max-width:1100px;padding:0 16px;position:relative;text-align:center;width:100%;z-index:5}.gallery-heading h2{color:var(--text-primary);font-size:65px;font-weight:600;letter-spacing:-.02em;line-height:1.1;margin:0;position:relative;text-shadow:none;top:-70px}.gallery-section-new{padding:6rem 0 12rem}@media (max-width:640px){.gallery-section-new{padding-top:4.5rem}}.images-container{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.image-item{opacity:0;position:absolute;transform-origin:center;transition:all cubic-bezier(.4,0,.2,1);z-index:1}.image-item.revealed{opacity:1}.image-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:5px solid #ffffffe6;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #fffc;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.image-wrapper:hover{border-color:#ffa50080;box-shadow:0 35px 70px -12px #00000040,0 0 0 1px #ffa5004d;transform:scale(1.08) translateY(-8px)}.image-overlay{background:linear-gradient(135deg,#ffa5001a,#0000 30%,#ff8c001a);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.image-wrapper:hover .image-overlay{opacity:1}.image-item.square-small .image-wrapper{height:8rem;width:8rem}.image-item.square-medium .image-wrapper{height:11rem;width:11rem}.image-item.square-large .image-wrapper{height:14rem;width:14rem}.image-item.portrait-medium .image-wrapper{height:14rem;width:10rem}.image-item.portrait-tall .image-wrapper{height:16rem;width:9rem}.image-item.landscape-medium .image-wrapper{height:10rem;width:16rem}.image-item.landscape-wide .image-wrapper{height:11rem;width:18rem}.image-item.landscape-large .image-wrapper{height:13rem;width:20rem}.image-item.panoramic .image-wrapper{height:12rem;width:24rem}.image-item.ultra-panoramic .image-wrapper{height:14rem;width:28rem}.image-item.mega-panoramic .image-wrapper{height:16rem;width:32rem}.image-wrapper img{display:block;height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.image-wrapper:hover img{transform:scale(1.05)}.center-image-wrapper{position:relative;transition:all .8s cubic-bezier(.4,0,.2,1);z-index:15}.center-image-container{position:relative}.center-glow{animation:pulse-glow 3s ease-in-out infinite;background:radial-gradient(circle,#ffa5004d 0,#0000 70%);border-radius:2rem;bottom:-20px;left:-20px;position:absolute;right:-20px;top:-20px;z-index:-1}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.center-image{border-radius:2rem;box-shadow:0 40px 80px -12px #0000004d,0 0 0 6px #ffffffe6;height:28rem;overflow:hidden;position:relative;width:20rem}.center-image:before{background:linear-gradient(135deg,#0000,#ffa5001a 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.center-image img{display:block;height:100%;object-fit:cover;width:100%}.scroll-indicator{bottom:4rem;left:50%;position:absolute;text-align:center;transform:translateX(-50%);z-index:20}.scroll-text{animation:text-glow 2s ease-in-out infinite alternate;color:#ea580c;color:var(--accent-secondary,#ea580c);font-size:1rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #0000001a}@keyframes text-glow{0%{text-shadow:0 2px 4px #0000001a}to{text-shadow:0 2px 8px #ea580c66}}.scroll-arrow-wrapper{animation:bounce-enhanced 2s infinite}.scroll-arrow{color:#ea580c;color:var(--accent-secondary,#ea580c);filter:drop-shadow(0 2px 4px rgba(234,88,12,.3));height:2rem;width:2rem}@keyframes bounce-enhanced{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.1)}}@media (min-width:1600px){.image-item.ultra-panoramic .image-wrapper{height:16rem;width:32rem}.image-item.mega-panoramic .image-wrapper{height:18rem;width:36rem}.center-image{height:32rem;width:24rem}}@media (min-width:1200px) and (max-width:1599px){.image-item.panoramic .image-wrapper{height:10rem;width:20rem}.image-item.ultra-panoramic .image-wrapper{height:12rem;width:24rem}.image-item.mega-panoramic .image-wrapper{height:14rem;width:28rem}}@media (min-width:768px) and (max-width:1199px){.image-item.square-small .image-wrapper{height:6rem;width:6rem}.image-item.square-medium .image-wrapper{height:8rem;width:8rem}.image-item.square-large .image-wrapper{height:10rem;width:10rem}.image-item.landscape-medium .image-wrapper{height:7rem;width:12rem}.image-item.landscape-wide .image-wrapper{height:8rem;width:14rem}.image-item.panoramic .image-wrapper{height:8rem;width:16rem}.image-item.ultra-panoramic .image-wrapper{height:9rem;width:18rem}.center-image{height:22rem;width:16rem}}@media (max-width:767px){.image-item.square-small .image-wrapper{height:4rem;width:4rem}.image-item.square-medium .image-wrapper{height:5.5rem;width:5.5rem}.image-item.landscape-medium .image-wrapper{height:5rem;width:8rem}.image-item.panoramic .image-wrapper{height:5rem;width:10rem}.image-item.ultra-panoramic .image-wrapper{height:6rem;width:12rem}.center-image{height:16rem;width:12rem}.image-item.revealed{transform:scale(.7)}}@media (max-width:480px){.image-item.revealed{transform:scale(.5)}.center-image{height:14rem;width:10rem}}.testimonials-wrapper{background:linear-gradient(to right,var(--bg-main) 0,var(--bg-secondary) 50%,var(--bg-main) 100%);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;overflow:hidden;padding:4rem 1rem}:root[data-theme=dark] .testimonials-wrapper{background:radial-gradient(1200px 900px at 50% 0,#0b1120 0,#020617 40%,#020617 100%)}:root[data-theme=dark] .testimonials-title,:root[data-theme=dark] .testimonials-title1{color:#fff}.testimonials-container{margin:0 auto;max-width:1280px;padding:0 12px}.testimonials-header{margin-bottom:3.5rem;text-align:center}.testimonials-title{font:normal normal 600 65px/89px Manrope}.testimonials-title,.testimonials-title1{color:var(--text-primary);margin-bottom:.5rem}.testimonials-title1{font:normal normal 380 65px/89px Manrope}.testimonials-subtitle{color:var(--text-secondary);font-size:1.125rem;margin-bottom:1rem}.testimonials-divider{background-color:var(--accent-primary);border-radius:4px;height:.25rem;margin:.75rem auto 0;width:8rem}.slider-wrapper{overflow:hidden;padding-bottom:1rem;position:relative;width:100%}.slider-container{align-items:stretch;animation:slide 40s linear infinite;display:flex;gap:1.5rem;will-change:transform}.slider-container:hover{animation-play-state:paused}.card-wrapper{display:block;flex-shrink:0;outline:none;perspective:1000px;width:320px}.card-content{align-items:flex-end;border-radius:1.25rem;height:24rem;justify-content:center;overflow:hidden;padding:1.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%}.card-image{object-fit:cover;z-index:0}.card-image,.gradient-overlay{height:100%;left:0;position:absolute;top:0;transition:opacity .4s ease;width:100%}.gradient-overlay{opacity:0;z-index:1}.gradient-blue .gradient-overlay{background:linear-gradient(135deg,#4f46e5,#2563eb)}.gradient-red .gradient-overlay{background:linear-gradient(135deg,#dc2626,#b91c1c)}.gradient-purple .gradient-overlay{background:linear-gradient(135deg,#7e22ce,#6b21a8)}.gradient-green .gradient-overlay{background:linear-gradient(135deg,#16a34a,#15803d)}.card-wrapper:hover .card-image{opacity:0}.card-wrapper:hover .gradient-overlay{opacity:1}.card-wrapper:hover .card-content{box-shadow:0 24px 48px #0a143299;transform:translateY(-6px)}.card-name{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:.75rem;font-size:1.5rem;font-weight:700;margin:0;padding:.75rem 1.5rem;position:relative;text-shadow:0 2px 8px #000000b3;transition:transform 2s cubic-bezier(.2,.9,.3,1);z-index:3}.card-name,.card-text{color:#fff;text-align:center}.card-text{align-items:center;bottom:0;display:flex;font-size:1rem;justify-content:center;left:0;line-height:1.6;opacity:0;padding:2rem;pointer-events:none;position:absolute;right:0;top:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.9,.3,1);z-index:2}.card-wrapper:hover .card-text{opacity:1;pointer-events:auto;transform:translateY(0)}.card-wrapper:hover .card-name{transform:translateY(-280px)}@keyframes slide{0%{transform:translateX(0)}to{transform:translateX(calc(-1280px - 6rem))}}@media (max-width:980px){.card-wrapper{width:280px}.card-content{height:20.5rem}.card-name{font-size:1.25rem}.card-text{font-size:.9rem;padding:1.5rem}.card-wrapper:hover .card-name{transform:translateY(-240px)}@keyframes slide{0%{transform:translateX(0)}to{transform:translateX(calc(-1120px - 6rem))}}}@media (max-width:520px){.testimonials-title{font-size:2rem}.testimonials-subtitle{font-size:1rem}.card-wrapper{width:240px}.card-content{height:18rem}.card-name{font-size:1.1rem}.card-text{font-size:.85rem;padding:1.25rem}.card-wrapper:hover .card-name{transform:translateY(-200px)}@keyframes slide{0%{transform:translateX(0)}to{transform:translateX(calc(-960px - 6rem))}}}.card-wrapper:focus{outline:3px solid #3b82f680;outline-offset:4px}.card-wrapper:focus .card-text{opacity:1;transform:translateY(0)}.card-wrapper:focus .card-name{transform:translateY(-280px)}.card-wrapper:focus .card-image{opacity:0}.card-wrapper:focus .gradient-overlay{opacity:1}@media screen and (max-width:768px){.testimonials-title{font-size:60px}.testimonials-title1{font-size:50px}}@media screen and (max-width:480px){.testimonials-title{font-size:50px}.testimonials-title1{font-size:30px;margin-top:-20px}}.diff123{align-items:center;background:linear-gradient(to right,var(--bg-main) 0,var(--bg-secondary) 50%,var(--bg-main) 100%);color:var(--text-primary);display:flex;flex-direction:column;padding:60px 20px;position:relative;width:100%}:root[data-theme=dark] .diff123{background:radial-gradient(1200px 900px at 50% 0,#020617 0,#020617 40%,#020617 100%)}.diffTop123{background-position:50%;background-size:cover;border-radius:20px;color:#fff;max-width:1400px;padding:60px 40px 200px 150px;position:relative;text-align:left;width:100%;z-index:1}.circle-dot-bg{animation:spinBg 40s linear infinite;left:-15vw;max-width:960px;opacity:.95;pointer-events:none;position:absolute;top:23vw;-webkit-user-select:none;user-select:none;width:100%;z-index:1}.diffTop123 h2{font-size:3rem;font-weight:500;margin-bottom:10px}.diffTop123 p{font-size:1.9rem;margin-bottom:30px;opacity:.9}.diffTop123 h3{font-size:2.4rem;font-weight:500;padding-top:40px}.diffCards123{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:-171px;max-width:1100px;position:relative;width:100%;z-index:2}.fixed-3x3{grid-auto-rows:minmax(100px,auto)}.diffCard123{align-items:center;background:var(--bg-card);border-radius:12px;box-shadow:0 6px 15px #0f172a2e;color:var(--accent-primary);display:flex;font-size:1.5rem;font-weight:300;justify-content:center;padding:20px;text-align:center;will-change:transform,opacity}:root[data-theme=dark] .diffCard123{box-shadow:0 10px 30px #0009}.diffCard-drop{opacity:0;transform:translateY(-40px) scale(.97)}.diffCard-drop.is-visible{animation-delay:0ms;animation-delay:var(--delay,0ms);animation-duration:2.7s;animation-fill-mode:forwards;animation-name:diffDropIn;animation-timing-function:cubic-bezier(.22,.61,.36,1)}@keyframes diffDropIn{0%{box-shadow:0 2px 6px #0f172a1f;opacity:0;transform:translateY(-40px) scale(.97)}55%{box-shadow:0 14px 30px #0f172a47;opacity:1;transform:translateY(6px) scale(1.01)}to{box-shadow:0 6px 15px #0f172a2e;opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.diffCard-drop{animation:none!important;opacity:1!important;transform:none!important}}.diffPager{align-items:center;box-sizing:border-box;display:flex;gap:12px;justify-content:center;margin-bottom:8px;margin-top:18px;max-width:1100px;padding:0 20px;width:100%}.diffPagerBtn{background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:600;padding:8px 14px}:root[data-theme=dark] .diffPagerBtn{border-color:var(--border-medium)}.diffPagerBtn:disabled{cursor:not-allowed;opacity:.5}.diffPagerInfo{color:var(--text-secondary);font-weight:600}@media (max-width:1024px){.diffCards123{grid-template-columns:repeat(2,1fr)}.diffTop123{max-width:90vw;padding-bottom:150px;padding-left:40px;padding-right:40px}.diffTop123 h2{font-size:2.5rem}.diffTop123 p{font-size:1.5rem}.diffTop123 h3{font-size:2rem;padding-top:30px}.circle-dot-bg{left:-20vw;max-width:600px;opacity:.8;top:30vw}}@media (max-width:768px){.diffCards123{grid-template-columns:1fr;margin-top:-40px}.diffTop123{padding-bottom:120px;padding-left:20px;padding-right:20px;text-align:center}.diffTop123 h2{font-size:2rem}.diffTop123 p{font-size:1.2rem;text-align:center}.diffTop123 h3{font-size:1.6rem;padding-top:20px}.circle-dot-bg{display:none}.diffPager{flex-direction:column;gap:8px;padding:0 10px}.diffPagerBtn{max-width:120px;width:100%}.diffPagerInfo{font-size:1rem}}.oa{align-items:center;background:linear-gradient(to right,var(--bg-main) 0,var(--bg-secondary) 50%,var(--bg-main) 100%);color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}:root[data-theme=dark] .oa{background:radial-gradient(1200px 900px at 50% 0,#020617 0,#020617 40%,#020617 100%)}:root[data-theme=dark] .oa-title{color:#fff}.oa-bg{inset:0;pointer-events:none;position:absolute}.dots-tl{left:0;top:0}.dots-br,.dots-tl{height:16rem;opacity:.3;position:absolute;width:16rem}.dots-br{bottom:0;right:0}:root[data-theme=dark] .dots-br,:root[data-theme=dark] .dots-tl{opacity:.18}.dots-br svg,.dots-tl svg{height:100%;width:100%}.oa-title{color:var(--text-primary);font-size:3rem;font-weight:700;margin-bottom:5rem;text-align:center;z-index:10}.oa-stage{height:700px;max-width:1200px;position:relative;width:100%}.oa-rings,.oa-stage{align-items:center;display:flex;justify-content:center}.oa-rings{inset:0;z-index:1}.oa-rings,.ring{position:absolute}.ring{border:2px solid;border-radius:6rem;opacity:.15}.r1{border-color:#a855f7;height:300px;width:300px}.r2{border-color:#c4b5fd;height:400px;width:400px}.r3{border-color:#e9d5ff;height:500px;width:500px}.r4{border-color:#f3e8ff;height:600px;width:600px}.oa-rings-anim{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.pulse{border:3px solid;border-radius:6rem;opacity:0;position:absolute}.pr1{animation:pulseExpand 4s ease-out infinite;animation-delay:0s;border-color:#a855f799}.pr1,.pr2{height:320px;width:320px;z-index:5}.pr2{animation:pulseExpand 4s ease-out infinite;animation-delay:1s;border-color:#c4b5fd80}.pr3{animation:pulseExpand 4s ease-out infinite;animation-delay:2s;border-color:#e9d5ff66;height:320px;width:320px;z-index:5}.pr4{animation:pulseFront 3s ease-out infinite;animation-delay:.5s;border-color:#a855f7b3}.pr4,.pr5{height:300px;width:300px;z-index:25}.pr5{animation:pulseFront 3s ease-out infinite;animation-delay:1.8s;border-color:#c4b5fd99}.pr6{animation:pulseFront 3s ease-out infinite;animation-delay:2.5s;border-color:#e9d5ff80;height:300px;width:300px;z-index:25}@keyframes pulseExpand{0%{opacity:.6;transform:scale(.85)}50%{opacity:.3}to{opacity:0;transform:scale(2)}}@keyframes pulseFront{0%{opacity:.8;transform:scale(.9)}50%{opacity:.5}to{opacity:0;transform:scale(1.6)}}.oa-core{position:relative;z-index:20}.oa-card{align-items:center;background:var(--bg-card);border-radius:1.5rem;box-shadow:0 20px 25px -5px #0f172a33,0 10px 10px -5px #0f172a26;display:flex;height:15rem;justify-content:center;padding:2.5rem;width:15rem}:root[data-theme=dark] .oa-card{box-shadow:0 26px 40px -8px #0009}.logo-content{text-align:center}.emoji{font-size:4rem;margin-bottom:1rem}.brand{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#9333ea,#3b82f6,#9333ea);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.oa-pill{align-items:start;transition:all .3s ease}.oa{overflow:hidden;position:relative}.oa:before{animation:spinBg 40s linear infinite;background-image:url(/static/media/background1.e67ac9837e3e9a2b15b0.png);background-position:50%;background-repeat:no-repeat;background-size:40%;content:"";height:100%;left:716px;position:absolute;top:87px;transform-origin:center center;width:100%;z-index:0}:root[data-theme=dark] .oa:before{opacity:.6}@media (max-width:1024px){.oa{padding:1.5rem}.oa-title{font-size:clamp(2.2rem,4vw,2.8rem);margin-bottom:clamp(3rem,6vw,4rem)}.oa-stage{height:clamp(600px,70vh,650px);max-width:900px}.r1{height:250px;width:250px}.r2{height:340px;width:340px}.r3{height:430px;width:430px}.r4{height:520px;width:520px}.pr1,.pr2,.pr3{height:270px;width:270px}.pr4,.pr5,.pr6{height:250px;width:250px}.oa-card{height:12rem;padding:2rem;width:12rem}.oa-pill{padding:.8rem;width:13rem}.oa-pill-text{font-size:.7rem;line-height:1.4}.oa-pill-icon{height:2rem;width:2rem}.oa-pill--top{left:38%;top:2%}.oa-pill--rightTop{right:12%;top:18%}.oa-pill--right{right:8%;top:42%}.oa-pill--rightBottom{bottom:22%;right:12%}.oa-pill--bottom{bottom:8%;left:40%}.oa-pill--leftBottom{bottom:15%;left:6%}.oa-pill--left{left:8%;top:42%}.oa-pill--leftTop{left:6%;top:15%}.oa:before{background-size:clamp(35%,45vw,40%);left:50%;top:clamp(60px,8vh,87px);transform:translateX(-50%)}}@media (max-width:768px){.oa{min-height:100vh;padding:1rem}.oa-title{font-size:clamp(1.8rem,5vw,2.4rem);margin-bottom:clamp(2.5rem,5vh,3.5rem)}.oa-stage{height:clamp(700px,80vh,800px);max-width:100%}.r1{height:200px;width:200px}.r2{height:280px;width:280px}.r3{height:360px;width:360px}.r4{height:440px;width:440px}.pr1,.pr2,.pr3{height:220px;width:220px}.pr4,.pr5,.pr6{height:200px;width:200px}.oa-card{height:10rem;padding:1.5rem;width:10rem}.oa-pill{padding:.7rem;width:11rem}.oa-pill-text{font-size:.65rem;line-height:1.3}.oa-pill-icon{height:1.8rem;width:1.8rem}.oa-pill--top{left:36%;top:3%}.oa-pill--rightTop{right:8%;top:16%}.oa-pill--right{right:5%;top:40%}.oa-pill--rightBottom{bottom:20%;right:8%}.oa-pill--bottom{bottom:10%;left:38%}.oa-pill--leftBottom{bottom:18%;left:4%}.oa-pill--left{left:5%;top:40%}.oa-pill--leftTop{left:4%;top:18%}.oa:before{background-size:clamp(40%,50vw,45%)}}@media (max-width:600px){.oa{padding:.8rem}.oa-title{font-size:clamp(1.6rem,6vw,2rem);margin-bottom:clamp(2rem,4vh,3rem)}.oa-stage{height:clamp(800px,90vh,900px)}.r1{height:160px;width:160px}.r2{height:220px;width:220px}.r3{height:280px;width:280px}.r4{height:340px;width:340px}.pr1,.pr2,.pr3{height:180px;width:180px}.pr4,.pr5,.pr6{height:160px;width:160px}.oa-card{border-radius:1rem;height:8rem;padding:1.2rem;width:8rem}.oa-pill{border-radius:.6rem;padding:.6rem;width:10rem}.oa-pill-text{font-size:.6rem;line-height:1.2}.oa-pill-icon{height:1.5rem;width:1.5rem}.oa-pill--top{left:33%;top:5%}.oa-pill--rightTop{right:5%;top:15%}.oa-pill--right{right:2%;top:38%}.oa-pill--rightBottom{bottom:18%;right:5%}.oa-pill--bottom{bottom:12%;left:35%}.oa-pill--leftBottom{bottom:20%;left:2%}.oa-pill--left{left:2%;top:38%}.oa-pill--leftTop{left:2%;top:20%}.oa:before{background-size:clamp(50%,60vw,55%)}}@media (max-width:480px){.oa{min-height:100vh;padding:.5rem}.oa-title{font-size:clamp(1.4rem,7vw,1.8rem);margin-bottom:clamp(1.5rem,3vh,2.5rem)}.oa-stage{height:clamp(750px,85vh,850px)}.r1{height:130px;width:130px}.r2{height:180px;width:180px}.r3{height:230px;width:230px}.r4{height:280px;width:280px}.pr1,.pr2,.pr3{height:150px;width:150px}.pr4,.pr5,.pr6{height:130px;width:130px}.oa-card{border-radius:.8rem;height:6.5rem;padding:1rem;width:6.5rem}.oa-pill{border-radius:.5rem;padding:.5rem;width:9rem}.oa-pill-text{font-size:.55rem;line-height:1.1}.oa-pill-icon{height:1.3rem;width:1.3rem}.oa-pill--top{left:30%;top:6%}.oa-pill--rightTop{right:3%;top:14%}.oa-pill--right{right:0;top:36%}.oa-pill--rightBottom{bottom:16%;right:3%}.oa-pill--bottom{bottom:14%;left:32%}.oa-pill--leftBottom{bottom:18%;left:0}.oa-pill--left{left:0;top:36%}.oa-pill--leftTop{left:0;top:18%}.oa:before{background-size:clamp(60%,70vw,65%);top:clamp(40px,6vh,60px)}}@media (max-width:360px){.oa-title{font-size:clamp(1.2rem,8vw,1.6rem);margin-bottom:clamp(1rem,2vh,2rem)}.oa-stage{height:clamp(700px,80vh,750px)}.oa-card{height:5.5rem;padding:.8rem;width:5.5rem}.oa-pill{padding:.4rem;width:8rem}.oa-pill-text{font-size:.5rem;line-height:1}.oa-pill-icon{height:1.1rem;width:1.1rem}.r1{height:110px;width:110px}.r2{height:150px;width:150px}.r3{height:190px;width:190px}.r4{height:230px;width:230px}.pr1,.pr2,.pr3{height:130px;width:130px}.pr4,.pr5,.pr6{height:110px;width:110px}}@media (max-height:600px) and (orientation:landscape){.oa{padding:.5rem}.oa-title{margin-bottom:clamp(1rem,3vh,2rem)}.oa-stage{height:clamp(450px,70vh,550px)}.oa-card{height:clamp(6rem,12vw,8rem);width:clamp(6rem,12vw,8rem)}.oa-pill{width:clamp(8rem,15vw,10rem)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.oa-pill{box-shadow:0 6px 8px -2px #0f172a2e,0 3px 5px -2px #0f172a1f}.oa-card{box-shadow:0 25px 30px -8px #0f172a38,0 12px 15px -8px #0f172a29}}.oa-pill{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-light);border-radius:.75rem;box-shadow:0 4px 6px -1px #0f172a33,0 2px 4px -1px #0f172a1a;display:flex;gap:.75rem;opacity:0;padding:1rem;position:absolute;transform:translate(0);transform:translate(var(--fromX,0),var(--fromY,0));transition:transform .75s cubic-bezier(.22,.61,.36,1),opacity .75s ease-out,box-shadow .3s ease,background .3s ease;transition-delay:0ms;transition-delay:var(--delay,0ms);width:15rem;z-index:29}:root[data-theme=dark] .oa-pill{border-color:var(--border-medium);box-shadow:0 8px 18px -4px #000000a6}.oa-pill.is-visible{opacity:1;transform:translate(0)}.oa-pill:hover{box-shadow:0 10px 15px -3px #0f172a40,0 4px 6px -2px #0f172a2e;transform:translateY(-2px)}.oa-pill-icon{align-items:center;border-radius:.5rem;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.oa-pill-text{color:var(--text-secondary);font-size:.75rem;font-weight:500;line-height:1.5}.oa-pill--top{--fromX:0;--fromY:-140px;left:39%;top:0}.oa-pill--rightTop{--fromX:160px;--fromY:-80px;right:16%;top:19%}.oa-pill--right{--fromX:200px;--fromY:0;right:10%;top:43%}.oa-pill--rightBottom{--fromX:160px;--fromY:80px;bottom:25%;right:15%}.oa-pill--bottom{--fromX:0;--fromY:140px;bottom:6%;left:42%}.oa-pill--leftBottom{--fromX:-160px;--fromY:80px;bottom:12%;left:8%}.oa-pill--left{--fromX:-200px;--fromY:0;left:10%;top:43%}.oa-pill--leftTop{--fromX:-160px;--fromY:-80px;left:8%;top:12%}@media (prefers-reduced-motion:reduce){.oa-pill{opacity:1!important;transform:none!important;transition:none!important}}.mtf-wrapper{--ring-size:clamp(320px,46vw,720px);--ring-shift-x:clamp(80px,14vw,180px);--ring-shift-y:clamp(-20px,-4vw,10px);--ring-opacity:0.22;--ring-scale:1;background:linear-gradient(to right,var(--bg-main) 0,var(--bg-secondary) 50%,var(--bg-main) 100%);color:var(--text-primary)}:root[data-theme=dark] .mtf-wrapper{background:radial-gradient(1200px 900px at 50% 0,#020617 0,#020617 40%,#020617 100%)}:root[data-theme=dark] .faq-title,:root[data-theme=dark] .features-heading{color:#fff}.membership-section{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;margin:0 auto;max-width:1200px;min-height:120vh;padding:60px 24px}.membership-left{flex:1 1 360px;max-width:540px;padding:8px 12px 0 8px}.membership-left h2{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:70px;font-weight:300;margin-bottom:55px}.membership-intro{color:var(--text-secondary);margin-bottom:55px}.features-heading{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:20px}.toggle{background:var(--bg-secondary);border-radius:30px;display:inline-flex;margin-bottom:45px;padding:5px;width:-webkit-fit-content;width:fit-content}.toggle button{background:#0000;border:none;border-radius:30px;color:var(--text-primary);cursor:pointer;font-size:30px;padding:10px 20px;transition:.28s}.toggle .active{background:linear-gradient(90deg,#f97316,#2563eb);color:#fff}.membership-right{align-items:center;display:flex;justify-content:center;min-height:400px;min-width:280px;overflow:visible;padding:8px 12px 0 8px;pointer-events:none;position:relative;z-index:10}.membership-right .card *{pointer-events:auto}.card{background:var(--bg-card);border-radius:16px;box-shadow:0 8px 30px #0f172a26;color:var(--text-primary);opacity:0;padding:26px;position:absolute;text-align:center;transform:translateY(40px) scale(.9);transform-origin:center center;transition:all 1s cubic-bezier(.2,.9,.2,1);width:280px;will-change:transform}:root[data-theme=dark] .card{box-shadow:0 22px 45px #000000b3}.card1{height:280px}.card2{height:320px}.card3{height:280px}.card2{opacity:1;transform:translateY(0) scale(1);z-index:3}.card1,.card3{opacity:0;pointer-events:none;transform:translateY(40px) scale(.85)}.membership-right.show-all .card{opacity:1;pointer-events:auto}.membership-right.show-all .card1{opacity:1;transform:translate(-220px,20px) scale(.92);z-index:2}.membership-right.show-all .card2{transform:translateY(0) scale(1);z-index:3}.membership-right.show-all .card3{opacity:1;transform:translate(220px,20px) scale(.92);z-index:2}.membership-right.move-down.show-all .card{transition:all 1.2s cubic-bezier(.2,.8,.2,1)}.card h3{color:var(--text-primary);font-size:28px;margin:10px 0}.card h4{color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:8px}.card h1,.price{color:var(--text-primary);font-size:48px;font-weight:700;margin:10px 0}.price{text-align:center}.free{color:#ef4444}.sub{color:var(--text-secondary);font-size:14px;margin-top:8px}.popular{background:#f97316;color:#fff}.popular .sub,.popular h4{color:#ffffffe6}.popular h1{color:#fff}.popular .buy-btn{background:#2563eb;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:16px;padding:12px 32px;transition:transform .2s ease,box-shadow .2s ease}.popular .buy-btn:hover{box-shadow:0 6px 20px #2563eb66;transform:translateY(-2px)}.tag{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#000;font-size:12px;font-weight:600;padding:6px 12px;right:-12px;top:-12px}.card-bg,.tag{position:absolute}.card-bg{border-radius:16px;height:100%;left:0;object-fit:cover;opacity:.1;pointer-events:none;top:0;width:100%}.card-content1{position:relative;z-index:1}.features-list-full{margin-top:40px;padding:18px;width:100%}.features-list{color:var(--text-secondary);font-size:15px;line-height:1.8;margin:0;white-space:normal}.pricing-compare-wrap{align-items:center;background:#0000;box-sizing:border-box;display:flex;justify-content:center;margin-top:80px;padding:48px 20px 72px;position:relative;transition:box-shadow .18s ease;z-index:6}.decor-dots{background-image:radial-gradient(circle,#c878b4e6 1px,#0000 0);background-size:10px 10px;height:220px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30%,#000 70%,#0000);mask-image:linear-gradient(90deg,#0000,#000 30%,#000 70%,#0000);opacity:.18;pointer-events:none;position:absolute;top:20%;width:420px}:root[data-theme=dark] .decor-dots{opacity:.12}.decor-left{left:-180px;transform:rotate(0deg)}.decor-right{right:-180px;transform:rotate(180deg)}.pricing-cards-compare{align-items:stretch;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:28px;justify-content:center;margin:0 auto;max-width:1120px;padding:12px;width:100%;z-index:2}.price-card{border-radius:18px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;min-height:520px;padding:28px;transition:transform .45s cubic-bezier(.2,.9,.3,1),box-shadow .28s ease;width:300px}.side-card{background:var(--bg-card);border:1.5px solid #ff648c2e;box-shadow:0 18px 40px #0a14320a}.popular-card{align-items:stretch;background:linear-gradient(180deg,#b23bff,#ff6b6b 50%,#3f00ff);border-radius:22px;box-shadow:0 30px 90px #3f00ff1f;color:#fff;justify-content:space-between;min-height:560px;padding:36px;width:360px}.card-inner,.popular-card{display:flex;flex-direction:column}.card-inner{height:100%}.card-top.small{color:var(--text-secondary);font-size:13px;font-weight:600;margin-bottom:6px}.popular-header{color:#fffffff2;font-size:14px;font-weight:700;margin-bottom:12px}.card-features-compact{display:flex;flex:1 1 auto;flex-direction:column;gap:12px;list-style:none;margin:0;overflow:auto;padding:8px 0 12px}.card-features-compact li{color:var(--text-secondary);font-size:14px;line-height:1.45}.popular-features li{color:#fffffff2}.btn{align-self:center;border-radius:999px;display:inline-block;font-size:15px;font-weight:700;margin-top:18px;min-width:150px;padding:14px 28px;transition:transform .18s ease,box-shadow .18s ease}.btn-outline{background:#fff;border:none;box-shadow:0 8px 20px #0b5cff14;color:#0b5cff}.side-card .btn-outline{background:#0b5cff;box-shadow:0 8px 18px #0b5cff2e;color:#fff}.btn-popular{background:#fff;box-shadow:0 12px 30px #0000002e;color:#3b2a9e;padding:14px 34px}.price-card:hover{box-shadow:0 30px 80px #00000014;transform:translateY(-8px)}:root[data-theme=dark] .price-card:hover{box-shadow:0 30px 80px #000000b3}.btn:hover{transform:translateY(-3px)}.membership-right.attached .card{box-shadow:0 26px 60px #0c163c1f;opacity:.98}:root[data-theme=dark] .membership-right.attached .card{box-shadow:0 28px 70px #000c}.membership-right.attached .card1{z-index:12}.membership-right.attached .card2{z-index:13}.membership-right.attached .card3{z-index:12}.membership-right.attached~.pricing-compare-wrap .decor-dots{opacity:.06}@media (max-width:1100px){.decor-dots{display:none}.popular-card{min-height:520px;width:340px}.price-card{min-height:500px;width:300px}.membership-right.show-all .card1{transform:translate(-200px,20px) scale(.92)}.membership-right.show-all .card3{transform:translate(200px,20px) scale(.92)}}@media (max-width:880px){.membership-section{min-height:auto;padding:36px 18px}.membership-left,.membership-right{flex:1 1 100%;max-width:100%;padding:6px 8px}.membership-right{flex-direction:column;min-height:auto}.card{margin:12px auto;max-width:380px;opacity:1!important;position:relative!important;width:100%!important}.card,.membership-right.move-down .card,.membership-right.show-all .card{transform:none!important}.features-list-full{margin-top:20px;padding:14px}.pricing-cards-compare{align-items:center;flex-direction:column;gap:18px;padding:8px}.popular-card,.price-card{max-width:420px;min-height:auto;padding:20px;width:92%}.popular-card{order:2}.side-card:first-of-type{order:1}.side-card:last-of-type{order:3}.pricing-compare-wrap{margin-top:40px;padding:24px 12px}}@media (max-width:520px){.membership-section{gap:16px;padding:28px 14px}.membership-left h2{font-size:42px;margin-bottom:30px}.membership-intro{font-size:14px;margin-bottom:30px}.toggle button{font-size:16px;padding:8px 16px}.features-list{font-size:14px}.card{border-radius:12px;padding:18px}.card h1,.price{font-size:38px}}.faq-hero{align-items:center;box-sizing:border-box;display:flex;gap:48px;justify-content:center;margin:0 auto;padding:56px 48px 96px}.faq-hero:before{left:500px}.faq-hero:after,.faq-hero:before{animation:spinBg 40s linear infinite;background-image:url(/static/media/background1.e67ac9837e3e9a2b15b0.png);background-position:50%;background-repeat:no-repeat;background-size:35%;content:"";height:100%;position:absolute;transform-origin:center center;width:100%;z-index:1}.faq-hero:after{pointer-events:none;right:1000px}.faq-left{flex:1 1 640px;max-width:640px}.faq-title{color:var(--text-primary);font-size:51px;font-weight:500;line-height:1.2;margin:0 0 100px}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 6px 18px #13121614;cursor:pointer;overflow:hidden;padding:18px 22px;transition:transform .22s ease,box-shadow .22s ease}:root[data-theme=dark] .faq-item{border-color:var(--border-medium);box-shadow:0 14px 40px #000000b3}.faq-row{align-items:center;display:flex;justify-content:space-between}.faq-question{color:var(--text-primary);font-size:22px;font-weight:500;margin:0}.chev{color:#ef6b6b;display:inline-flex;transform:rotate(0deg);transition:transform .28s ease}.faq-item.open .chev{transform:rotate(180deg)}.faq-answer{margin-top:8px;max-height:0;opacity:0;overflow:hidden;transition:max-height .36s ease,opacity .32s ease}.faq-item.open .faq-answer{max-height:240px;opacity:1}.faq-answer p{color:var(--text-secondary);font-size:18px;line-height:1.7;margin:0;padding-top:6px}.faq-right{align-items:center;display:flex;flex:0 0 420px;height:560px;justify-content:center;min-width:320px;position:relative}.phone-wrap{border-radius:28px;padding:8px;transform:translateY(6px);z-index:6}@media screen and (max-width:768px){.phone-img{width:100%}}.dot-ring{background-image:radial-gradient(#e9dff8 .9px,#0000 0);background-size:18px 18px;border-radius:50%;height:520px;opacity:.28;pointer-events:none;position:absolute;width:520px;z-index:1}:root[data-theme=dark] .dot-ring{opacity:.16}.left-ring{left:-260px;top:40px;transform:translateX(-10%) scale(1)}.right-ring{opacity:.22;right:-140px;top:20px;transform:translateX(6%) scale(1)}.left-ring,.right-ring{filter:blur(.3px)}@media (max-width:1100px){.membership-section{gap:20px;padding:48px 20px}.faq-title{font-size:44px}.faq-right{flex:0 0 360px;height:520px}.dot-ring{height:440px;width:440px}}@media (max-width:880px){.membership-section{padding:36px 18px}.membership-left,.membership-right{flex:1 1 100%;max-width:100%;padding:6px 8px}.membership-right{align-items:center;flex-direction:column;justify-content:center;min-height:auto;position:relative}.card{margin:12px auto;max-width:380px;opacity:1;position:relative;transform:translateY(0) scale(1);width:100%}.features-list-full{padding:14px}.faq-hero{flex-direction:column;gap:28px;padding:36px 18px 64px}.faq-left,.faq-right{max-width:900px;min-width:0;width:100%}.faq-right{height:auto;order:2;padding-bottom:8px}.phone-wrap{margin:0 auto;width:320px}.left-ring{left:-160px;top:-40px}.left-ring,.right-ring{height:360px;width:360px}.right-ring{right:-120px;top:120px}.faq-title{font-size:35px}.faq-question{font-size:22px}.faq-answer p{font-size:18px}}@media (max-width:520px){.membership-section{gap:16px;padding:28px 14px}.membership-left h2{font-size:28px}.features-list,.membership-intro{font-size:14px}.faq-title{font-size:30px}.phone-wrap{width:260px}.card{border-radius:12px;padding:18px}.faq-item{padding:14px 16px}.faq-question{font-size:16px}.faq-answer p{font-size:14px}}@media (min-width:350px) and (max-width:880px){.membership-section{box-sizing:border-box;display:flex;flex-direction:column;gap:18px;padding:36px 18px}.membership-left,.membership-right{box-sizing:border-box;flex:1 1 100%;max-width:100%;padding:6px 8px}.membership-right{align-items:stretch;display:flex;flex-direction:column;justify-content:flex-start;min-height:auto;position:relative}.card{background:var(--bg-card);border-radius:12px;box-shadow:0 8px 30px #00000014;box-sizing:border-box;left:auto!important;margin:12px auto;max-width:640px;padding:18px;right:auto!important;text-align:center;top:auto!important;width:100%!important}.card,.card1,.card2,.card3,.membership-right.show-all .card1,.membership-right.show-all .card2,.membership-right.show-all .card3{opacity:1!important;position:relative!important;transform:none!important;z-index:auto!important}.tag{position:absolute;right:14px;top:-8px;transform:none}.features-list-full{margin-top:14px;padding:14px;width:100%}.faq-hero{flex-direction:column;gap:22px;padding:28px 16px 36px}.faq-right{height:auto;order:2;padding-bottom:8px}.phone-wrap{margin:0 auto;width:min(86vw,320px)}.left-ring,.right-ring{height:360px;opacity:.18;width:360px}}@media (max-width:349px){.membership-section{gap:12px;padding:18px 12px}.card{border-radius:10px;max-width:540px;padding:14px}.membership-left h2{font-size:22px}.features-list,.membership-intro{font-size:13px}.toggle button{font-size:14px;min-height:40px;padding:10px}.phone-wrap{width:260px}.dot-ring{display:none}}.faq-hero{overflow:hidden;position:relative}@media screen and (max-width:1024px){.faq-hero:before{display:none}.family-text h1{font-size:30px}.family-text p{font-size:20px;line-height:30px}.family-images img{height:150px;width:150px}.family-images.stair .card-2{transform:translate(70px,80px)}.family-images.stair .card-3{transform:translate(150px,170px)}.family-images.stair .card-4{transform:translate(220px,260px)}.family-images.stair .card-5{transform:translate(290px,360px)}}.membershipRing{aspect-ratio:1/1;left:-7%;pointer-events:none;position:absolute;top:55%;transform:translate(calc(-50% + var(--ring-shift-x)),calc(-50% + var(--ring-shift-y)));width:var(--ring-size);z-index:0}.membershipRing-img{animation:ring-spin 36s linear infinite;display:block;filter:drop-shadow(0 8px 30px rgba(63,0,255,.06));height:100%;object-fit:contain;opacity:var(--ring-opacity);transform-origin:50% 50%;width:100%}@keyframes ring-spin{0%{transform:rotate(0deg) scale(var(--ring-scale))}to{transform:rotate(1turn) scale(var(--ring-scale))}}@media (max-width:880px){.mtf-wrapper{--ring-size:clamp(280px,62vw,520px);--ring-shift-x:clamp(0px,4vw,24px);--ring-shift-y:clamp(-10px,-2vw,10px);--ring-opacity:0.18}}@media (max-width:520px){.mtf-wrapper{--ring-size:clamp(220px,70vw,360px);--ring-shift-x:0px;--ring-shift-y:0px;--ring-opacity:0.14}}@media (max-width:360px){.membershipRing{display:none}}@media (prefers-reduced-motion:reduce){.membershipRing-img{animation:none!important}}.contact-section{background:linear-gradient(90deg,#fff 0,#f0f0ff 50%,#fdfeff);background:linear-gradient(to right,var(--bg-main,#fff) 0,var(--bg-secondary,#f0f0ff) 50%,var(--bg-main,#fdfeff) 100%);box-sizing:border-box;display:flex;justify-content:center;padding:48px 20px;width:100%}:root[data-theme=dark] .contact-section{background:radial-gradient(1200px 900px at 50% 0,#020617 0,#020617 40%,#020617 100%)}:root[data-theme=dark] .contact-heading h2,:root[data-theme=dark] .contact-heading h4{color:#fff}.contact-inner{grid-gap:40px;align-items:start;box-sizing:border-box;display:grid;gap:40px;grid-template-columns:1fr 1fr;max-width:1100px;position:relative;width:100%}.contact-left{align-items:flex-start;display:flex;justify-content:flex-start}.image-card{border:2px solid #22222208;border-radius:12px;border-radius:14px;box-shadow:0 20px 50px #11182714;max-width:480px;overflow:hidden;width:100%}:root[data-theme=dark] .image-card{border-color:#0f172ad9;box-shadow:0 26px 60px #000000bf}.hero-img{border-radius:8px;display:block;height:auto;object-fit:cover;transform:translateZ(0);width:100%}.contact-right{padding-bottom:24px;position:relative}.contact-heading h2{color:#0b0b0b;color:var(--text-primary,#0b0b0b);font:normal normal 700 45px/62px Manrope;margin:0 0 50px}.contact-heading h4{color:#111;color:var(--text-primary,#111);font:normal normal 700 35px/33px Manrope;margin:0 0 22px}.contact-form{display:flex;flex-direction:column;gap:16px;width:100%}.row{display:block}.two-cols{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr}.field{background:#fbf9fc;border:1px solid #10101008;border-radius:28px;box-sizing:border-box;display:block;overflow:hidden;padding:14px 20px;position:relative;transition:box-shadow .18s ease,transform .15s ease,background .18s ease,border-color .18s ease}:root[data-theme=dark] .field{background:#0f172aeb;border-color:#94a3b859;box-shadow:0 14px 40px #000000a6}.field.full{width:100%}.field input,.field textarea{background:#0000;border:none;box-sizing:border-box;color:#111;color:var(--text-primary,#111);font:normal normal normal 22px/30px Manrope;outline:none;padding:6px 0 2px;resize:vertical;width:100%}.placeholder{color:#8b8b90;font-size:15px;left:22px;pointer-events:none;position:absolute;top:14px;transition:transform .18s ease,font-size .18s ease,top .18s ease,color .18s ease}:root[data-theme=dark] .placeholder{color:#9ca3af}.field input:focus+.placeholder,.field input:not(:placeholder-shown)+.placeholder,.field textarea:focus+.placeholder,.field textarea:not(:placeholder-shown)+.placeholder{color:#6b6b70;font-size:13px;top:8px;transform:translateY(-8px)}:root[data-theme=dark] .field input:focus+.placeholder,:root[data-theme=dark] .field input:not(:placeholder-shown)+.placeholder,:root[data-theme=dark] .field textarea:focus+.placeholder,:root[data-theme=dark] .field textarea:not(:placeholder-shown)+.placeholder{color:#e5e7eb}.textarea-field{border-radius:26px;min-height:120px;padding:18px 22px}.textarea-field textarea{font-size:15px;line-height:1.5;padding-top:6px}.submit-row{display:flex;justify-content:flex-start;margin-top:8px}.submit-btn{background:linear-gradient(90deg,#007bff,#0a84ff);border:none;border-radius:999px;box-shadow:0 12px 30px #0a84ff2e;color:#fff;cursor:pointer;font-size:18px;font:normal normal normal 32px/30px Manrope;height:80px;padding:18px 64px;transition:transform .16s ease,box-shadow .16s ease;width:100%}.submit-btn:hover{box-shadow:0 18px 36px #0a84ff38;transform:translateY(-3px)}.decor-dot-ring{background-image:radial-gradient(#e9dff8 1px,#0000 0);background-size:14px 14px;border-radius:50%;bottom:-60px;filter:blur(.2px);height:220px;left:-80px;opacity:.22;pointer-events:none;position:absolute;transform:rotate(0deg);width:420px;z-index:0}:root[data-theme=dark] .decor-dot-ring{background-image:radial-gradient(#1f2937 1px,#0000 0);opacity:.18}.contact-right .decor-dot-ring{z-index:1}.contact-right .contact-form{position:relative;z-index:2}@media (max-width:980px){.contact-inner{gap:28px;grid-template-columns:1fr}.image-card{margin:0 auto;max-width:100%;width:100%}.two-cols{grid-template-columns:1fr}.submit-btn{height:auto;min-width:220px;width:100%}.decor-dot-ring{bottom:-40px;height:180px;left:10%;width:340px}}@media (max-width:520px){.contact-inner{gap:20px;padding:16px}.contact-heading h2{font-size:22px}.contact-heading h4{font-size:16px;margin-bottom:12px}.submit-btn{min-width:0;padding:14px 18px;width:100%}.decor-dot-ring{display:none}.field{border-radius:18px;padding:12px 16px}.textarea-field{min-height:96px}}.contact-innerhero{overflow:hidden;position:relative}.contact-inner:before{animation:spinBg 40s linear infinite;background-image:url(/static/media/background1.e67ac9837e3e9a2b15b0.png);background-position:50%;background-repeat:no-repeat;background-size:57%;content:"";height:100%;left:0;position:absolute;top:100px;transform-origin:center center;width:100%;z-index:0}:root[data-theme=dark] .contact-inner:before{filter:brightness(.8) contrast(1.1);opacity:.12}@media screen and (max-width:500px){.contact-inner:before{display:none}}@keyframes spinBg{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image-card.gallery{--g:4px;border-radius:22px;-webkit-clip-path:inset(1px);clip-path:inset(1px);display:grid;overflow:hidden;place-items:center}.image-card.gallery>img{--_p:calc(var(--g)*-1);aspect-ratio:1;border-radius:22px;cursor:pointer;grid-area:1/1;object-fit:cover;transition:.4s .1s;width:var(--size)}.image-card.gallery>img:first-child{-webkit-clip-path:polygon(0 0,calc(100% + var(--_p)) 0,0 calc(100% + var(--_p)));clip-path:polygon(0 0,calc(100% + var(--_p)) 0,0 calc(100% + var(--_p)))}.image-card.gallery>img:last-child{-webkit-clip-path:polygon(100% 100%,100% calc(0% - var(--_p)),calc(0% - var(--_p)) 100%);clip-path:polygon(100% 100%,100% calc(0% - var(--_p)),calc(0% - var(--_p)) 100%)}.image-card.gallery:hover>img:first-child:hover,.image-card.gallery:hover>img:last-child{--_p:calc(50% - var(--g))}.image-card.gallery:hover>img:first-child,.image-card.gallery:hover>img:first-child:hover+img{--_p:calc(-50% - var(--g))}@media (max-width:900px){.image-card.gallery{--size:300px}}@media (max-width:480px){.image-card.gallery{--size:260px}}.immortality-login-container{display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100dvh;overflow:hidden;width:100vw}.left-section{background:linear-gradient(135deg,#e8e6ff,#f0efff);display:flex;flex:1 1;flex-direction:column;padding:calc(24px + env(safe-area-inset-top, 0)) 40px 40px;position:relative}.brand-header{margin-bottom:60px}.brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#e91e63,#9c27b0,#3f51b5,#2196f3);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.2rem;font-weight:700;letter-spacing:1px;margin:0}.decorative-sphere-container{aspect-ratio:1;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:clamp(160px,28vw,350px)}.decorative-sphere-container:before{animation:loginRingSpin 36s linear infinite;background-image:url(/static/media/background1.e67ac9837e3e9a2b15b0.png);background-position:50%;background-repeat:no-repeat;background-size:102% 102%;content:"";inset:0;opacity:.9;pointer-events:none;position:absolute;z-index:0}@keyframes loginRingSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main-sphere{background:radial-gradient(60% 60% at 40% 35%,#fff3,#ffffff0d);border-radius:50%;display:grid;height:100%;left:50%;overflow:hidden;place-items:center;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1}.main-sphere img.ims-gif{height:100%;object-fit:cover;width:100%}.inner-sphere{inset:7%}.inner-sphere,.sphere-highlight{border-radius:50%;pointer-events:none;position:absolute}.sphere-highlight{background:linear-gradient(135deg,#fff6,#ffffff1a);filter:blur(14px);height:28%;left:28%;top:22%;width:28%}.dotted-pattern{display:none}.right-section{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:64px 56px}.form-container{max-width:400px;width:100%}.welcome-title{color:#1f2937;font-size:2.5rem;font-weight:600}.welcome-subtitle{font-size:1rem;line-height:1.5;margin:0 0 40px}.input-group{margin-bottom:24px}.input-label{color:#374151;display:block;font-size:.95rem;font-weight:500;margin-bottom:8px}.input-field{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1f2937;font-size:1rem;padding:14px 16px;transition:all .2s ease;width:100%}.input-field:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.input-field::placeholder{color:#9ca3af}.input-field:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.terms-link{margin:20px 0 32px}.terms-text{color:#3b82f6;font-size:.9rem;font-weight:500;text-decoration:none}.terms-text:hover{text-decoration:underline}.login-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:16px;padding:16px;transition:all .2s ease;width:100%}.login-btn:hover:not(:disabled){box-shadow:0 8px 25px #7c3aed4d;transform:translateY(-1px)}.login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.signup-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:16px;transition:all .2s ease;width:100%}.signup-btn:hover{background:#2563eb;transform:translateY(-1px)}.signup-text{font-weight:600;text-decoration:underline}.error-message{border-radius:6px;font-size:.9rem}@media (max-width:1024px){.right-section{padding:48px 40px}}@media (max-width:900px){.immortality-login-container{flex-direction:column;overflow:auto}.left-section{min-height:240px;padding:24px 24px 20px}.brand-title{font-size:1.8rem}.right-section{min-height:calc(100dvh - 240px);padding:32px 24px}}@media (max-width:640px){.left-section{min-height:220px;padding:16px 16px 14px}.decorative-sphere-container{width:clamp(140px,48vw,200px)}.decorative-sphere-container:before{background-size:96% 96%}.main-sphere{height:82%;width:82%}.right-section{padding:24px 16px}.brand-title{font-size:1.5rem}.welcome-title{font-size:1.8rem}}@media (max-height:640px),(max-width:360px){.left-section{min-height:200px}.decorative-sphere-container{width:clamp(130px,52vw,180px)}.decorative-sphere-container:before{background-size:92% 92%}.right-section{padding:20px 14px}}.form-actions{flex-direction:column;gap:12px;margin-bottom:16px}.input-hint{font-size:.85rem;margin-top:6px}.change-credentials-btn{background:#0000;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px;transition:all .2s ease;width:100%}.change-credentials-btn:hover:not(:disabled){background:#f9fafb;border-color:#7c3aed;color:#7c3aed}.change-credentials-btn:disabled{cursor:not-allowed;opacity:.5}.otp-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1}.otp-info strong{font-weight:600}@media (max-width:640px){.form-actions{gap:10px}.change-credentials-btn{font-size:.9rem;padding:10px}}.info-message{background:#eef7ff;border:1px solid #cfe2ff;border-radius:8px;color:#0b5ed7;font-size:.92rem;margin-bottom:12px;padding:10px 12px}.resend-row{align-items:center;display:flex;gap:6px;margin-top:8px}.resend-text{color:#2563eb;font-size:.95rem}.resend-text:hover{color:#2201f6}.resend-wait{color:#6b7280;font-size:.95rem}.resend-link{background:none;border:none;color:#2563eb;cursor:pointer;font:inherit;margin:0;padding:0;text-decoration:underline}.resend-link:hover{color:#2201f6}.resend-link:disabled{cursor:not-allowed;opacity:.7}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input{padding-right:40px}.password-eye-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;outline:none;position:absolute;right:12px}.forgot-password-row{margin-top:6px;text-align:right}.forgot-password-link{background:none;border:none;color:#6366f1;cursor:pointer;font-size:12px;padding:0}.forgot-password-link:disabled{cursor:default;opacity:.6}.ims-signup-container{display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden;width:100vw}.ims-left{background:linear-gradient(135deg,#e8e6ff,#f0efff);display:flex;flex:1 1;flex-direction:column;padding:40px;position:relative}.ims-brand-header{margin-bottom:60px}.ims-brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#e91e63,#9c27b0,#3f51b5,#2196f3);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.2rem;font-weight:700;letter-spacing:1px;margin:0}.ims-sphere-container{height:450px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:450px}.ims-sphere-container:before{animation:ringSpin 36s linear infinite;background-image:url(/static/media/background1.e67ac9837e3e9a2b15b0.png);background-position:50%;background-repeat:no-repeat;background-size:82% 82%;content:"";inset:0;opacity:.9;pointer-events:none;position:absolute;z-index:0}.ims-main-sphere{background:radial-gradient(60% 60% at 40% 35%,#fff3,#ffffff0d);border-radius:50%;display:grid;height:280px;left:50%;overflow:hidden;place-items:center;position:absolute;top:50%;transform:translate(-50%,-50%);width:280px;z-index:1}.ims-main-sphere img.ims-gif{display:block;height:126%;object-fit:cover;width:100%}.ims-inner-sphere{border-radius:50%;inset:20px;pointer-events:none;position:absolute}.ims-sphere-highlight{background:linear-gradient(135deg,#fff6,#ffffff1a);border-radius:50%;filter:blur(20px);height:80px;left:40px;position:absolute;top:30px;width:80px}.ims-right{align-items:flex-start;background:#fff;display:flex;flex:1 1;justify-content:center;min-height:100vh;overflow-y:auto;padding:40px 60px}.ims-form{max-width:720px;padding-top:40px;width:100%}.ims-title{color:#1f2937;font-size:2.2rem;font-weight:600;margin:0 0 8px}.ims-sub{color:#6b7280;font-size:1rem;line-height:1.5;margin:0 0 40px}.ims-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.9rem;margin-bottom:20px;padding:12px 16px}.ims-options{display:flex;flex-direction:column;gap:20px}.ims-google-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:12px;justify-content:center;padding:14px 16px;transition:all .2s ease;width:100%}.ims-google-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.ims-google-btn:disabled{cursor:not-allowed;opacity:.6}.ims-google-icon{flex-shrink:0;height:20px;width:20px}.ims-divider{color:#6b7280;font-size:.9rem;position:relative;text-align:center}.ims-divider:before{background:#e5e7eb;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.ims-divider span{background:#fff;padding:0 16px;position:relative}.ims-manual-btn{background:#f8f9fa;border:1px solid #6b7280;border-radius:8px;color:#6b7280;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:12px;padding:14px 16px;transition:all .2s ease;width:100%}.ims-manual-btn:hover:not(:disabled){background:#e9ecef;border-color:#495057;color:#495057}.ims-back-btn{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;margin-bottom:20px;padding:8px 0;text-align:left;transition:color .2s ease}.ims-back-btn:hover:not(:disabled){color:#374151}.ims-back-btn:before{content:"←";font-size:1.1rem}.ims-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}.ims-group{display:flex;flex-direction:column;gap:6px;min-width:0;width:100%}.ims-full{grid-column:1/-1}.ims-label{color:#374151;font-size:.85rem;font-weight:500;margin-bottom:2px;white-space:nowrap}.ims-input,.ims-select{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:.9rem;min-height:44px;padding:12px 14px;transition:all .2s ease;width:100%}.ims-input:focus,.ims-select:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.ims-input::placeholder{color:#9ca3af;font-size:.9rem}.ims-input:disabled,.ims-select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.ims-input[type=date]{color:#6b7280;font-family:inherit}.ims-input[type=date]:focus{color:#1f2937}.ims-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f9fafb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath stroke='%237c3aed' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px 18px;padding-right:40px}.ims-terms{margin:20px 0;text-align:right}.ims-terms-link{color:#3b82f6;font-size:.9rem;font-weight:500;text-decoration:none}.ims-terms-link:hover{text-decoration:underline}.ims-submit{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:16px;padding:16px;transition:all .2s ease;width:100%}.ims-submit:hover:not(:disabled){box-shadow:0 8px 25px #7c3aed4d;transform:translateY(-1px)}.ims-submit:disabled{cursor:not-allowed;opacity:.6}.ims-otp{margin:20px 0}.ims-otp-input{font-size:1.1rem;font-weight:600;letter-spacing:2px;text-align:center}.ims-login-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:12px;padding:16px;transition:all .2s ease;width:100%}.ims-login-btn:hover{background:#2563eb;transform:translateY(-1px)}.ims-login-text{font-weight:600;text-decoration:underline}@media (max-width:1024px){.ims-right{padding:30px 40px}.ims-form{max-width:500px}}@media (max-width:968px){.ims-signup-container{flex-direction:column}.ims-left{height:200px;padding:30px}.ims-sphere-container{height:200px;width:200px}.ims-main-sphere{height:160px;width:160px}.ims-inner-sphere{height:120px;width:120px}.ims-brand-title{font-size:1.8rem}.ims-right{min-height:calc(100vh - 200px);padding:30px}.ims-title{font-size:1.8rem}.ims-grid{gap:16px;grid-template-columns:1fr}.ims-full{grid-column:1}}@media (max-width:640px){.ims-left,.ims-right{padding:20px}.ims-left{height:150px}.ims-sphere-container{height:120px;width:120px}.ims-main-sphere{height:100px;width:100px}.ims-inner-sphere{height:80px;width:80px}.ims-brand-title{font-size:1.5rem}.ims-title{font-size:1.6rem}.ims-form{padding-top:20px}}.otp-verification-container{display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden;width:100vw}.otp-left{background:linear-gradient(135deg,#e8e6ff,#f0efff);display:flex;flex:1 1;flex-direction:column;padding:40px;position:relative}.otp-brand-header{margin-bottom:60px}.otp-brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#e91e63,#9c27b0,#3f51b5,#2196f3);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.2rem;font-weight:700;letter-spacing:1px;margin:0}.otp-sphere-container{height:450px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:450px}.otp-sphere-container:before{animation:ringSpin 36s linear infinite;background-image:url(/static/media/background1.e67ac9837e3e9a2b15b0.png);background-position:50%;background-repeat:no-repeat;background-size:82% 82%;content:"";inset:0;opacity:.9;pointer-events:none;position:absolute;z-index:0}.otp-main-sphere{background:radial-gradient(60% 60% at 40% 35%,#fff3,#ffffff0d);border-radius:50%;display:grid;height:350px;left:50%;overflow:hidden;place-items:center;position:absolute;top:50%;transform:translate(-50%,-50%);width:350px;z-index:1}.otp-main-sphere img.ims-gif{display:block;height:100%;object-fit:cover;width:100%}.otp-inner-sphere{border-radius:50%;inset:20px;pointer-events:none;position:absolute}.otp-sphere-highlight{background:linear-gradient(135deg,#fff6,#ffffff1a);border-radius:50%;filter:blur(20px);height:80px;left:40px;position:absolute;top:30px;width:80px}@keyframes ringSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.otp-right{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:40px 60px}.otp-form{max-width:500px;width:100%}.otp-title{color:#1f2937;font-size:2.2rem;font-weight:600;margin:0 0 8px}.otp-sub{color:#6b7280;font-size:1rem;line-height:1.5;margin:0 0 40px}.otp-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626}.otp-error,.otp-info{font-size:.9rem;margin-bottom:20px;padding:12px 16px}.otp-info{background:#eef7ff;border:1px solid #cfe2ff;border-radius:6px;color:#0b5ed7}.otp-verification-section{display:flex;flex-direction:column;gap:24px}.otp-phone-info{margin-bottom:8px}.otp-info-text{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0;text-align:start}.otp-input-section{display:flex;flex-direction:column;gap:16px}.otp-label{color:#374151;font-size:.85rem;font-weight:500;margin-bottom:2px;text-align:left}.otp-single-input-container{display:flex;justify-content:start;margin-bottom:8px}.otp-single-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:.9rem;font-weight:500;letter-spacing:4px;padding:14px 16px;text-align:center;transition:all .2s ease;width:100%}.otp-single-input:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.otp-single-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.otp-single-input::placeholder{color:#9ca3af;font-size:1.1rem;letter-spacing:2px}.otp-submit-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:8px;padding:16px;transition:all .2s ease;width:100%}.otp-submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #7c3aed4d;transform:translateY(-1px)}.otp-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.otp-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px;text-align:center}.otp-resend-row{align-items:center;display:flex;gap:6px;margin-top:4px}.otp-resend-text,.otp-resend-wait{color:#6b7280;font-size:.95rem}.otp-resend-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 0;text-align:start;text-decoration:underline}.otp-resend-btn:hover:not(:disabled){color:#2563eb}.otp-resend-btn:disabled{cursor:not-allowed;opacity:.5}.otp-back-btn{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:.9rem;font-weight:500;padding:12px 0;text-align:start;transition:color .2s ease}.otp-back-btn:hover:not(:disabled){color:#374151}.otp-back-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1024px){.otp-right{padding:30px 40px}.otp-form{max-width:450px}}@media (max-width:968px){.otp-verification-container{flex-direction:column}.otp-left{height:200px;padding:30px}.otp-sphere-container{height:200px;width:200px}.otp-main-sphere{height:160px;width:160px}.otp-inner-sphere{inset:20px}.otp-brand-title{font-size:1.8rem}.otp-right{min-height:calc(100vh - 200px);padding:30px}.otp-title{font-size:1.8rem}}@media (max-width:640px){.otp-left,.otp-right{padding:20px}.otp-left{height:150px}.otp-sphere-container{height:120px;width:120px}.otp-main-sphere{height:100px;width:100px}.otp-inner-sphere{inset:10px}.otp-brand-title{font-size:1.5rem}.otp-title{font-size:1.6rem}.otp-single-input{max-width:300px}}@media (prefers-reduced-motion:reduce){.otp-sphere-container:before{animation:none}}.dob-picker{display:flex;flex-direction:column;gap:6px;position:relative;width:100%}.dob-label{color:#374151;font-size:.9rem;font-weight:600}.dob-display{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;justify-content:space-between;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.dob-display:hover{border-color:#6366f1;box-shadow:0 0 0 1px #6366f166}.dob-display-disabled{cursor:not-allowed;opacity:.6}.dob-placeholder{color:#9ca3af}.dob-calendar-icon{font-size:1rem;margin-left:8px}.dob-calendar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 18px 45px #00000014;left:0;margin-top:6px;padding:10px 10px 12px;position:absolute;top:100%;width:280px;z-index:50}.dob-calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.dob-month-year{align-items:center;display:flex;gap:6px}.dob-select{background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;font-size:.8rem;outline:none;padding:4px 8px}.dob-select:focus{border-color:#6366f1}.dob-nav-btn{align-items:center;background:#0000;border:none;border-radius:999px;cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;transition:background .15s ease;width:28px}.dob-nav-btn:hover{background:#f3f4f6}.dob-weekdays{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.dob-weekday{color:#9ca3af;font-size:.7rem;font-weight:600;text-align:center}.dob-days-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.dob-day{background:#fff;border:none;border-radius:999px;cursor:pointer;font-size:.8rem;padding:6px 0;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.dob-day:hover{background:#eef2ff}.dob-day.selected{background:#6366f1;box-shadow:0 0 0 2px #6366f166;color:#fff}.dob-day.future{color:#d1d5db;cursor:not-allowed}.dob-day.empty{background:#0000;cursor:default}.dob-today-row{display:flex;justify-content:flex-end;margin:6px 0 4px}.dob-today-btn{background:#4c6fff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px;transition:.2s}.dob-today-btn:hover{background:#3957e8}:root[data-theme=dark] .dob-label{color:#e5e7eb}:root[data-theme=dark] .dob-display{background:#020617;border-color:#1f2937;box-shadow:0 0 0 1px #020617;color:#e5e7eb}:root[data-theme=dark] .dob-display:hover{background:#020617;border-color:#6366f1;box-shadow:0 0 0 1px #6366f18c}:root[data-theme=dark] .dob-placeholder{color:#6b7280}:root[data-theme=dark] .dob-calendar-icon{color:#9ca3af}:root[data-theme=dark] .dob-calendar{background:#020617;border-color:#1f2937;box-shadow:0 24px 60px #000000e6}:root[data-theme=dark] .dob-select{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .dob-select:focus{border-color:#6366f1}:root[data-theme=dark] .dob-nav-btn{color:#e5e7eb}:root[data-theme=dark] .dob-nav-btn:hover{background:#111827}:root[data-theme=dark] .dob-weekday{color:#6b7280}:root[data-theme=dark] .dob-day{background:#020617;color:#e5e7eb}:root[data-theme=dark] .dob-day:hover{background:#111827}:root[data-theme=dark] .dob-day.selected{background:#4f46e5;box-shadow:0 0 0 2px #4f46e599;color:#f9fafb}:root[data-theme=dark] .dob-day.future{color:#4b5563}:root[data-theme=dark] .dob-day.empty{background:#0000}:root[data-theme=dark] .dob-today-btn{background:#4f46e5;color:#f9fafb}:root[data-theme=dark] .dob-today-btn:hover{background:#4338ca}.profile-container{background:#f8fafc;margin:0 auto;max-width:1000px;min-height:100vh;padding:32px}.profile-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.back-button{border-radius:8px;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s ease}.back-button:hover{border-color:#cbd5e1;color:#334155}.profile-header h1{color:#1e293b;flex:1 1;font-size:32px;font-weight:700;margin:0}.profile-actions{display:flex;gap:12px}.edit-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.edit-button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.edit-actions{display:flex;gap:8px}.cancel-button{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .2s ease}.cancel-button:hover{background:#f8fafc;border-color:#cbd5e1}.save-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.save-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.save-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.button-spinner{border:2px solid #0000;border-top-color:currentcolor;height:14px;width:14px}.message{border-radius:8px;font-weight:500;margin-bottom:24px;padding:12px 16px}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.profile-content{display:flex;flex-direction:column;gap:24px}.profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px 0 #0000001a;padding:32px}.profile-avatar-section{align-items:center;display:flex;gap:24px}.profile-avatar-wrapper{border-radius:50%;cursor:default;flex-shrink:0;height:120px;overflow:hidden;position:relative;transition:transform .2s;width:120px}.profile-avatar-wrapper.editable{cursor:pointer}.profile-avatar-wrapper.editable:hover{transform:scale(1.05)}.profile-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:36px;font-weight:700;height:120px;justify-content:center;left:0;position:absolute;top:0;width:120px}.profile-avatar-image{border-radius:50%;height:100%;object-fit:cover;position:relative;width:100%;z-index:1}.avatar-overlay{align-items:center;background:#0009;border-radius:50%;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s;z-index:2}.profile-avatar-wrapper.editable:hover .avatar-overlay{opacity:1}.avatar-overlay svg{margin-bottom:8px}.avatar-overlay p{color:#fff;font-size:12px;font-weight:500;margin:0}.delete-avatar-button{align-items:center;background:#f44;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:6px;margin-top:10px;padding:6px 12px;transition:background .2s}.delete-avatar-button:hover{background:#c00}.profile-basic-info h2{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 8px}.profile-email{color:#64748b;font-size:16px;margin:0 0 4px}.profile-joined{color:#94a3b8;font-size:14px;margin:0}.profile-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;display:flex;padding:6px}.tab-button{background:none;border-radius:8px;color:#64748b;flex:1 1;font-weight:500;padding:12px 20px;transition:all .2s ease}.tab-button.active{background:#3b82f6}.tab-button:hover:not(.active){background:#f1f5f9;color:#334155}.tab-content{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px 0 #0000001a;padding:32px}.tab-panel h3{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 32px}.form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#374151}.form-input,.form-textarea{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .2s ease}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;outline:none}.form-display{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;display:flex;font-size:14px;min-height:44px;padding:12px 16px}.age-display{color:#64748b;font-size:12px;margin-left:8px}.account-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:16px;padding:20px}.stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-details h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 4px}.stat-details p{color:#64748b;font-size:14px;margin:0}.status-active{color:#16a34a!important;font-weight:600!important}.account-actions{display:flex;flex-direction:column;gap:24px}.action-group h4{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 12px}.action-group.danger h4{color:#dc2626}.action-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.action-button.secondary:hover{background:#f8fafc;border-color:#cbd5e1}.action-button.danger{border-color:#fecaca;color:#dc2626}.action-button.danger:hover{background:#fef2f2;border-color:#f87171}.profile-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;height:100vh;justify-content:center}@media (max-width:768px){.profile-container{padding:16px}.profile-header{align-items:flex-start;flex-direction:column}.profile-header h1{font-size:24px}.profile-avatar-section{flex-direction:column;gap:16px;text-align:center}.profile-avatar,.profile-avatar-wrapper{height:100px;width:100px}.profile-avatar{font-size:32px}.form-grid{gap:16px;grid-template-columns:1fr}.profile-tabs{flex-direction:column;gap:4px}.account-stats{grid-template-columns:1fr}.stat-item{padding:16px}}@media (max-width:480px){.profile-card,.tab-content{padding:20px}.edit-actions{flex-direction:column;width:100%}.edit-actions button{width:100%}}:root[data-theme=dark] .profile-container{background:radial-gradient(circle at 0 0,#020617 0,#020617 45%,#020617 100%);color:#e5e7eb}:root[data-theme=dark] .back-button{background:#020617;border-color:#1f2937;color:#9ca3af}:root[data-theme=dark] .back-button:hover{background:#0b1120;border-color:#334155;color:#e5e7eb}:root[data-theme=dark] .profile-header h1{color:#e5e7eb}:root[data-theme=dark] .error-message{background:#f871711a;border-color:#fca5a5;color:#fecaca}:root[data-theme=dark] .success-message{background:#22c55e14;border-color:#4ade80;color:#bbf7d0}:root[data-theme=dark] .profile-card,:root[data-theme=dark] .tab-content{background:#020617;border-color:#1f2937;box-shadow:0 18px 60px #000000e6}:root[data-theme=dark] .profile-basic-info h2{color:#e5e7eb}:root[data-theme=dark] .profile-email{color:#cbd5f5}:root[data-theme=dark] .profile-joined{color:#64748b}:root[data-theme=dark] .profile-tabs{background:#020617;border-color:#1f2937;box-shadow:0 18px 50px #000000e6}:root[data-theme=dark] .tab-button.active{background:#3b82f6;color:#f9fafb}:root[data-theme=dark] .tab-button:hover:not(.active){background:#0b1120}:root[data-theme=dark] .form-group label{color:#e5e7eb}:root[data-theme=dark] .form-input,:root[data-theme=dark] .form-textarea{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .form-input:focus,:root[data-theme=dark] .form-textarea:focus{border-color:#3b82f6}:root[data-theme=dark] .form-display{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .age-display{color:#9ca3af}:root[data-theme=dark] .stat-item{background:#020617;border-color:#1f2937}:root[data-theme=dark] .stat-details h4{color:#e5e7eb}:root[data-theme=dark] .stat-details p{color:#9ca3af}:root[data-theme=dark] .action-group h4{color:#e5e7eb}:root[data-theme=dark] .action-button{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .action-button.secondary:hover{background:#0b1120;border-color:#334155}:root[data-theme=dark] .action-button.danger{border-color:#f8717180;color:#fecaca}:root[data-theme=dark] .action-button.danger:hover{background:#7f1d1dcc;border-color:#f87171}:root[data-theme=dark] .delete-avatar-button{background:#dc2626}:root[data-theme=dark] .delete-avatar-button:hover{background:#b91c1c}:root[data-theme=dark] .profile-loading{color:#9ca3af}.app-sidebar{background:#915afd;box-shadow:2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:70px;z-index:1001}.app-sidebar--expanded{width:280px}.app-sidebar__header{border-bottom:1px solid #ffffff1a;padding:16px}.app-sidebar__branding{align-items:center;cursor:pointer;display:flex;gap:12px;transition:all .3s ease}.app-sidebar__branding:hover{opacity:.9}.app-sidebar__avatar-wrapper{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.app-sidebar__avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:40px}.app-sidebar--expanded .app-sidebar__avatar{font-size:20px;height:50px;width:50px}.app-sidebar__avatar:hover{transform:scale(1.05)}.app-sidebar__avatar-img{animation:sidebarAvatarFadeIn .3s ease;border-radius:50%;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.app-sidebar__avatar-initials{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:100%;justify-content:center;width:100%}.app-sidebar--expanded .app-sidebar__avatar-initials{font-size:20px}.app-sidebar__username-mini{color:#fff;font-size:10px;font-weight:600;line-height:1.2;max-width:60px;opacity:1;overflow:hidden;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 2px #0003;white-space:nowrap}.app-sidebar__user-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;overflow:hidden}.app-sidebar__title{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.app-sidebar__title,.app-sidebar__username-full{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar__username-full{color:#ffffffe6;font-size:12px;margin:0}@keyframes sidebarAvatarFadeIn{0%{opacity:0}to{opacity:1}}.app-sidebar__navigation{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:8px 0}.app-sidebar__navigation::-webkit-scrollbar{width:4px}.app-sidebar__navigation::-webkit-scrollbar-track{background:#0000}.app-sidebar__navigation::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.app-sidebar__nav-item{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:16px;padding:16px 20px;position:relative;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.app-sidebar__nav-item:hover{background:#7d46ff;color:#fff;transform:translateX(2px)}.app-sidebar__nav-item--active{background:#fff;border-right:3px solid #8b5cf6;color:#8b5cf6}.app-sidebar__nav-item--active:before{background:#8b5cf6;border-radius:0 4px 4px 0;content:"";height:40px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.app-sidebar__nav-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.app-sidebar__nav-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar__footer{border-top:1px solid #ffffff1a;padding:8px 0}.dashboard-layout{background:#f8fafc;display:flex;min-height:100vh}.app-sidebar__overlay{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#00000059;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .25s ease;z-index:1000}.app-sidebar__overlay.is-visible{opacity:1;pointer-events:auto}@media (max-width:768px){.app-sidebar{transform:translateX(-100%);width:280px}.app-sidebar--expanded{transform:translateX(0)}.dashboard-main{margin-left:0!important}.app-sidebar__avatar{font-size:14px;height:35px;width:35px}.app-sidebar__username-mini{font-size:9px;max-width:50px}.app-sidebar__overlay{left:0}}@media (max-width:480px){.dashboard-main{padding:16px}.app-sidebar__nav-item{padding:14px 16px}.app-sidebar__avatar{font-size:13px;height:32px;width:32px}.app-sidebar__username-mini{font-size:8px;max-width:45px}}.app-sidebar__nav-item:focus{outline:2px solid #ffffff80;outline-offset:-2px}.app-sidebar__avatar:focus{outline:2px solid #ffffff80;outline-offset:2px}.modal-backdrop{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal-container{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:100%}.modal-header{padding:1.5rem}.modal-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-close-btn:hover{background:#e5e7eb;color:#374151}.modal-content{flex:1 1;padding:1.5rem}.modal-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.loading-spinner{border:3px solid #e5e7eb;height:32px;width:32px}.relationship-modal-form{display:flex;flex-direction:column;gap:1.5rem}.modal-error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem}.relationships-builder{display:flex;flex-direction:column;gap:1rem}.modal-relationship-row{align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;display:flex;gap:1rem;padding:1rem;transition:all .2s}.modal-relationship-row:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.input-group label{font-weight:500}.input-group select{border:1px solid #d1d5db}.modal-remove-button{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-remove-button:hover{background:#dc2626;transform:scale(1.05)}.modal-relationships-summary{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.75rem;padding:1rem}.modal-relationships-summary h4{color:#166534;font-size:.875rem;font-weight:600;margin:0 0 .75rem}.modal-relationships-summary ul{list-style:none;margin:0;padding:0}.modal-relationships-summary li{color:#166534;font-size:.875rem;line-height:1.4;padding:.25rem 0 .25rem 1.25rem;position:relative}.modal-relationships-summary li:before{color:#16a34a;content:"✓";font-weight:700;left:0;position:absolute}.modal-form-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem}.nested-modal-backdrop{align-items:center;background:#0000004d;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1200}.nested-modal-card{animation:modalSlideIn .2s ease-out;background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;max-width:420px;padding:1.5rem;width:100%}.add-member-form{display:flex;flex-direction:column;gap:1rem}.add-member-form label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.add-member-form input{border:1px solid #d1d5db;border-radius:.375rem;box-sizing:border-box;font-size:.875rem;margin-top:.25rem;padding:.625rem;transition:all .2s;width:100%}.add-member-form input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.nested-modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}@media (max-width:768px){.modal-backdrop{padding:.5rem}.modal-container{max-width:none;width:100%}.modal-content,.modal-header{padding:1rem}.relationship-inputs{grid-template-columns:1fr}.modal-relationship-row{align-items:stretch;flex-direction:column}.modal-remove-button{align-self:center;margin-top:.5rem}.modal-form-actions{flex-direction:column}.btn{justify-content:center}.nested-modal-card{margin:1rem;max-width:none}}.family-tree-container{background:#0000;box-sizing:border-box;color:#111827;min-height:100vh;overflow-x:auto;padding:0;position:relative}.family-tree-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;padding:3rem 2rem 2rem;position:relative;z-index:10}.header-content h1{color:#1a1a1a;font-size:2.5rem;font-weight:600;margin:0 0 1rem}.header-content p{color:#6b7280;font-size:1.05rem;line-height:1.6;max-width:700px}.header-actions{gap:1rem}.btn-create-tree{background:#8b5cf6;border:none;border-radius:.5rem;box-shadow:0 6px 20px #8b5cf61f;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.875rem 1.6rem;transition:all .25s ease}.btn-create-tree:hover{box-shadow:0 10px 30px #8b5cf626;transform:translateY(-2px)}.btn-secondary{background:#1f29370f;border:1px solid #1f29370f;border-radius:.5rem;color:#111827;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.6rem 1rem}.btn-edit-toggle{background:#6b21a8;border:none;border-radius:8px;box-shadow:0 6px 20px #6b21a81f;color:#fff;cursor:pointer;font-weight:600;padding:10px 14px;transition:all .18s ease}.btn-edit-toggle.active{background:#ef4444;box-shadow:0 6px 20px #ef444417}.btn-edit-toggle:hover{transform:translateY(-2px)}.family-tree-content{align-items:center;display:flex;justify-content:center;padding:2rem}.family-tree-visualization{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;min-width:420px;padding:2rem;position:relative}.family-level{align-items:flex-start;display:flex;gap:36px;justify-content:center;margin:40px 0;position:relative}.family-level.level-0{margin-top:0}.member-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 28px;position:relative}.family-member.empty-card-member,.family-member.main-member{height:220px;margin:10px auto;max-height:220px;max-width:200px;min-height:220px;min-width:200px;width:200px;z-index:3}.family-member.empty-card-member,.family-member.main-member,.member-card{align-items:center;box-sizing:border-box;display:flex;justify-content:center;position:relative}.member-card{background:#fff;border:1px solid #eef2f6;border-radius:12px;box-shadow:0 6px 18px #0f172a0f;flex-direction:column;height:100%;padding:12px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;width:100%}.family-level:not(:last-child) .member-wrapper>.member-card:after{bottom:-22px}.family-level:not(:first-child) .member-wrapper>.member-card:before,.family-level:not(:last-child) .member-wrapper>.member-card:after{background:#6366f129;content:"";height:22px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:2px;z-index:1}.family-level:not(:first-child) .member-wrapper>.member-card:before{top:-22px}.family-level:not(:first-child):before{background:#6366f129;content:"";height:2px;left:10%;pointer-events:none;position:absolute;right:10%;top:-22px;z-index:0}.family-level:not(:first-child) .member-wrapper:after{background:#6366f129;content:"";height:22px;left:50%;pointer-events:none;position:absolute;top:-22px;transform:translateX(-50%);width:2px;z-index:1}.member-wrapper:hover:after,.member-wrapper:hover>.member-card:after,.member-wrapper:hover>.member-card:before{background:#8b5cf638}.member-card:hover{border-color:#e6eaf3;box-shadow:0 14px 40px #0f172a14;transform:translateY(-6px)}.member-avatar{border:3px solid #f1f5f9;border-radius:50%;height:72px;margin-bottom:12px;overflow:hidden;position:relative;width:72px}.member-avatar img{display:block;height:100%;object-fit:cover;width:100%}.avatar-fallback{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.3rem;font-weight:700;height:100%;justify-content:center;width:100%}.member-info{padding:0 6px;text-align:center}.member-name{color:#0f1724;font-size:1.1rem;font-weight:600;margin:0 0 6px}.member-relationship{color:#64748b;font-size:.85rem;font-weight:500;margin:0}.member-details{border-top:1px solid #f1f5f9;margin-top:.75rem;padding-top:.75rem}.member-dob,.member-relation{color:#64748b;display:block;font-size:.75rem;margin:.25rem 0}.empty-card{align-items:center;background:#fff;border:2px dashed #e6eef8;border-radius:12px;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:12px;transition:transform .18s,border-color .18s,background .18s;width:100%}.empty-card:hover{background:#faf7ff;border-color:#8b5cf6;transform:translateY(-4px)}.empty-card-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.plus-icon-large{color:#9ca3af;font-size:2.4rem;margin-bottom:6px}.empty-card:hover .plus-icon-large{color:#8b5cf6;transform:scale(1.05)}.empty-card-text{color:#4b5563;font-size:.9rem;font-weight:600;margin:0}.empty-card-subtext{color:#6b7280;font-size:.78rem;margin-top:6px}.small-plus-btn{align-items:center;background:#fff;border:2px dashed #cbd5e1;border-radius:50%;box-shadow:0 6px 14px #0f172a0f;color:#9ca3af;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:26px;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:all .18s ease;width:26px;z-index:8}.small-plus-btn.visible{opacity:1;pointer-events:auto}.small-plus-btn:hover{background:#faf5ff;border-color:#8b5cf6;border-style:solid;box-shadow:0 8px 18px #8b5cf61f;color:#8b5cf6;transform:scale(1.08)}.small-plus-btn.plus-top{left:50%;top:-12px;transform:translateX(-50%)}.small-plus-btn.plus-bottom{bottom:-12px;left:50%;transform:translateX(-50%)}.small-plus-btn.plus-left{left:-12px;top:50%;transform:translateY(-50%)}.small-plus-btn.plus-right{right:-12px;top:50%;transform:translateY(-50%)}.small-plus-btn[title]:hover:after{background:#111827;border-radius:6px;bottom:-36px;box-shadow:0 6px 20px #1118271f;color:#fff;content:attr(title);font-size:12px;left:50%;padding:6px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:20}.small-plus-btn[title]:hover:before{border:6px solid #0000;border-top-color:#111827;bottom:-22px;content:"";left:50%;position:absolute;transform:translateX(-50%);z-index:20}@media (max-width:1024px){.family-level{gap:26px;margin:32px 0}.member-wrapper{margin:0 18px}.family-level:not(:first-child):before{left:6%;right:6%}.family-level:not(:last-child) .member-wrapper>.member-card:after{bottom:-18px;height:18px}.family-level:not(:first-child) .member-wrapper:after{height:18px;top:-18px}.family-member.empty-card-member,.family-member.main-member{height:200px;width:180px}.member-avatar{height:64px;width:64px}}@media (max-width:768px){.family-tree-visualization{padding:1rem}.family-level{align-items:center;flex-direction:column;gap:28px}.family-level:not(:first-child):before{display:none}.member-wrapper{margin:10px 0}.family-member.empty-card-member,.family-member.main-member{height:190px;width:160px}.member-card{padding:10px}.member-avatar{height:56px;margin-bottom:8px;width:56px}.small-plus-btn{font-size:12px;height:22px;width:22px}.small-plus-btn.plus-top{top:-10px}.small-plus-btn.plus-bottom{bottom:-10px}}.family-member.highlighted .member-card{border:2px solid #8b5cf6;box-shadow:0 0 0 6px #8b5cf614}.member-card .member-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.family-tree-error,.family-tree-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:2rem;text-align:center}.small-plus-btn:focus-visible{outline:3px solid #8b5cf633;outline-offset:2px}.empty-card-member:focus-visible{border-radius:12px;outline:3px solid #8b5cf61f;outline-offset:4px}.plus-icon-large{transition:transform .18s,color .18s}.empty-card,.member-card{transition:transform .18s ease,box-shadow .18s ease}.default-tree-preview{opacity:.95}.member-wrapper.partner{margin:0 10px}.member-wrapper.partner .member-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.create-relationship-container{background:#f8fafc;min-height:calc(100vh - 100px);padding:2rem}.create-relationship-header{margin-bottom:2rem}.back-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#64748b;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.back-button:hover{background:#f1f5f9;color:#475569;transform:translateX(-2px)}.header-content h2{color:#1a202c;font-size:1.875rem;font-weight:600;margin:0 0 .5rem}.header-content p{color:#64748b;font-size:1rem;margin:0}.create-relationship-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;max-width:1400px}.create-relationship-form{background:#fff;border-radius:1rem;box-shadow:0 1px 3px 0 #0000001a;height:-webkit-fit-content;height:fit-content;padding:2rem}.error-message{align-items:center;border:1px solid #fecaca;border-radius:.5rem;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.relationships-builder{margin-bottom:2rem}.builder-header{border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1rem}.builder-header h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.builder-header p{color:#6b7280;font-size:.875rem;margin:0}.relationship-row{align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;transition:all .2s}.relationship-row:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.row-number{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:32px;justify-content:center;width:32px}.relationship-inputs{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;grid-template-columns:1fr 1fr;max-width:600px;width:100%}.input-group{display:flex;flex-direction:column}.input-group label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.input-group select{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;padding:.75rem;transition:all .2s}.input-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-group select.error{border-color:#dc2626}.remove-button{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.remove-button:hover{background:#dc2626;transform:scale(1.1)}.relationship-preview-inline{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:.5rem;color:#1e40af;font-size:.875rem;grid-column:span 2;margin-top:.5rem;padding:.75rem;text-align:center}.relationships-summary{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.relationships-summary h4{color:#166534;font-size:1rem;font-weight:600;margin:0 0 1rem}.relationships-summary ul{list-style:none;margin:0;padding:0}.relationships-summary li{color:#166534;font-size:.875rem;line-height:1.5;padding:.5rem 0 .5rem 1.5rem;position:relative}.relationships-summary li:before{color:#16a34a;content:"✓";font-weight:700;left:0;position:absolute}.form-actions{border-top:1px solid #f1f5f9;display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem}.btn{border-radius:.5rem;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#3b82f6}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563}.button-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.help-section{background:#fff;border-radius:1rem;box-shadow:0 1px 3px 0 #0000001a;height:-webkit-fit-content;height:fit-content;padding:1.5rem}.help-section h3{color:#1a202c;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.help-section ul{list-style:none;margin:0;padding:0}.help-section li{color:#64748b;font-size:.875rem;line-height:1.5;padding:.5rem 0 .5rem 1.5rem;position:relative}.help-section li:before{color:#3b82f6;content:"→";font-weight:700;left:0;position:absolute}.create-relationship-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{margin-bottom:1rem}@media (max-width:1024px){.create-relationship-content{grid-template-columns:1fr}}@media (max-width:768px){.create-relationship-container{padding:1rem}.relationship-inputs{grid-template-columns:1fr}.relationship-row{align-items:stretch}.form-actions,.relationship-row{flex-direction:column}.btn{justify-content:center}}@media (max-width:480px){.relationship-row{padding:.75rem}.row-number{align-self:center}}.pending-approvals-page{margin:0 auto;max-width:1100px;padding:20px}.approvals-header{align-items:center;display:flex;gap:18px;margin-bottom:18px}.back-btn{color:#333;font-size:16px}.sub{color:#666;font-size:13px;margin-top:4px}.empty,.error,.loading{color:#666;padding:18px;text-align:center}.approvals-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.approval-card{background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 1px 2px #00000008;padding:14px}.card-top{justify-content:space-between;margin-bottom:10px}.card-top,.relation-title{align-items:center;display:flex}.relation-title{gap:10px}.badge{background:#fbd38d;border-radius:12px;color:#6b3b00;font-size:12px;padding:4px 8px}.meta{color:#666;font-size:13px}.card-body{border-bottom:1px solid #fafafa;border-top:1px solid #fafafa;gap:20px;margin:8px 0;padding:8px 0}.card-body,.person{align-items:center;display:flex}.person{gap:10px}.avatar{align-items:center;background:#e2e8f0;border-radius:50%;color:#1f2937;display:flex;font-weight:700;height:44px;justify-content:center;width:44px}.pinfo .pname{font-weight:600}.psub{color:#777;font-size:12px}.connector{color:#444;font-style:italic}.card-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.btn{border:1px solid #0000;border-radius:6px;padding:8px 12px}.btn.approve{background:#10b981;color:#fff}.btn.reject{background:#ef4444;color:#fff}.reject-modal{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.reject-card{background:#fff;border-radius:8px;box-shadow:0 6px 20px #00000040;padding:18px;width:420px}.reject-card textarea{border:1px solid #e5e7eb;border-radius:6px;margin-top:12px;min-height:100px;padding:10px;resize:vertical;width:100%}.reject-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.all-notifs-page{align-items:flex-start;background:#f3f4f6;display:flex;justify-content:center;min-height:100vh;padding:40px 16px}.all-notifs-card{background:#fff;border-radius:16px;box-shadow:0 18px 45px #0f172a14;box-sizing:border-box;max-width:960px;padding:24px 28px 32px;width:100%}.all-notifs-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px}.all-notifs-title{color:#0f172a;font-size:22px;font-weight:600;margin:0}.all-notifs-back-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:7px 14px;transition:background .15s ease,box-shadow .15s ease,transform .08s ease}.all-notifs-back-btn:hover{background:#fff;box-shadow:0 6px 18px #0f172a1f;transform:translateY(-1px)}.all-notifs-search-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.all-notifs-search-wrapper{flex:1 1 260px;position:relative}.all-notifs-search-icon{font-size:14px;left:10px;opacity:.6;position:absolute;top:50%;transform:translateY(-50%)}.all-notifs-search-input{border:1px solid #e5e7eb;border-radius:999px;font-size:13px;outline:none;padding:8px 12px 8px 30px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.all-notifs-search-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e52e}.all-notifs-count{color:#6b7280;font-size:13px;white-space:nowrap}.all-notifs-empty,.all-notifs-error,.all-notifs-loading{color:#4b5563;font-size:14px}.all-notifs-error{color:#b91c1c}.all-notifs-list{list-style:none;margin:0;padding:0}.all-notifs-item{grid-column-gap:16px;border-bottom:1px solid #e5e7eb;column-gap:16px;display:grid;grid-template-columns:32px 1fr;padding:14px 4px}.all-notifs-timeline-col{display:flex;justify-content:center;position:relative}.all-notifs-timeline-dot{background:#4f46e5;border-radius:999px;height:10px;margin-top:4px;width:10px;z-index:1}.all-notifs-timeline-line{background:#e5e7eb;bottom:-14px;position:absolute;top:14px;width:2px;z-index:0}.all-notifs-main{display:flex;flex-direction:column;gap:4px}.all-notifs-item-title{color:#111827;font-size:15px;font-weight:600}.all-notifs-item-body{color:#4b5563;font-size:13px}.all-notifs-item-meta{color:#9ca3af;font-size:12px}.all-notifs-load-more-wrap{display:flex;justify-content:center;margin-top:20px}.all-notifs-load-more-btn{background:#f3f4ff;border:1px solid #e5e7eb;border-radius:999px;color:#4f46e5;cursor:pointer;font-size:13px;font-weight:600;padding:9px 18px;transition:background .15s ease,box-shadow .15s ease,transform .08s ease,border-color .15s ease}.all-notifs-load-more-btn:hover{background:#e0e7ff;border-color:#4f46e5;box-shadow:0 8px 20px #4f46e540;transform:translateY(-1px)}@media (max-width:640px){.all-notifs-card{padding:18px 16px 24px}.all-notifs-item{grid-template-columns:24px 1fr}}.members-container{background-color:#f8f9fa;margin:0 auto;min-height:100vh;padding:24px;width:100%}.members-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px}.header-left h2{color:#2c3e50;font-size:28px;font-weight:600;margin:0 0 16px}.members-stats{flex-wrap:wrap}.stat-item{border-radius:20px;font-size:14px;gap:8px;padding:8px 16px}.stat-number{color:#4285f4;font-size:16px}.stat-label{color:#666;font-size:13px}.family-info h3{color:#34495e;font-size:20px;margin:0;text-align:right}.current-user-role{color:#666;font-size:12px;margin-top:4px;text-align:right}.members-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden}.members-table{border-collapse:collapse;font-size:14px;width:100%}.members-table thead{background:#f8f9fa;border-bottom:2px solid #e9ecef}.members-table th{color:#495057;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.members-table tbody tr{border-bottom:1px solid #f1f3f4;transition:background-color .2s ease}.members-table tbody tr:hover{background-color:#f8f9fa}.members-table td{padding:16px 12px;vertical-align:middle}.member-cell .member-info{align-items:center;display:flex;gap:12px}.member-avatar-small{flex-shrink:0;height:40px;position:relative;width:40px}.member-avatar-small img{border:2px solid #e9ecef;border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-fallback-small{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #e9ecef;border-radius:50%;font-size:16px;font-weight:600;height:100%;width:100%}.avatar-fallback-small,.custom-badge-small{align-items:center;color:#fff;display:flex;justify-content:center}.custom-badge-small{background:#ff6b35;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #0003;font-size:10px;font-weight:700;height:16px;position:absolute;right:-3px;top:-3px;width:16px}.member-details .member-name-small{color:#2c3e50;font-size:15px;font-weight:600;margin-bottom:2px}.member-details .member-status{color:#666;font-size:12px}.email-cell{color:#495057;font-family:Courier New,monospace;font-size:13px}.role-badge-small{border-radius:16px;color:#fff;font-size:12px;gap:4px;padding:4px 10px;text-transform:capitalize}.role-badge-small,.type-badge{align-items:center;display:inline-flex;font-weight:500}.type-badge{border-radius:12px;font-size:11px;padding:4px 8px;text-transform:uppercase}.type-badge.registered{background:#e8f5e8;color:#2e7d32}.type-badge.custom{background:#fff3e0;color:#ef6c00}.date-cell{color:#666;font-size:13px}.actions-cell{text-align:right}.action-buttons{align-items:center;display:flex;gap:8px;justify-content:flex-end}.btn-view{background:#f8f9fa;border:1px solid #dee2e6;color:#495057;font-size:12px;gap:4px;transition:all .2s ease}.btn-view:hover{background:#e9ecef;border-color:#adb5bd}.btn-admin{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.btn-admin.promote{background:#ff6b35;color:#fff}.btn-admin.promote:hover{background:#e55a2b;transform:translateY(-1px)}.btn-admin.demote{background:#6c757d;color:#fff}.btn-admin.demote:hover{background:#5a6268;transform:translateY(-1px)}.no-permission{color:#999;cursor:not-allowed;font-size:16px;padding:6px}.members-loading{align-items:center;color:#7f8c8d;display:flex;flex-direction:column;height:300px;justify-content:center}.loading-spinner{border:3px solid #e9ecef;border-top-color:#667eea}.members-error{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:40px;text-align:center}.members-error h3{color:#e74c3c;margin-bottom:16px}.retry-btn{background:#3498db;font-size:16px;margin-top:16px;padding:12px 24px}.retry-btn:hover{background:#2980b9}.no-members{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.no-members h3{color:#7f8c8d;margin-bottom:16px}.no-members p{color:#95a5a6}.member-details-popup{border-radius:16px!important;box-shadow:0 20px 40px #00000026!important}.member-details-popup .swal2-popup{padding:0!important}.member-details-popup .swal2-title{align-items:center!important;color:#2c3e50!important;display:flex!important;font-size:20px!important;font-weight:600!important;gap:8px!important;margin:0!important;padding:20px 24px 0!important}.member-details-popup .swal2-html-container{margin:0!important;max-height:none!important;overflow:visible!important;padding:0!important}.member-details-popup .swal2-actions{margin:0!important;padding:16px 24px 20px!important}.member-details-popup .swal2-confirm{background:#4285f4!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 8px #4285f44d!important;font-size:14px!important;font-weight:500!important;padding:12px 24px!important}.member-details-popup .swal2-confirm:hover{background:#3367d6!important;box-shadow:0 4px 12px #4285f466!important;transform:translateY(-1px)!important}.member-modal-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #f8f9fa;border-radius:50%;box-shadow:0 4px 16px #0000001a;color:#fff;display:flex;font-size:24px;font-weight:600;height:80px;justify-content:center;margin:0 auto 12px;width:80px}.member-modal-role{align-items:center;background:gold;border-radius:16px;color:#2c3e50;display:inline-flex;font-size:13px;font-weight:600;gap:4px;margin-bottom:16px;padding:6px 12px;text-transform:capitalize}.member-modal-section{background:#f8f9fa;border-radius:12px;margin-bottom:16px;padding:16px}.member-modal-section h4{font-weight:600;gap:6px;margin:0 0 12px}.member-modal-section h4,.member-modal-section p{align-items:center;color:#495057;display:flex;font-size:14px}.member-modal-section p{gap:8px;margin:0 0 8px}.member-modal-section p:last-child{margin-bottom:0}.member-modal-section strong{color:#2c3e50;font-weight:600}.member-type-registered{color:#2e7d32;font-weight:600}.member-type-custom{color:#ef6c00;font-weight:600}.permissions-section{background:#e3f2fd;border-radius:12px;padding:16px}.permissions-section h4{align-items:center;color:#1976d2;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 12px}.permissions-list{list-style:none;margin:0;padding:0}.permissions-list li{align-items:center;border-bottom:1px solid #1976d21a;color:#495057;display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.permissions-list li:last-child{border-bottom:none}.permission-label{font-weight:500}.permission-status{align-items:center;display:flex;font-weight:600;gap:4px}.permission-yes{color:#4caf50}.permission-no{color:#f44336}@media (max-width:768px){.members-container{padding:16px}.members-header{flex-direction:column;gap:16px;text-align:center}.members-stats{justify-content:center}.current-user-role,.family-info h3{text-align:center}.members-table-container{overflow-x:auto}.members-table{min-width:600px}.members-table td,.members-table th{padding:12px 8px}.action-buttons{flex-direction:column;gap:4px}.btn-admin{font-size:11px;padding:4px 8px}.member-details-popup{margin:20px!important}.member-modal-avatar{font-size:20px;height:60px;width:60px}.member-modal-section{padding:12px}.member-modal-section p{font-size:13px}}@media (max-width:480px){.members-header h2{font-size:24px}.stat-item{font-size:12px}.members-table td,.members-table th{font-size:13px;padding:8px 6px}.member-details-popup .swal2-title{font-size:18px!important;padding:16px 20px 0!important}.member-modal-section{margin-bottom:12px;padding:10px}}.pending-join-requests{padding:20px}.pending-join-requests h3{color:#333;margin-bottom:20px}.requests-list{display:flex;flex-direction:column;gap:15px}.request-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;padding:20px;transition:transform .2s}.request-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.request-info{align-items:center;display:flex;gap:15px}.requester-avatar{border-radius:50%;height:50px;object-fit:cover;width:50px}.requester-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:50px;justify-content:center;width:50px}.requester-details h4{color:#333;font-size:16px;margin:0 0 5px}.requester-email{color:#666;font-size:14px;margin:0 0 5px}.request-time{color:#999;font-size:12px;margin:0}.request-actions{display:flex;gap:10px}.request-actions .btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:8px 20px;transition:all .2s}.request-actions .btn.approve{background:#10b981;color:#fff}.request-actions .btn.approve:hover{background:#059669}.request-actions .btn.reject{background:#ef4444;color:#fff}.request-actions .btn.reject:hover{background:#dc2626}.request-actions .btn:disabled{cursor:not-allowed;opacity:.6}.no-requests{color:#999;font-size:16px;padding:40px;text-align:center}.error-message,.loading{color:#666;padding:20px;text-align:center}.anonymous-messaging-settings{display:flex;flex-direction:column;gap:16px;margin-top:16px}.anonymous-setting-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.anonymous-setting-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.anonymous-setting-info h4{color:#333;font-size:16px;font-weight:600;margin:0 0 4px}.anonymous-setting-info p{color:#6c757d;font-size:14px;margin:0}.toggle-switch{background-color:#8f8f8f;border-radius:20px;display:inline-block;height:28px;position:relative;width:56px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;bottom:4px;left:4px;transition:.3s}input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}input:checked+.toggle-slider:before{transform:translateX(28px)}input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.anonymous-settings-empty,.anonymous-settings-loading{color:#6c757d;font-style:italic;padding:24px;text-align:center}.delete-message-access-container{padding:1rem 0;width:100%}.delete-message-access-settings{display:flex;flex-direction:column;gap:1rem;width:100%}.delete-message-access-settings .error-message{background:#dc35451a;border-radius:6px;color:#dc3545;font-size:.875rem;margin-bottom:.5rem;padding:.5rem}.delete-message-access-settings .muted{color:#6c757d;font-size:.875rem;margin:0}.delete-message-access-settings .chat-toggle-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.delete-message-access-settings .chat-toggle-item:hover{background:#e9ecef}.delete-message-access-settings .toggle-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.delete-message-access-settings .chat-name{color:#2c3e50;font-size:.95rem;font-weight:600}.delete-message-access-settings .toggle-info .muted{color:#6c757d;font-size:.8rem;line-height:1.4}.delete-message-access-settings .toggle-switch{cursor:pointer;display:inline-block;height:26px;margin-left:1rem;position:relative;width:50px}.delete-message-access-settings .toggle-switch input{height:0;opacity:0;width:0}.delete-message-access-settings .toggle-slider{background-color:#ccc;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.delete-message-access-settings .toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}.delete-message-access-settings .toggle-switch input:checked+.toggle-slider{background-color:#6366f1}.delete-message-access-settings .toggle-switch input:focus+.toggle-slider{box-shadow:0 0 1px #6366f1}.delete-message-access-settings .toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.delete-message-access-settings .toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.delete-message-access-settings .loading-container{align-items:center;display:flex;justify-content:center;padding:2rem}.delete-message-access-settings .loading-spinner{animation:spin .8s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#6366f1;height:24px;width:24px}.delete-message-access-settings .updating-indicator{align-items:center;color:#6366f1;display:flex;font-size:.875rem;gap:.5rem;margin-top:.5rem}.delete-message-access-settings .updating-indicator:before{animation:spin .6s linear infinite;border:2px solid #6366f1;border-radius:50%;border-top-color:#0000;content:"";height:14px;width:14px}@media (max-width:768px){.delete-message-access-settings .chat-toggle-item{padding:.875rem}.delete-message-access-settings .chat-name{font-size:.9rem}.delete-message-access-settings .toggle-info .muted{font-size:.75rem}.delete-message-access-settings .toggle-switch{height:24px;margin-left:.75rem;width:44px}.delete-message-access-settings .toggle-slider:before{height:18px;width:18px}.delete-message-access-settings .toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}}.activity-logs-container{margin:0 auto;max-width:1400px;padding:24px}.logs-header{flex-wrap:wrap;gap:16px;margin-bottom:24px}.header-left{align-items:center;display:flex;gap:16px}.header-icon{color:#4f46e5;color:var(--primary-color,#4f46e5)}.logs-header h2{color:#1f2937;color:var(--text-primary,#1f2937);font-size:24px;font-weight:600;margin:0}.header-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;margin:4px 0 0}.header-actions{gap:12px}.btn-icon,.header-actions{align-items:center;display:flex}.btn-icon{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;cursor:pointer;justify-content:center;padding:8px;transition:all .2s}.btn-icon:hover:not(:disabled){background:#e5e7eb;background:var(--bg-hover,#e5e7eb)}.btn-icon:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.btn-secondary:hover{background:#e5e7eb;background:var(--bg-hover,#e5e7eb)}.btn-primary{background:#4f46e5;background:var(--primary-color,#4f46e5);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-primary:hover{background:#4338ca;background:var(--primary-dark,#4338ca)}.stats-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.stat-card{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;gap:16px;padding:20px}.stat-icon{border-radius:12px;color:#fff;height:48px;width:48px}.stat-icon.total{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.success{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.failed{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-icon.users{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-content{flex:1 1}.stat-label{color:#6b7280;color:var(--text-secondary,#6b7280);margin-bottom:4px}.stat-value{color:#1f2937;color:var(--text-primary,#1f2937);font-size:24px}.filters-section{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.search-bar{flex:1 1;min-width:300px}.search-icon{color:#6b7280;color:var(--text-secondary,#6b7280)}.search-input{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:10px 40px}.search-input:focus{border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);box-shadow:0 0 0 3px #4f46e51a}.clear-search{background:none;border:none;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:24px;height:20px;justify-content:center;padding:0;position:absolute;right:12px;width:20px}.btn-filter,.clear-search{align-items:center;cursor:pointer;display:flex}.btn-filter{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:500;gap:8px;padding:10px 16px;position:relative;transition:all .2s}.btn-filter:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6)}.btn-filter.active{background:#4f46e5;background:var(--primary-color,#4f46e5);border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);color:#fff}.filter-badge{color:#4f46e5;color:var(--primary-color,#4f46e5);font-size:20px;line-height:1}.btn-filter.active .filter-badge{color:#fff}.advanced-filters{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;margin-bottom:20px;padding:20px}.filter-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.filter-group{gap:6px}.filter-group label{color:#6b7280;color:var(--text-secondary,#6b7280);font-weight:500}.filter-input,.filter-select{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;font-size:14px;padding:8px 12px}.filter-input:focus,.filter-select:focus{border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);outline:none}.filter-actions{gap:12px;justify-content:flex-end}.logs-table-container{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;overflow:hidden}.logs-table{border-collapse:collapse;width:100%}.logs-table thead{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb)}.logs-table th{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.logs-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;padding:16px}.logs-table tbody tr:last-child td{border-bottom:none}.logs-table tbody tr:hover{background:#f9fafb;background:var(--bg-hover,#f9fafb)}.timestamp-cell{align-items:center;display:flex;font-family:Monaco,Menlo,monospace;font-size:13px;gap:8px}.cell-icon{color:#6b7280;color:var(--text-secondary,#6b7280);flex-shrink:0}.user-cell .user-info{align-items:center;display:flex;gap:10px}.user-avatar{align-items:center;background:#4f46e5;background:var(--primary-color,#4f46e5);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.action-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.03em;padding:4px 10px;text-transform:uppercase}.badge-create{background:#dcfce7;color:#166534}.badge-read{background:#dbeafe;color:#1e40af}.badge-update{background:#fef3c7;color:#92400e}.badge-delete{background:#fee2e2;color:#991b1b}.badge-admin{background:#f3e8ff;color:#6b21a8}.badge-default{background:#f3f4f6;color:#374151}.resource-cell{color:#6b7280;color:var(--text-secondary,#6b7280);text-transform:capitalize}.details-cell{max-width:400px}.log-action{color:#1f2937;color:var(--text-primary,#1f2937);font-weight:500;margin-bottom:4px}.log-details{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-cell{align-items:center;display:flex;gap:6px}.status-icon.success{color:#10b981}.status-icon.failed{color:#ef4444}.status-icon.warning{color:#f59e0b}.status-text{font-weight:500;text-transform:capitalize}.status-text.success{color:#10b981}.status-text.failed{color:#ef4444}.btn-view{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;padding:6px 10px;transition:all .2s}.btn-view:hover{background:#4f46e5;background:var(--primary-color,#4f46e5);border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);color:#fff}.empty-state,.error-state,.loading-state{color:#6b7280;color:var(--text-secondary,#6b7280);padding:60px 20px;text-align:center}.empty-state svg,.error-state svg,.loading-state svg{color:#9ca3af;color:var(--text-secondary,#9ca3af);margin-bottom:16px}.error-state{color:#ef4444;color:var(--error-color,#ef4444)}.spinning{animation:spin 1s linear infinite}.pagination-container{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 20px}.pagination-info{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px}.pagination-controls{align-items:center;display:flex;gap:8px}.btn-pagination{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;display:flex;font-size:14px;gap:4px;padding:8px 12px;transition:all .2s}.btn-pagination:hover:not(:disabled){background:#f3f4f6;background:var(--bg-secondary,#f3f4f6)}.btn-pagination:disabled{cursor:not-allowed;opacity:.5}.page-numbers{display:flex;gap:4px}.page-btn{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;cursor:pointer;font-size:14px;height:36px;transition:all .2s;width:36px}.page-btn:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6)}.page-btn.active{background:#4f46e5;background:var(--primary-color,#4f46e5);border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);color:#fff}.pagination-limit{align-items:center;display:flex;font-size:14px;gap:8px}.limit-select{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;font-size:14px;padding:6px 8px}.modal-overlay{background:#00000080}.modal-content{box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb)}.modal-header h3{font-size:18px;font-weight:600}.modal-close{background:none;border:none;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:28px;height:28px;padding:0;width:28px}.modal-body{padding:24px}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.detail-item value{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px}.small-text{font-size:12px!important;word-break:break-all}.error-box{background:#fef2f2;border-left:3px solid #ef4444;border-radius:8px;padding:12px}.error-box value{color:#991b1b;font-weight:500}.metadata-pre{background:#f9fafb;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;font-family:Monaco,Menlo,monospace;font-size:12px;overflow-x:auto;padding:12px}@media (max-width:768px){.activity-logs-container{padding:16px}.logs-header{align-items:flex-start;flex-direction:column}.header-actions{flex-wrap:wrap;width:100%}.stats-grid{grid-template-columns:1fr}.filters-section{flex-direction:column}.search-bar{width:100%}.logs-table-container{overflow-x:auto}.logs-table{min-width:1000px}.pagination-container{align-items:flex-start;flex-direction:column}.detail-grid{grid-template-columns:1fr}}.prq-root{background-color:#f8f9fa;box-sizing:border-box;min-height:calc(100vh - 80px);padding:32px 20px;width:100%}.prq-center-wrap{display:flex;justify-content:center;margin:0 auto;max-width:920px}.prq-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:24px;width:100%}.prq-card.small{max-width:420px;padding:20px;text-align:center}.prq-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.prq-title{color:#1f2937;font-size:20px;font-weight:600;letter-spacing:-.025em;margin:0}.prq-actions{align-items:center;display:flex;gap:16px}.prq-tabs{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;display:flex;padding:2px}.prq-tab{background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.prq-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1f2937}.prq-tab:hover:not(.active){background:#ffffffb3;color:#374151}.prq-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.prq-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:16px;justify-content:space-between;padding:16px;transition:all .2s ease}.prq-item:hover{border-color:#d1d5db;box-shadow:0 1px 4px #0000000d}.prq-main{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.prq-subject{color:#1f2937;font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prq-meta{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.prq-dot{color:#9ca3af;margin:0 2px}.prq-status{border-radius:12px;font-size:12px;font-weight:500;padding:2px 8px;text-transform:capitalize}.prq-status.pending{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.prq-status.approved{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.prq-controls{align-items:center;display:flex;flex-shrink:0;gap:8px}.prq-btn{align-items:center;border:1px solid;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .2s ease}.prq-btn:disabled{cursor:not-allowed;opacity:.6}.prq-btn-ghost{background:#fff;border-color:#d1d5db;color:#374151}.prq-btn-ghost:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.prq-btn-danger{background:#fff;border-color:#fecaca;color:#dc2626}.prq-btn-danger:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5}.prq-btn-danger:disabled{border-color:#e5e7eb;color:#9ca3af}.prq-empty,.prq-error,.prq-loading{color:#6b7280;padding:32px 16px;text-align:center}.prq-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626}.prq-empty h5{font-size:16px;font-weight:500;margin:0}.prq-muted{color:#6b7280;font-size:14px;margin:0}.prq-unauthorized{align-items:center;display:flex;justify-content:center;min-height:200px}@media (max-width:768px){.prq-root{padding:16px}.prq-header{align-items:stretch;flex-direction:column;gap:16px}.prq-actions{justify-content:space-between}.prq-item{align-items:stretch;flex-direction:column;gap:12px}.prq-controls{justify-content:flex-end}.prq-meta{gap:8px}.prq-tabs{flex:1 1}.prq-tab{flex:1 1;text-align:center}}@media (max-width:480px){.prq-card{padding:16px}.prq-title{font-size:18px}.prq-item{padding:12px}.prq-meta{align-items:flex-start;flex-direction:column;gap:4px}.prq-dot{display:none}}.prq-type-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.03em;padding:4px 12px;position:absolute;right:12px;top:12px}.prq-item{padding-right:160px;position:relative}.prq-approved-badge{background:#10b981;border-radius:6px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:8px 16px}.prq-status.pending{color:#f59e0b;font-weight:600}.prq-status.approved{color:#10b981;font-weight:600}.prq-status.rejected{color:#ef4444;font-weight:600}@media (max-width:768px){.prq-type-badge{display:inline-block;margin-bottom:8px;position:static}.prq-item{padding-right:12px}}.manage-plan-empty-card{background:#fff;border-radius:18px;box-shadow:0 16px 40px #0f172a0d;margin-top:24px;max-width:520px;padding:28px 24px;text-align:left}.manage-plan-empty-card h2{font-size:18px;margin-bottom:6px}.manage-plan-empty-card p{color:#6b7280;font-size:14px;margin-bottom:16px}.manage-plan-empty-icon{align-items:center;background:#eef2ff;border-radius:12px;display:inline-flex;font-size:20px;height:40px;justify-content:center;margin-bottom:10px;width:40px}.manage-plan-banner{align-items:center;background:#7c3aed0f;border:1px solid #7c3aed40;border-radius:999px;color:#4b5563;display:flex;font-size:13px;gap:10px;margin-top:14px;padding:10px 14px}.manage-plan-banner-text strong{color:#4f46e5}.manage-plan-banner-btn{margin-left:auto}.manage-plan-settings{padding:24px 32px 40px}@media (max-width:900px){.manage-plan-settings{padding:16px 16px 32px}}.manage-plan-header-card{align-items:center;background:#fff;border-radius:18px;box-shadow:0 18px 40px #0f172a0f;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding:18px 24px}.manage-plan-title{color:#111827;font-size:22px;font-weight:600;letter-spacing:.01em}.manage-plan-subtitle{color:#6b7280;font-size:14px;margin-top:4px}.manage-plan-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(0,1.6fr) minmax(0,1.2fr)}.manage-plan-column{display:flex;flex-direction:column;gap:16px}@media (max-width:900px){.manage-plan-grid{grid-template-columns:minmax(0,1fr)}}.manage-plan-card{background:#fff;border-radius:18px;box-shadow:0 14px 35px #0f172a0d;padding:18px 22px}.manage-plan-card+.manage-plan-card{margin-top:16px}.manage-plan-card-current{border:1px solid #7c3aed40}.manage-plan-card-invite{border:1px solid #818cf84d}.manage-plan-card-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px}.manage-plan-card-title{color:#111827;font-size:15px;font-weight:600}.manage-plan-current-body{display:flex;flex-direction:column;font-size:13px;gap:6px}.manage-plan-current-row{color:#4b5563;display:flex;justify-content:space-between}.manage-plan-current-label{color:#6b7280}.manage-plan-current-value{color:#111827;font-weight:500}.manage-plan-storage-bar-wrapper{margin-top:12px}.manage-plan-storage-bar{background:#eef2ff;border-radius:999px;height:8px;overflow:hidden;width:100%}.manage-plan-storage-bar-fill{background:linear-gradient(90deg,#7c3aed,#6366f1);border-radius:inherit;height:100%;transition:width .3s ease}.manage-plan-storage-bar-text{color:#6b7280;font-size:12px;margin-top:6px}.manage-plan-muted{color:#6b7280;font-size:13px}.manage-plan-muted-small{color:#6b7280;font-size:12px}.manage-plan-btn-ghost,.manage-plan-btn-primary,.manage-plan-btn-secondary{align-items:center;border:none;border-radius:999px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;transition:all .18s ease}.manage-plan-btn-primary{background:linear-gradient(135deg,#7c3aed,#6366f1);box-shadow:0 10px 25px #7c3aed59;color:#fff}.manage-plan-btn-primary:hover{box-shadow:0 14px 30px #7c3aed66;transform:translateY(-1px)}.manage-plan-btn-secondary{background:#eef2ff;color:#4f46e5}.manage-plan-btn-secondary:hover{background:#e0e7ff}.manage-plan-btn-ghost{background:#0000;color:#4f46e5}.manage-plan-btn-ghost:hover{background:#f3f4ff}.manage-plan-btn-ghost:disabled,.manage-plan-btn-primary:disabled,.manage-plan-btn-secondary:disabled{box-shadow:none;cursor:default;opacity:.6}.manage-plan-members-list{list-style:none;margin:8px 0 0;padding:0}.manage-plan-member-row{align-items:center;border-bottom:1px solid #f3f4f6;border-radius:12px;display:flex;justify-content:space-between;padding:10px 14px;transition:background .2s ease}.manage-plan-member-row:last-child{border-bottom:none}.manage-plan-member-row:hover{background:#7c3aed0a}.manage-plan-member-info{align-items:center;display:flex;gap:10px}.manage-plan-member-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:999px;color:#fff;display:flex;font-size:15px;font-weight:600;height:32px;justify-content:center;width:32px}.manage-plan-member-text{display:flex;flex-direction:column}.manage-plan-member-name{color:#111827;font-size:13px;font-weight:500}.manage-plan-member-role-pill{align-items:center;background:#eef2ff;border-radius:999px;color:#4f46e5;display:inline-flex;font-size:11px;margin-top:2px;padding:2px 8px}.manage-plan-member-remove{background:#0000;border:none;color:#ef4444;cursor:pointer;font-size:13px;font-weight:500}.manage-plan-member-remove:hover{text-decoration:underline}.manage-plan-invite-box{display:flex;flex-direction:column;gap:8px;margin-top:12px}.manage-plan-invite-label{color:#6b7280;font-size:12px;font-weight:500}.manage-plan-invite-row{display:flex;gap:8px}.manage-plan-invite-select{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#111827;flex:1 1;font-size:13px;outline:none;padding:8px 10px}.manage-plan-invite-select:focus{border-color:#7c3aed;box-shadow:0 0 0 1px #7c3aed40}.manage-plan-invite-select:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.7}:root{--immortality-primary:#6366f1;--immortality-primary-dark:#4f46e5;--immortality-primary-light:#818cf8;--immortality-secondary:#8b5cf6;--immortality-bg:#f6f7ff;--immortality-card-bg:#fff;--immortality-text-primary:#1e293b;--immortality-text-secondary:#64748b;--immortality-border:#e2e8f0;--immortality-success:#10b981;--immortality-error:#ef4444;--immortality-warning:#f59e0b}.immfam-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.immfam-loading-spinner{animation:immfam-spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#6366f1;border:3px solid var(--immortality-border);border-radius:50%;border-top-color:var(--immortality-primary);height:40px;width:40px}@keyframes immfam-spin{to{transform:rotate(1turn)}}.immfam-btn-spinner{animation:immfam-spin .6s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;margin-right:8px;width:14px}.immfam-header-subtitle{color:#64748b;color:var(--immortality-text-secondary);font-size:.875rem;margin:4px 0 0}.immfam-primary-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--immortality-primary),var(--immortality-secondary));border:none;border-radius:999px;box-shadow:0 8px 18px #6366f147;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 26px;transition:all .2s ease;white-space:nowrap}.immfam-primary-btn:hover:not(:disabled){box-shadow:0 10px 24px #6366f15c;transform:translateY(-1px)}.immfam-primary-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.immfam-btn-icon{font-size:1.1rem;line-height:1}.immfam-empty{margin:0 auto;max-width:540px;padding:80px 20px;text-align:center}.immfam-empty-icon{font-size:3.5rem;margin-bottom:18px;opacity:.9}.immfam-empty h3{color:#1e293b;color:var(--immortality-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 10px}.immfam-empty p{color:#64748b;color:var(--immortality-text-secondary);line-height:1.6;margin:0 0 24px}.immfam-grid{gap:24px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));padding:4px}.immfam-card{background:#fff;background:var(--immortality-card-bg);border:1px solid #e2e8f0e6;border-radius:18px;box-shadow:0 12px 30px #94a3b82e;padding:22px 24px 18px;transition:all .2s ease}.immfam-card:hover{border-color:#818cf8cc;box-shadow:0 16px 38px #94a3b840;transform:translateY(-2px)}.immfam-card-top{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--immortality-border);display:flex;gap:16px;margin-bottom:18px;padding-bottom:16px}.immfam-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--immortality-primary),var(--immortality-secondary));border-radius:16px;color:#fff;display:flex;flex-shrink:0;font-size:1.3rem;font-weight:700;height:52px;justify-content:center;width:52px}.immfam-details{flex:1 1;min-width:0}.immfam-name{color:#1e293b;color:var(--immortality-text-primary);font-size:1.2rem;font-weight:600;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.immfam-role-chip{border-radius:999px;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:4px 11px;text-transform:uppercase}.immfam-role-chip.role-super_admin{background:#fef3c7;color:#92400e}.immfam-role-chip.role-admin{background:#e0ecff;color:#1e40af}.immfam-role-chip.role-member{background:#f3f4ff;color:#4b5563}.immfam-stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.immfam-stat-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;display:flex;gap:10px;padding:12px 14px}.immfam-stat-icon{font-size:1.3rem}.immfam-stat-info{display:flex;flex-direction:column;gap:2px}.immfam-stat-number{color:#6366f1;color:var(--immortality-primary);font-size:1.05rem;font-weight:700}.immfam-stat-label{color:#64748b;color:var(--immortality-text-secondary);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.immfam-members{border-top:1px solid #e2e8f0;border-top:1px solid var(--immortality-border);margin-bottom:16px;margin-top:4px;padding-top:14px}.immfam-members-header{margin-bottom:10px}.immfam-members-header h4{color:#1e293b;color:var(--immortality-text-primary);font-size:.95rem;font-weight:600;margin:0}.immfam-members-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto;padding-right:3px}.immfam-members-list::-webkit-scrollbar{width:6px}.immfam-members-list::-webkit-scrollbar-track{background:#eef2ff;border-radius:3px}.immfam-members-list::-webkit-scrollbar-thumb{background:#cbd5f5;border-radius:3px}.immfam-members-list::-webkit-scrollbar-thumb:hover{background:#a5b4fc}.immfam-member-card{align-items:center;background:#f8f9ff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.immfam-member-card:hover{background:#f1f5ff;border-color:#c4d1ff}.immfam-member-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--immortality-primary),var(--immortality-secondary));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.95rem;font-weight:700;height:38px;justify-content:center;width:38px}.immfam-member-details{flex:1 1;min-width:0}.immfam-member-name-row{align-items:center;color:#1e293b;color:var(--immortality-text-primary);display:flex;font-size:.93rem;font-weight:600;gap:6px;margin-bottom:2px}.immfam-member-you{background:#e0ecff;border-radius:999px;color:#1e40af;font-size:.65rem;font-weight:700;padding:2px 7px;text-transform:uppercase}.immfam-member-email{color:#64748b;color:var(--immortality-text-secondary);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.immfam-member-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.immfam-member-role-chip{border-radius:999px;font-size:.7rem;font-weight:600;padding:4px 9px;text-transform:uppercase}.immfam-member-role-chip.role-super_admin{background:#fef3c7;color:#92400e}.immfam-member-role-chip.role-admin{background:#e0ecff;color:#1e40af}.immfam-member-role-chip.role-member{background:#eef2ff;color:#4b5563}.immfam-member-remove-btn{background:#0000;border:1px solid #ef4444;border:1px solid var(--immortality-error);border-radius:8px;color:#ef4444;color:var(--immortality-error);cursor:pointer;font-size:.78rem;font-weight:600;padding:5px 10px;transition:all .2s ease;white-space:nowrap}.immfam-member-remove-btn:hover{background:#fee2e2}.immfam-no-members{color:#64748b;color:var(--immortality-text-secondary);font-size:.86rem;padding:16px;text-align:center}.immfam-card-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--immortality-border);padding-top:14px}.immfam-owner-banner{align-items:center;background:linear-gradient(135deg,#fef9c3,#feecc8);border-radius:12px;color:#92400e;display:flex;font-size:.86rem;font-weight:600;gap:8px;justify-content:center;padding:11px}.immfam-owner-icon{font-size:1.1rem}.immfam-leave-btn{background:#0000;border:1.5px solid #ef4444;border:1.5px solid var(--immortality-error);border-radius:12px;color:#ef4444;color:var(--immortality-error);cursor:pointer;font-size:.88rem;font-weight:600;padding:11px;transition:all .2s ease;width:100%}.immfam-leave-btn:hover{background:#fee2e2}.immfam-modal-overlay{align-items:center;animation:immfam-fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes immfam-fadeIn{0%{opacity:0}to{opacity:1}}.immfam-modal{animation:immfam-modalUp .25s ease-out;background:#fff;background:var(--immortality-card-bg);border-radius:18px;box-shadow:0 24px 60px #94a3b873;max-height:90vh;max-width:480px;overflow-y:auto;width:90%}@keyframes immfam-modalUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.immfam-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--immortality-border);display:flex;justify-content:space-between;padding:20px 22px 16px}.immfam-modal-header h3{color:#1e293b;color:var(--immortality-text-primary);font-size:1.25rem;font-weight:700;margin:0}.immfam-modal-close{align-items:center;background:#f3f4ff;border:none;border-radius:999px;color:#64748b;color:var(--immortality-text-secondary);cursor:pointer;display:flex;font-size:1.4rem;height:34px;justify-content:center;transition:all .2s ease;width:34px}.immfam-modal-close:hover:not(:disabled){background:#e0e7ff}.immfam-modal-close:disabled{cursor:not-allowed;opacity:.6}.immfam-modal-body{padding:20px 22px}.immfam-modal-warning .immfam-modal-body{text-align:center}.immfam-warning-emoji{font-size:3rem;margin-bottom:14px}.immfam-warning-text{color:#1e293b;color:var(--immortality-text-primary);font-size:1.05rem;line-height:1.5;margin:0 0 16px}.immfam-warning-list{color:#ef4444;color:var(--immortality-error);font-size:.9rem;margin:0;padding-left:22px;text-align:left}.immfam-warning-list li{margin-bottom:6px}.immfam-form{padding:20px 22px 18px}.immfam-form-field{margin-bottom:18px}.immfam-form-field label{display:block;font-size:.9rem;font-weight:600;margin-bottom:6px}.immfam-form-field label,.immfam-form-input{color:#1e293b;color:var(--immortality-text-primary)}.immfam-form-input{background:#f9fafb;border:1.5px solid #e2e8f0;border:1.5px solid var(--immortality-border);border-radius:12px;font-size:.95rem;padding:11px 14px;transition:all .2s ease;width:100%}.immfam-form-input:focus{background:#fff;border-color:#6366f1;border-color:var(--immortality-primary);box-shadow:0 0 0 2px #6366f140;outline:none}.immfam-form-input:disabled{background:#f3f4f6;cursor:not-allowed}.immfam-form-helper{color:#64748b;color:var(--immortality-text-secondary);display:block;font-size:.8rem;margin-top:5px}.immfam-alert{align-items:center;animation:immfam-slideDown .25s ease-out;border-radius:12px;display:flex;font-size:.9rem;gap:10px;margin-bottom:16px;padding:12px 14px}@keyframes immfam-slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.immfam-alert-icon{flex-shrink:0;font-size:1.2rem}.immfam-alert-error{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c}.immfam-alert-success{background:#dcfce7;border:1px solid #bbf7d0;color:#047857}.immfam-modal-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--immortality-border);display:flex;gap:10px;justify-content:flex-end;padding:14px 22px 18px}.immfam-danger-btn,.immfam-secondary-btn{align-items:center;border:none;border-radius:999px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;min-width:100px;padding:10px 20px;transition:all .2s ease}.immfam-secondary-btn{background:#f3f4ff;color:#1e293b;color:var(--immortality-text-primary)}.immfam-secondary-btn:hover:not(:disabled){background:#e0e7ff}.immfam-secondary-btn:disabled{cursor:not-allowed;opacity:.6}.immfam-danger-btn{background:#ef4444;box-shadow:0 10px 22px #ef44444d;color:#fff}.immfam-danger-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 13px 28px #ef444461}.immfam-danger-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}@media (max-width:992px){.immfam-grid{grid-template-columns:1fr}}@media (max-width:768px){.immfam-modal{width:95%}.immfam-primary-btn{padding:8px 18px}.immfam-member-card{flex-wrap:wrap}.immfam-member-actions{justify-content:space-between;margin-top:6px;width:100%}}@media (max-width:480px){.immfam-card-top{align-items:flex-start;flex-direction:column}.immfam-modal-actions{flex-direction:column-reverse}.immfam-modal-actions button{width:100%}.immfam-member-remove-btn{font-size:.75rem}}.immfam-header-leave-btn{align-items:center;background:#fff;border:1.5px solid #ef4444;border:1.5px solid var(--immortality-error);border-radius:999px;box-shadow:0 6px 16px #f871712e;color:#ef4444;color:var(--immortality-error);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;padding:10px 26px;transition:all .2s ease}.immfam-header-leave-btn:hover{background:#fef2f2;box-shadow:0 8px 20px #f871713d;transform:translateY(-1px)}.immfam-header-leave-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.immfam-name-row{align-items:center;display:flex;gap:8px}.immfam-edit-name-btn{background:#6366f10f;border:1px solid #6366f1;border:1px solid var(--imm-primary,#6366f1);border-radius:999px;color:#6366f1;color:var(--imm-primary,#6366f1);cursor:pointer;font-size:.75rem;font-weight:600;padding:4px 10px;transition:all .15s ease;white-space:nowrap}.immfam-edit-name-btn:hover:not(:disabled){background:#6366f1;background:var(--imm-primary,#6366f1);color:#fff}.immfam-edit-name-btn:disabled{cursor:not-allowed;opacity:.6}.immfam-header-actions{align-items:center;display:flex;gap:10px}.immfam-empty-actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.immfam-form-textarea{border:1px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:.9rem;padding:10px 12px;resize:vertical;width:100%}.immfam-header-leave-btn.immfam-delete-mode{background-color:#dc3545;border-color:#dc3545;color:#fff}.swal-custom-popup{background:#1a1a1a!important;border:1px solid #ffffff1a!important;border-radius:16px!important;padding:2rem!important}.swal-custom-title{color:#fff!important;font-size:24px!important;font-weight:700!important}.swal-custom-html{color:#b8b8b8!important;font-size:16px!important;line-height:1.6!important}.swal-custom-cancel,.swal-custom-confirm{border-radius:10px!important;font-size:15px!important;font-weight:600!important;padding:12px 32px!important}.swal2-popup{background:#fff!important}.swal2-title{color:#161616!important}.swal2-html-container{color:#b8b8b8!important}.swal2-icon.swal2-warning{border-color:#ff4757!important;color:#ff4757!important}.swal2-icon.swal2-success{border-color:#28a745!important;color:#28a745!important}.swal2-icon.swal2-error{border-color:#ff4757!important;color:#ff4757!important}:root{--bg-main:#f8fafc!important;--bg-card:#fff!important;--bg-secondary:#f1f5f9!important;--bg-sidebar:#8b5cf6!important;--bg-sidebar-hover:#222!important;--text-primary:#0f0f0f!important;--text-secondary:#64748b!important;--text-muted:#94a3b8!important;--text-sidebar:#fff!important;--text-sidebar-active:#fff!important;--border-light:#e2e8f0!important;--border-medium:#cbd5e1!important;--accent-primary:#3b82f6!important;--accent-secondary:#8b5cf6!important;--accent-success:#10b981!important;--accent-warning:#f59e0b!important;--sidebar-width:280px;--sidebar-collapsed-width:70px;--header-height:80px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--transition-fast:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}.settings-root{background:#f8fafc;background:var(--bg-main);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden}.settings-topbar{grid-gap:20px;grid-gap:var(--spacing-xl);align-items:center;background:#fff;background:var(--bg-card);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);display:grid;gap:20px;gap:var(--spacing-xl);grid-template-columns:auto 1fr auto;height:80px;height:var(--header-height);padding:16px 24px;padding:var(--spacing-lg) var(--spacing-2xl);position:-webkit-sticky;position:sticky;top:0;z-index:100}.settings-breadcrumb{align-items:center;display:flex;gap:12px;gap:var(--spacing-md)}.breadcrumb-back{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;gap:var(--spacing-sm);padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.breadcrumb-back:hover{background:#f1f5f9;background:var(--bg-secondary);color:#0f0f0f;color:var(--text-primary)}.settings-title{text-align:center}.settings-title h1{color:#0f0f0f;color:var(--text-primary);font-size:28px;font-weight:700;margin:0}.settings-title .muted{color:#64748b;color:var(--text-secondary);font-size:15px;margin-top:4px;margin-top:var(--spacing-xs)}.settings-user{justify-self:end}.user-pill{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#f8fafce6,#fff9);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:999px;display:flex;gap:12px;gap:var(--spacing-md);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.user-pill:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.avatar-small{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:44px;justify-content:center;width:44px}.settings-layout{background:#f8fafc;background:var(--bg-main);display:flex;flex:1 1;height:calc(100vh - 80px);height:calc(100vh - var(--header-height));overflow:hidden;position:relative}.settings-sidebar{background:#8b5cf6;background:var(--bg-sidebar);border:none;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:70px;width:var(--sidebar-collapsed-width);z-index:1050}.settings-sidebar,.settings-sidebar *{background-image:none!important}.settings-sidebar:after,.settings-sidebar:before{content:none!important;display:none!important}.settings-sidebar .circle-decor,.settings-sidebar .sidebar-bullet,.settings-sidebar .sidebar-circle,.settings-sidebar .sidebar-dot,.settings-sidebar .sidebar-floating-dot{display:none!important}.settings-sidebar:not(.collapsed){height:100vh;left:0;top:0;width:280px;width:var(--sidebar-width);z-index:1050}.sidebar-content{background:#8b5cf6;background:var(--bg-sidebar);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:12px 0}.sidebar-header{color:#fff;gap:12px;gap:var(--spacing-md);margin-bottom:12px;margin-bottom:var(--spacing-md);min-height:56px;padding:0 16px;padding:0 var(--spacing-lg);white-space:nowrap}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{background:#ffffff0f;border-radius:8px;border-radius:var(--radius-md);font-size:20px}.avatar-circle,.sidebar-logo{height:38px;justify-content:center;width:38px}.avatar-circle{align-items:center;background:linear-gradient(135deg,#ffffff0a,#ffffff05);border-radius:6px;color:#fff;color:var(--text-sidebar);display:flex;font-weight:600}.sidebar-collapsed-tooltip{display:none!important}.sidebar-text{opacity:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.settings-sidebar:not(.collapsed) .sidebar-text{opacity:1}.sidebar-title{color:#fff;color:var(--text-sidebar-active);font-size:18px;font-weight:700}.sidebar-subtitle{color:#fff;color:var(--text-sidebar);font-size:13px}.setting-sidebar-nav{align-items:start;display:flex;flex:1 1;flex-direction:column;gap:10px;padding-left:8px}.nav-item{align-items:center;background:#0000;border:none;border-radius:12px;box-sizing:border-box;color:#fff;color:var(--text-sidebar);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;justify-content:flex-start;min-height:48px;padding:8px 12px;position:relative;text-align:start;transition:background .18s,color .18s,box-shadow .18s;white-space:nowrap;width:100%}.settings-sidebar.collapsed .nav-item{justify-content:center;padding:8px 6px}.nav-icon{display:inline-flex;flex-shrink:0;height:44px;width:44px}.icon-wrapper,.nav-icon{align-items:center;justify-content:center}.icon-wrapper{background:#ffffff0a;border-radius:10px;box-shadow:none;color:inherit;display:flex;font-size:18px;height:40px;transition:background .18s,transform .12s,box-shadow .12s;width:40px}.icon-wrapper:after,.icon-wrapper:before{content:none!important;display:none!important}.icon-wrapper>*{align-items:center;display:flex;font-size:18px;height:100%;justify-content:center;line-height:1;width:100%}.nav-label{flex:1 1;line-height:1.2;opacity:0;overflow:hidden;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.settings-sidebar:not(.collapsed) .nav-item .nav-label{opacity:1;pointer-events:none}.nav-badge{background:#3b82f6;background:var(--accent-primary);border-radius:6px;color:#fff;flex-shrink:0;font-size:11px;font-weight:600;margin-left:auto;opacity:0;padding:3px 6px;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.settings-sidebar:not(.collapsed) .nav-item .nav-badge{opacity:1}.nav-item:hover{background:#ffffff05;border-radius:0}.nav-item:hover,.nav-item:hover .icon-wrapper{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;color:var(--text-sidebar-active)}.nav-item:hover .icon-wrapper{background:linear-gradient(135deg,#3b82f61f,#8b5cf614);transform:translateY(-1px)}.nav-item.active{background:#fff;background:var(--bg-card);border-radius:0;border-right:3px solid #8b5cf6;border-right:3px solid var(--bg-sidebar);color:#8b5cf6;color:var(--bg-sidebar)}.nav-item.active .icon-wrapper{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;transform:none}.nav-item:after{background:#8b5cf6;background:var(--bg-sidebar);border:1px solid #ffffff0a;border-radius:10px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);color:#fff;color:var(--text-sidebar-active);content:attr(data-tooltip);font-size:13px;font-weight:500;left:calc(100% + 8px);padding:8px 12px;pointer-events:none;white-space:nowrap}.nav-item:after,.nav-item:before{opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .16s,visibility .16s;visibility:hidden;z-index:1100}.nav-item:before{border:6px solid #0000;border-right:6px solid var(--bg-sidebar);content:"";left:calc(100% + 2px)}.settings-sidebar.collapsed .nav-item:hover:after,.settings-sidebar.collapsed .nav-item:hover:before,.settings-sidebar:not(.collapsed) .nav-item:hover:after,.settings-sidebar:not(.collapsed) .nav-item:hover:before{opacity:1;visibility:visible}.settings-sidebar :after,.settings-sidebar :before{background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;content:none!important;height:auto!important;min-height:0!important;min-width:0!important;width:auto!important}.sidebar-footer{border-top:1px solid #ffffff0a;color:#fff;color:var(--text-sidebar);font-size:12px;font-style:italic;line-height:1.4;opacity:0;padding:16px 20px;padding:var(--spacing-lg) var(--spacing-xl);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.settings-sidebar:not(.collapsed) .sidebar-footer{opacity:1}.settings-content{background:#f8fafc;background:var(--bg-main);border:none;box-shadow:none;display:flex;flex:1 1;flex-direction:column;margin-left:70px;margin-left:var(--sidebar-collapsed-width);min-height:100%;overflow:hidden;transition:none;width:calc(100% - 70px);width:calc(100% - var(--sidebar-collapsed-width))}.content-header{align-items:flex-start;background:#fff;background:var(--bg-card);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);display:flex;gap:20px;gap:var(--spacing-xl);justify-content:space-between;margin:16px 16px 0;margin:var(--spacing-lg) var(--spacing-lg) 0 var(--spacing-lg);padding:24px 24px 20px;padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-xl)}.content-body{background:#f8fafc;background:var(--bg-main);flex:1 1;overflow-y:auto;padding:16px;padding:var(--spacing-lg)}.content-grid{grid-gap:20px;grid-gap:var(--spacing-xl);border-radius:16px;border-radius:var(--radius-xl);display:grid;gap:20px;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0;padding:16px;padding:var(--spacing-lg)}.content-grid,.settings-card{background:#fff;background:var(--bg-card);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.settings-card{border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);overflow:hidden;padding:20px;padding:var(--spacing-xl);position:relative}.settings-card,.settings-card:before{transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.settings-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0}.settings-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.settings-card:hover:before{opacity:1}@media (max-width:768px){.settings-sidebar{transform:translateX(-100%);width:280px;width:var(--sidebar-width)}.settings-sidebar.mobile-open{transform:translateX(0)}.settings-content{margin-left:0;width:100%}.content-grid{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){:root{--bg-main:#0f172a;--bg-card:#1e293b;--bg-secondary:#334155;--bg-sidebar:#111827;--bg-sidebar-hover:#1f2937;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--text-sidebar:#9ca3af;--text-sidebar-active:#f9fafb;--border-light:#334155;--border-medium:#475569}}.members-settings-wrapper{background:#0000;padding:0}.members-settings-wrapper .members-container{background:#0000;min-height:auto}.members-settings-wrapper .members-header{display:none}.members-settings-wrapper .members-grid{margin-top:0}.members-settings-wrapper .member-card{background:#fff;border:1px solid #e0e6ed;border:1px solid var(--border-color,#e0e6ed);transition:all .2s ease}.members-settings-wrapper .member-card:hover{border-color:#4285f4;border-color:var(--primary-color,#4285f4);box-shadow:0 8px 25px #4285f426;transform:translateY(-2px)}.members-settings-wrapper .custom-member-badge{background:#ff6b35;background:var(--warning-color,#ff6b35);border:2px solid #fff;box-shadow:0 2px 8px #ff6b354d;color:#fff;font-weight:600}.settings-content .members-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:24px}.member-type-display{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;margin-top:8px;padding:4px 8px}.member-type-display.registered{background:#e8f5e8;color:#2e7d32}.member-type-display.custom{background:#fff3e0;color:#ef6c00}@media (max-width:768px){.members-settings-wrapper .members-grid{gap:16px;grid-template-columns:1fr}.content-header .header-actions{flex-direction:column;gap:8px}.content-header .header-actions .btn{justify-content:center;width:100%}}.members-stats{display:flex;gap:16px;margin-top:12px}.stat-item{align-items:center;background:#f8f9fa;border-radius:16px;display:flex;font-size:13px;gap:6px;padding:6px 12px}.stat-item .stat-number{color:#4285f4;color:var(--primary-color,#4285f4);font-weight:600}.stat-item .stat-label{color:#666}.file-storage-header{padding:20px}.header-logo{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#e91e63,#9c27b0,#3f51b5,#2196f3);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:800!important;margin:0 0 .25rem}.header-title-logo{color:var(--text);font-size:40px;font-weight:500;letter-spacing:.5px;margin:20px 0 0}.header-title p{color:var(--muted);font-size:15px;margin:8px 0 0}[data-theme=dark] .file-storage-header{background:radial-gradient(1200px 500px at -5% -10%,#581c8759 0,#0f172a00 60%),radial-gradient(900px 420px at 105% -15%,#fb718540 0,#0f172a00 60%),var(--bg);box-shadow:0 20px 45px #0f172abf,0 0 0 1px #94a3b840;padding:20px}[data-theme=dark] .header-logo{text-shadow:0 8px 30px #0f172ae6,0 0 18px #818cf8a6}[data-theme=dark] .header-title-logo{color:#e5e7eb;text-shadow:0 4px 18px #0f172ae6}[data-theme=dark] .header-title p{color:#9ca3af}.nav-bar-wrapper{align-items:center;display:flex;justify-content:space-between;padding:0 26px;width:100%}.nav-tabs{border-radius:999px;display:flex;gap:10px}.nav-tab{background:#0000;border:0;border-radius:999px;color:#47507a;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .2s ease}.nav-tab:hover{background:#6b73ff1f;color:var(--brand-1)}.nav-tab.active{background:linear-gradient(90deg,var(--brand-1),var(--brand-2));box-shadow:0 6px 18px #6b73ff2e;color:#fff}[data-theme=dark] .nav-bar-wrapper{padding:0 26px}[data-theme=dark] .nav-tabs{border-radius:999px}[data-theme=dark] .nav-tab{background:#0000;color:#e5e7eb}[data-theme=dark] .nav-tab:hover{background:#818cf82e;color:#c7d2fe}[data-theme=dark] .nav-tab.active{background:linear-gradient(90deg,#4f46e5,#a855f7);box-shadow:0 6px 18px #0f172ab3,0 0 0 1px #818cf880;color:#f9fafb}.storage-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.storage-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:700px;overflow:hidden;width:90%}.storage-modal-header{align-items:center;border-bottom:1px solid #eef0f8;display:flex;justify-content:space-between;padding:24px 28px}.storage-modal-header h2{color:#1f1f1f;font-size:22px;font-weight:700;margin:0}.storage-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s;width:36px}.storage-modal-close:hover{background:#f5f5f5;color:#333}.storage-modal-body{max-height:calc(85vh - 100px);overflow-y:auto;padding:24px 28px}.storage-overall-section{margin-bottom:32px}.storage-overall-section h3{color:#1f1f1f;font-size:16px;font-weight:700;margin:0 0 16px}.storage-overall-card{background:#915afd;border-radius:12px;color:#fff;padding:24px}.storage-overall-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.storage-overall-text{align-items:baseline;display:flex;gap:8px}.storage-used{font-size:28px;font-weight:800}.storage-divider{font-size:20px;opacity:.7}.storage-total{font-size:18px;opacity:.9}.storage-percentage{font-size:14px;font-weight:600;opacity:.95}.storage-overall-bar{background:#ffffff4d;border-radius:10px;height:10px;overflow:hidden}.storage-overall-fill{background:#fff;border-radius:10px;height:100%;transition:width .3s ease}.storage-members-section h3{color:#1f1f1f;font-size:16px;font-weight:700;margin:0 0 16px}.storage-empty,.storage-loading{align-items:center;color:#999;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 24px}.storage-loading i{color:#915afd;font-size:32px}.storage-empty i{color:#ddd;font-size:48px}.storage-empty p{font-size:15px;margin:0}.storage-members-list{display:flex;flex-direction:column;gap:12px}.storage-member-card{background:#f9fafb;border-radius:12px;padding:16px;transition:all .2s}.storage-member-card:hover{background:#f5f6f8;box-shadow:0 2px 8px #0000000f}.storage-member-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.storage-member-avatar{border-radius:50%;flex-shrink:0;height:42px;overflow:hidden;position:relative;width:42px}.storage-member-avatar-img{display:block;height:100%;object-fit:cover;width:100%}.storage-member-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#915afd,#7c3aed);color:#fff;display:flex;font-size:16px;font-weight:700;height:100%;justify-content:center;text-transform:uppercase;width:100%}.storage-member-info{flex:1 1;min-width:0}.storage-member-info h4{color:#1f1f1f;font-size:15px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storage-member-role{background:#e5e7eb;border-radius:4px;color:#666;display:inline-block;font-size:12px;padding:2px 8px;text-transform:capitalize}.storage-member-usage{display:flex;flex-direction:column;gap:2px;text-align:right}.storage-member-size{color:#1f1f1f;font-size:16px;font-weight:700}.storage-member-percentage{color:#666;font-size:12px}.storage-member-bar{background:#e5e7eb;border-radius:6px;height:6px;margin-bottom:8px;overflow:hidden}.storage-member-fill{border-radius:6px;height:100%;transition:width .3s ease}.storage-member-stats{color:#666;display:flex;font-size:12px;gap:16px}.storage-member-stats span{align-items:center;display:flex;gap:6px}.storage-member-stats i{color:#915afd}.storage-modal-body::-webkit-scrollbar{width:8px}.storage-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.storage-modal-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.storage-modal-body::-webkit-scrollbar-thumb:hover{background:#999}.storage-error{align-items:center;color:#dc3545;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 24px}.storage-error i{color:#dc3545;font-size:48px}.storage-error p{color:#666;font-size:15px;margin:0}.retry-btn{background:#915afd;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:8px 24px;transition:all .2s}.retry-btn:hover{background:#7c3aed;transform:translateY(-1px)}.member-type-badge{background:#e5e7eb;border-radius:4px;font-size:11px;padding:2px 8px;text-transform:capitalize}[data-theme=dark] .storage-modal-overlay{background:#0f172acc}[data-theme=dark] .storage-modal-content{background:#020617;border:1px solid #94a3b866;border-radius:18px;box-shadow:0 24px 80px #0f172af2}[data-theme=dark] .storage-modal-header{background:radial-gradient(circle at top left,#581c8780,#0000),#020617;border-bottom:1px solid #1e40af99}[data-theme=dark] .storage-modal-header h2{color:#e5e7eb}[data-theme=dark] .storage-modal-close{color:#9ca3af}[data-theme=dark] .storage-modal-close:hover{background:#0f172ae6;color:#f9fafb}[data-theme=dark] .storage-modal-body{background:radial-gradient(circle at top left,#581c8759,#0000),radial-gradient(circle at bottom right,#38bdf840,#0000),#020617}[data-theme=dark] .storage-members-section h3,[data-theme=dark] .storage-overall-section h3{color:#e5e7eb}[data-theme=dark] .storage-overall-card{background:radial-gradient(circle at top left,#8b5cf6,#6366f1);box-shadow:0 16px 40px #3b82f6b3}[data-theme=dark] .storage-overall-bar{background:#0f172a80}[data-theme=dark] .storage-overall-fill{background:#f9fafb}[data-theme=dark] .storage-member-card{background:#0f172ae6;border:1px solid #1e40af80;box-shadow:0 10px 30px #0f172acc}[data-theme=dark] .storage-member-card:hover{background:#020617}[data-theme=dark] .storage-member-info h4{color:#e5e7eb}[data-theme=dark] .member-type-badge,[data-theme=dark] .storage-member-role{background:#1e40af4d;color:#e5e7eb}[data-theme=dark] .storage-member-size{color:#f9fafb}[data-theme=dark] .storage-member-percentage{color:#9ca3af}[data-theme=dark] .storage-member-bar{background:#0f172ae6}[data-theme=dark] .storage-member-fill{background:linear-gradient(90deg,#8b5cf6,#f97316)}[data-theme=dark] .storage-member-stats{color:#9ca3af}[data-theme=dark] .storage-member-stats i{color:#f97316}[data-theme=dark] .storage-empty,[data-theme=dark] .storage-loading{color:#9ca3af}[data-theme=dark] .storage-empty i{color:#4b5563}[data-theme=dark] .storage-error{color:#fecaca}[data-theme=dark] .storage-error i{color:#f87171}[data-theme=dark] .storage-error p{color:#e5e7eb}[data-theme=dark] .storage-modal-body::-webkit-scrollbar-track{background:#0f172ae6}[data-theme=dark] .storage-modal-body::-webkit-scrollbar-thumb{background:#4b5563}[data-theme=dark] .storage-modal-body::-webkit-scrollbar-thumb:hover{background:#6b7280}[data-theme=dark] .retry-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 10px 30px #3b82f6b3;color:#f9fafb}[data-theme=dark] .retry-btn:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5)}.top-storage-bar-wrapper{display:flex;justify-content:flex-end;margin:0 26px -2px}.top-storage-bar{align-items:center;background:#fff;border-radius:50px;display:flex;gap:16px;min-width:420px;padding:16px 24px}.storage-info-container{align-items:center;display:flex;gap:8px;white-space:nowrap}.top-storage-bar-text{color:#1e293b;font-size:14px;font-weight:700;transition:color .3s ease;white-space:nowrap}.top-storage-bar-track{background:#eef0f8;border-radius:20px;display:flex;flex:1 1;height:10px;min-width:100px;overflow:hidden;position:relative}.bar-segment{height:100%;transition:width .3s ease}.bar-segment.images{background:#6b73ff}.bar-segment.documents{background:#f7a900}.bar-segment.music{background:#d633ff}.bar-segment.videos{background:#42c9a1}.bar-overall-indicator{transition:all .3s ease}.view-usage-btn{background:#915afd;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.view-usage-btn:hover{background:#7c3aed;box-shadow:0 4px 12px #915afd4d;transform:translateY(-1px)}.view-usage-btn:active{transform:translateY(0)}.storage-plan-badge{align-items:center;background:linear-gradient(135deg,#915afd,#7c3aed);border-radius:4px;color:#fff;display:inline-flex;flex-shrink:0;font-size:9px;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}[data-theme=dark] .top-storage-bar{align-items:center;background:#020617;border:1px solid #1e293b;border-radius:50px;box-shadow:0 14px 35px #0f172ab3;display:flex;gap:16px;padding:16px 24px}[data-theme=dark] .top-storage-bar-text{color:#f9fafb!important}[data-theme=dark] .top-storage-bar-track{background:#0f172a}[data-theme=dark] .bar-segment.images{background:#4f46e5}[data-theme=dark] .bar-segment.documents{background:#f59e0b}[data-theme=dark] .bar-segment.music{background:#e879f9}[data-theme=dark] .bar-segment.videos{background:#22c55e}[data-theme=dark] .view-usage-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 8px 24px #38bdf859;color:#f9fafb}

/*!
 * Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2025 Fonticons, Inc.
 */.fa,.fa-brands,.fa-classic,.fa-regular,.fa-solid,.fab,.far,.fas{--_fa-family:var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free"));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:normal;display:inline-block;display:var(--fa-display,inline-block);font-family:var(--_fa-family);font-style:normal;font-synthesis:none;font-variant:normal;font-weight:900;font-weight:var(--fa-style,900);line-height:1;text-align:center;text-rendering:auto;width:1.25em;width:var(--fa-width,1.25em)}:is(.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands,.fa-classic,.fa):before{content:var(--fa)/""}@supports not (content:""/""){:is(.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands,.fa-classic,.fa):before{content:var(--fa)}}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-width-auto{--fa-width:auto}.fa-fw,.fa-width-fixed{--fa-width:1.25em}.fa-ul{-webkit-margin-start:2.5em;-webkit-margin-start:var(--fa-li-margin,2.5em);-webkit-padding-start:0;list-style-type:none;margin-inline-start:2.5em;margin-inline-start:var(--fa-li-margin,2.5em);padding-inline-start:0}.fa-ul>li{position:relative}.fa-li{inset-inline-start:-2em;inset-inline-start:calc(var(--fa-li-width, 2em)*-1);line-height:inherit;position:absolute;text-align:center;width:2em;width:var(--fa-li-width,2em)}.fa-border{border:.0625em solid #eee;border:var(--fa-border-width,.0625em) var(--fa-border-style,solid) var(--fa-border-color,#eee);border-radius:.1em;border-radius:var(--fa-border-radius,.1em);box-sizing:initial;box-sizing:var(--fa-border-box-sizing,content-box);padding:.1875em .25em;padding:var(--fa-border-padding,.1875em .25em)}.fa-pull-left,.fa-pull-start{-webkit-margin-end:.3em;-webkit-margin-end:var(--fa-pull-margin,.3em);float:inline-start;margin-inline-end:.3em;margin-inline-end:var(--fa-pull-margin,.3em)}.fa-pull-end,.fa-pull-right{-webkit-margin-start:.3em;-webkit-margin-start:var(--fa-pull-margin,.3em);float:inline-end;margin-inline-start:.3em;margin-inline-start:var(--fa-pull-margin,.3em)}.fa-beat{animation-delay:0s;animation-delay:var(--fa-animation-delay,0s);animation-direction:normal;animation-direction:var(--fa-animation-direction,normal);animation-duration:1s;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-name:fa-beat;animation-timing-function:ease-in-out;animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-delay:0s;animation-delay:var(--fa-animation-delay,0s);animation-direction:normal;animation-direction:var(--fa-animation-direction,normal);animation-duration:1s;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-name:fa-bounce;animation-timing-function:cubic-bezier(.28,.84,.42,1);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-name:fa-fade;animation-timing-function:cubic-bezier(.4,0,.6,1);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{animation-delay:0s;animation-delay:var(--fa-animation-delay,0s);animation-direction:normal;animation-direction:var(--fa-animation-direction,normal);animation-duration:1s;animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-name:fa-beat-fade;animation-timing-function:cubic-bezier(.4,0,.6,1);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-delay:0s;animation-delay:var(--fa-animation-delay,0s);animation-direction:normal;animation-direction:var(--fa-animation-direction,normal);animation-duration:1s;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-name:fa-flip;animation-timing-function:ease-in-out;animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-duration:1s;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-name:fa-shake;animation-timing-function:linear;animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{animation-delay:0s;animation-delay:var(--fa-animation-delay,0s);animation-direction:normal;animation-direction:var(--fa-animation-direction,normal)}.fa-spin{animation-duration:2s;animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-name:fa-spin;animation-timing-function:linear;animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-direction:normal;animation-direction:var(--fa-animation-direction,normal);animation-duration:1s;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-name:fa-spin;animation-timing-function:steps(8);animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation:none!important;transition:none!important}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(1.25);transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(.9,1.1) translateY(-.5em);transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(1.05,.95) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(-.125em);transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:.4;opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:.4;opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(1.125);transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotateY(-180deg);transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}24%,8%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0deg)}}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(0);transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{--fa-width:100%;inset:0;position:absolute;text-align:center;width:var(--fa-width);z-index:auto;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff;color:var(--fa-inverse,#fff)}.fa-0{--fa:"\30 "}.fa-1{--fa:"\31 "}.fa-2{--fa:"\32 "}.fa-3{--fa:"\33 "}.fa-4{--fa:"\34 "}.fa-5{--fa:"\35 "}.fa-6{--fa:"\36 "}.fa-7{--fa:"\37 "}.fa-8{--fa:"\38 "}.fa-9{--fa:"\39 "}.fa-exclamation{--fa:"\!"}.fa-hashtag{--fa:"\#"}.fa-dollar,.fa-dollar-sign,.fa-usd{--fa:"\$"}.fa-percent,.fa-percentage{--fa:"\%"}.fa-asterisk{--fa:"\*"}.fa-add,.fa-plus{--fa:"\+"}.fa-less-than{--fa:"\<"}.fa-equals{--fa:"\="}.fa-greater-than{--fa:"\>"}.fa-question{--fa:"\?"}.fa-at{--fa:"\@"}.fa-a{--fa:"A"}.fa-b{--fa:"B"}.fa-c{--fa:"C"}.fa-d{--fa:"D"}.fa-e{--fa:"E"}.fa-f{--fa:"F"}.fa-g{--fa:"G"}.fa-h{--fa:"H"}.fa-i{--fa:"I"}.fa-j{--fa:"J"}.fa-k{--fa:"K"}.fa-l{--fa:"L"}.fa-m{--fa:"M"}.fa-n{--fa:"N"}.fa-o{--fa:"O"}.fa-p{--fa:"P"}.fa-q{--fa:"Q"}.fa-r{--fa:"R"}.fa-s{--fa:"S"}.fa-t{--fa:"T"}.fa-u{--fa:"U"}.fa-v{--fa:"V"}.fa-w{--fa:"W"}.fa-x{--fa:"X"}.fa-y{--fa:"Y"}.fa-z{--fa:"Z"}.fa-faucet{--fa:"\e005"}.fa-faucet-drip{--fa:"\e006"}.fa-house-chimney-window{--fa:"\e00d"}.fa-house-signal{--fa:"\e012"}.fa-temperature-arrow-down,.fa-temperature-down{--fa:"\e03f"}.fa-temperature-arrow-up,.fa-temperature-up{--fa:"\e040"}.fa-trailer{--fa:"\e041"}.fa-bacteria{--fa:"\e059"}.fa-bacterium{--fa:"\e05a"}.fa-box-tissue{--fa:"\e05b"}.fa-hand-holding-medical{--fa:"\e05c"}.fa-hand-sparkles{--fa:"\e05d"}.fa-hands-bubbles,.fa-hands-wash{--fa:"\e05e"}.fa-handshake-alt-slash,.fa-handshake-simple-slash,.fa-handshake-slash{--fa:"\e060"}.fa-head-side-cough{--fa:"\e061"}.fa-head-side-cough-slash{--fa:"\e062"}.fa-head-side-mask{--fa:"\e063"}.fa-head-side-virus{--fa:"\e064"}.fa-house-chimney-user{--fa:"\e065"}.fa-house-laptop,.fa-laptop-house{--fa:"\e066"}.fa-lungs-virus{--fa:"\e067"}.fa-people-arrows,.fa-people-arrows-left-right{--fa:"\e068"}.fa-plane-slash{--fa:"\e069"}.fa-pump-medical{--fa:"\e06a"}.fa-pump-soap{--fa:"\e06b"}.fa-shield-virus{--fa:"\e06c"}.fa-sink{--fa:"\e06d"}.fa-soap{--fa:"\e06e"}.fa-stopwatch-20{--fa:"\e06f"}.fa-shop-slash,.fa-store-alt-slash{--fa:"\e070"}.fa-store-slash{--fa:"\e071"}.fa-toilet-paper-slash{--fa:"\e072"}.fa-users-slash{--fa:"\e073"}.fa-virus{--fa:"\e074"}.fa-virus-slash{--fa:"\e075"}.fa-viruses{--fa:"\e076"}.fa-vest{--fa:"\e085"}.fa-vest-patches{--fa:"\e086"}.fa-arrow-trend-down{--fa:"\e097"}.fa-arrow-trend-up{--fa:"\e098"}.fa-arrow-up-from-bracket{--fa:"\e09a"}.fa-austral-sign{--fa:"\e0a9"}.fa-baht-sign{--fa:"\e0ac"}.fa-bitcoin-sign{--fa:"\e0b4"}.fa-bolt-lightning{--fa:"\e0b7"}.fa-book-bookmark{--fa:"\e0bb"}.fa-camera-rotate{--fa:"\e0d8"}.fa-cedi-sign{--fa:"\e0df"}.fa-chart-column{--fa:"\e0e3"}.fa-chart-gantt{--fa:"\e0e4"}.fa-clapperboard{--fa:"\e131"}.fa-clover{--fa:"\e139"}.fa-code-compare{--fa:"\e13a"}.fa-code-fork{--fa:"\e13b"}.fa-code-pull-request{--fa:"\e13c"}.fa-colon-sign{--fa:"\e140"}.fa-cruzeiro-sign{--fa:"\e152"}.fa-display{--fa:"\e163"}.fa-dong-sign{--fa:"\e169"}.fa-elevator{--fa:"\e16d"}.fa-filter-circle-xmark{--fa:"\e17b"}.fa-florin-sign{--fa:"\e184"}.fa-folder-closed{--fa:"\e185"}.fa-franc-sign{--fa:"\e18f"}.fa-guarani-sign{--fa:"\e19a"}.fa-gun{--fa:"\e19b"}.fa-hands-clapping{--fa:"\e1a8"}.fa-home-user,.fa-house-user{--fa:"\e1b0"}.fa-indian-rupee,.fa-indian-rupee-sign,.fa-inr{--fa:"\e1bc"}.fa-kip-sign{--fa:"\e1c4"}.fa-lari-sign{--fa:"\e1c8"}.fa-litecoin-sign{--fa:"\e1d3"}.fa-manat-sign{--fa:"\e1d5"}.fa-mask-face{--fa:"\e1d7"}.fa-mill-sign{--fa:"\e1ed"}.fa-money-bills{--fa:"\e1f3"}.fa-naira-sign{--fa:"\e1f6"}.fa-notdef{--fa:"\e1fe"}.fa-panorama{--fa:"\e209"}.fa-peseta-sign{--fa:"\e221"}.fa-peso-sign{--fa:"\e222"}.fa-plane-up{--fa:"\e22d"}.fa-rupiah-sign{--fa:"\e23d"}.fa-stairs{--fa:"\e289"}.fa-timeline{--fa:"\e29c"}.fa-truck-front{--fa:"\e2b7"}.fa-try,.fa-turkish-lira,.fa-turkish-lira-sign{--fa:"\e2bb"}.fa-vault{--fa:"\e2c5"}.fa-magic-wand-sparkles,.fa-wand-magic-sparkles{--fa:"\e2ca"}.fa-wheat-alt,.fa-wheat-awn{--fa:"\e2cd"}.fa-wheelchair-alt,.fa-wheelchair-move{--fa:"\e2ce"}.fa-bangladeshi-taka-sign{--fa:"\e2e6"}.fa-bowl-rice{--fa:"\e2eb"}.fa-person-pregnant{--fa:"\e31e"}.fa-home-lg,.fa-house-chimney{--fa:"\e3af"}.fa-house-crack{--fa:"\e3b1"}.fa-house-medical{--fa:"\e3b2"}.fa-cent-sign{--fa:"\e3f5"}.fa-plus-minus{--fa:"\e43c"}.fa-sailboat{--fa:"\e445"}.fa-section{--fa:"\e447"}.fa-shrimp{--fa:"\e448"}.fa-brazilian-real-sign{--fa:"\e46c"}.fa-chart-simple{--fa:"\e473"}.fa-diagram-next{--fa:"\e476"}.fa-diagram-predecessor{--fa:"\e477"}.fa-diagram-successor{--fa:"\e47a"}.fa-earth-oceania,.fa-globe-oceania{--fa:"\e47b"}.fa-bug-slash{--fa:"\e490"}.fa-file-circle-plus{--fa:"\e494"}.fa-shop-lock{--fa:"\e4a5"}.fa-virus-covid{--fa:"\e4a8"}.fa-virus-covid-slash{--fa:"\e4a9"}.fa-anchor-circle-check{--fa:"\e4aa"}.fa-anchor-circle-exclamation{--fa:"\e4ab"}.fa-anchor-circle-xmark{--fa:"\e4ac"}.fa-anchor-lock{--fa:"\e4ad"}.fa-arrow-down-up-across-line{--fa:"\e4af"}.fa-arrow-down-up-lock{--fa:"\e4b0"}.fa-arrow-right-to-city{--fa:"\e4b3"}.fa-arrow-up-from-ground-water{--fa:"\e4b5"}.fa-arrow-up-from-water-pump{--fa:"\e4b6"}.fa-arrow-up-right-dots{--fa:"\e4b7"}.fa-arrows-down-to-line{--fa:"\e4b8"}.fa-arrows-down-to-people{--fa:"\e4b9"}.fa-arrows-left-right-to-line{--fa:"\e4ba"}.fa-arrows-spin{--fa:"\e4bb"}.fa-arrows-split-up-and-left{--fa:"\e4bc"}.fa-arrows-to-circle{--fa:"\e4bd"}.fa-arrows-to-dot{--fa:"\e4be"}.fa-arrows-to-eye{--fa:"\e4bf"}.fa-arrows-turn-right{--fa:"\e4c0"}.fa-arrows-turn-to-dots{--fa:"\e4c1"}.fa-arrows-up-to-line{--fa:"\e4c2"}.fa-bore-hole{--fa:"\e4c3"}.fa-bottle-droplet{--fa:"\e4c4"}.fa-bottle-water{--fa:"\e4c5"}.fa-bowl-food{--fa:"\e4c6"}.fa-boxes-packing{--fa:"\e4c7"}.fa-bridge{--fa:"\e4c8"}.fa-bridge-circle-check{--fa:"\e4c9"}.fa-bridge-circle-exclamation{--fa:"\e4ca"}.fa-bridge-circle-xmark{--fa:"\e4cb"}.fa-bridge-lock{--fa:"\e4cc"}.fa-bridge-water{--fa:"\e4ce"}.fa-bucket{--fa:"\e4cf"}.fa-bugs{--fa:"\e4d0"}.fa-building-circle-arrow-right{--fa:"\e4d1"}.fa-building-circle-check{--fa:"\e4d2"}.fa-building-circle-exclamation{--fa:"\e4d3"}.fa-building-circle-xmark{--fa:"\e4d4"}.fa-building-flag{--fa:"\e4d5"}.fa-building-lock{--fa:"\e4d6"}.fa-building-ngo{--fa:"\e4d7"}.fa-building-shield{--fa:"\e4d8"}.fa-building-un{--fa:"\e4d9"}.fa-building-user{--fa:"\e4da"}.fa-building-wheat{--fa:"\e4db"}.fa-burst{--fa:"\e4dc"}.fa-car-on{--fa:"\e4dd"}.fa-car-tunnel{--fa:"\e4de"}.fa-child-combatant,.fa-child-rifle{--fa:"\e4e0"}.fa-children{--fa:"\e4e1"}.fa-circle-nodes{--fa:"\e4e2"}.fa-clipboard-question{--fa:"\e4e3"}.fa-cloud-showers-water{--fa:"\e4e4"}.fa-computer{--fa:"\e4e5"}.fa-cubes-stacked{--fa:"\e4e6"}.fa-envelope-circle-check{--fa:"\e4e8"}.fa-explosion{--fa:"\e4e9"}.fa-ferry{--fa:"\e4ea"}.fa-file-circle-exclamation{--fa:"\e4eb"}.fa-file-circle-minus{--fa:"\e4ed"}.fa-file-circle-question{--fa:"\e4ef"}.fa-file-shield{--fa:"\e4f0"}.fa-fire-burner{--fa:"\e4f1"}.fa-fish-fins{--fa:"\e4f2"}.fa-flask-vial{--fa:"\e4f3"}.fa-glass-water{--fa:"\e4f4"}.fa-glass-water-droplet{--fa:"\e4f5"}.fa-group-arrows-rotate{--fa:"\e4f6"}.fa-hand-holding-hand{--fa:"\e4f7"}.fa-handcuffs{--fa:"\e4f8"}.fa-hands-bound{--fa:"\e4f9"}.fa-hands-holding-child{--fa:"\e4fa"}.fa-hands-holding-circle{--fa:"\e4fb"}.fa-heart-circle-bolt{--fa:"\e4fc"}.fa-heart-circle-check{--fa:"\e4fd"}.fa-heart-circle-exclamation{--fa:"\e4fe"}.fa-heart-circle-minus{--fa:"\e4ff"}.fa-heart-circle-plus{--fa:"\e500"}.fa-heart-circle-xmark{--fa:"\e501"}.fa-helicopter-symbol{--fa:"\e502"}.fa-helmet-un{--fa:"\e503"}.fa-hill-avalanche{--fa:"\e507"}.fa-hill-rockslide{--fa:"\e508"}.fa-house-circle-check{--fa:"\e509"}.fa-house-circle-exclamation{--fa:"\e50a"}.fa-house-circle-xmark{--fa:"\e50b"}.fa-house-fire{--fa:"\e50c"}.fa-house-flag{--fa:"\e50d"}.fa-house-flood-water{--fa:"\e50e"}.fa-house-flood-water-circle-arrow-right{--fa:"\e50f"}.fa-house-lock{--fa:"\e510"}.fa-house-medical-circle-check{--fa:"\e511"}.fa-house-medical-circle-exclamation{--fa:"\e512"}.fa-house-medical-circle-xmark{--fa:"\e513"}.fa-house-medical-flag{--fa:"\e514"}.fa-house-tsunami{--fa:"\e515"}.fa-jar{--fa:"\e516"}.fa-jar-wheat{--fa:"\e517"}.fa-jet-fighter-up{--fa:"\e518"}.fa-jug-detergent{--fa:"\e519"}.fa-kitchen-set{--fa:"\e51a"}.fa-land-mine-on{--fa:"\e51b"}.fa-landmark-flag{--fa:"\e51c"}.fa-laptop-file{--fa:"\e51d"}.fa-lines-leaning{--fa:"\e51e"}.fa-location-pin-lock{--fa:"\e51f"}.fa-locust{--fa:"\e520"}.fa-magnifying-glass-arrow-right{--fa:"\e521"}.fa-magnifying-glass-chart{--fa:"\e522"}.fa-mars-and-venus-burst{--fa:"\e523"}.fa-mask-ventilator{--fa:"\e524"}.fa-mattress-pillow{--fa:"\e525"}.fa-mobile-retro{--fa:"\e527"}.fa-money-bill-transfer{--fa:"\e528"}.fa-money-bill-trend-up{--fa:"\e529"}.fa-money-bill-wheat{--fa:"\e52a"}.fa-mosquito{--fa:"\e52b"}.fa-mosquito-net{--fa:"\e52c"}.fa-mound{--fa:"\e52d"}.fa-mountain-city{--fa:"\e52e"}.fa-mountain-sun{--fa:"\e52f"}.fa-oil-well{--fa:"\e532"}.fa-people-group{--fa:"\e533"}.fa-people-line{--fa:"\e534"}.fa-people-pulling{--fa:"\e535"}.fa-people-robbery{--fa:"\e536"}.fa-people-roof{--fa:"\e537"}.fa-person-arrow-down-to-line{--fa:"\e538"}.fa-person-arrow-up-from-line{--fa:"\e539"}.fa-person-breastfeeding{--fa:"\e53a"}.fa-person-burst{--fa:"\e53b"}.fa-person-cane{--fa:"\e53c"}.fa-person-chalkboard{--fa:"\e53d"}.fa-person-circle-check{--fa:"\e53e"}.fa-person-circle-exclamation{--fa:"\e53f"}.fa-person-circle-minus{--fa:"\e540"}.fa-person-circle-plus{--fa:"\e541"}.fa-person-circle-question{--fa:"\e542"}.fa-person-circle-xmark{--fa:"\e543"}.fa-person-dress-burst{--fa:"\e544"}.fa-person-drowning{--fa:"\e545"}.fa-person-falling{--fa:"\e546"}.fa-person-falling-burst{--fa:"\e547"}.fa-person-half-dress{--fa:"\e548"}.fa-person-harassing{--fa:"\e549"}.fa-person-military-pointing{--fa:"\e54a"}.fa-person-military-rifle{--fa:"\e54b"}.fa-person-military-to-person{--fa:"\e54c"}.fa-person-rays{--fa:"\e54d"}.fa-person-rifle{--fa:"\e54e"}.fa-person-shelter{--fa:"\e54f"}.fa-person-walking-arrow-loop-left{--fa:"\e551"}.fa-person-walking-arrow-right{--fa:"\e552"}.fa-person-walking-dashed-line-arrow-right{--fa:"\e553"}.fa-person-walking-luggage{--fa:"\e554"}.fa-plane-circle-check{--fa:"\e555"}.fa-plane-circle-exclamation{--fa:"\e556"}.fa-plane-circle-xmark{--fa:"\e557"}.fa-plane-lock{--fa:"\e558"}.fa-plate-wheat{--fa:"\e55a"}.fa-plug-circle-bolt{--fa:"\e55b"}.fa-plug-circle-check{--fa:"\e55c"}.fa-plug-circle-exclamation{--fa:"\e55d"}.fa-plug-circle-minus{--fa:"\e55e"}.fa-plug-circle-plus{--fa:"\e55f"}.fa-plug-circle-xmark{--fa:"\e560"}.fa-ranking-star{--fa:"\e561"}.fa-road-barrier{--fa:"\e562"}.fa-road-bridge{--fa:"\e563"}.fa-road-circle-check{--fa:"\e564"}.fa-road-circle-exclamation{--fa:"\e565"}.fa-road-circle-xmark{--fa:"\e566"}.fa-road-lock{--fa:"\e567"}.fa-road-spikes{--fa:"\e568"}.fa-rug{--fa:"\e569"}.fa-sack-xmark{--fa:"\e56a"}.fa-school-circle-check{--fa:"\e56b"}.fa-school-circle-exclamation{--fa:"\e56c"}.fa-school-circle-xmark{--fa:"\e56d"}.fa-school-flag{--fa:"\e56e"}.fa-school-lock{--fa:"\e56f"}.fa-sheet-plastic{--fa:"\e571"}.fa-shield-cat{--fa:"\e572"}.fa-shield-dog{--fa:"\e573"}.fa-shield-heart{--fa:"\e574"}.fa-square-nfi{--fa:"\e576"}.fa-square-person-confined{--fa:"\e577"}.fa-square-virus{--fa:"\e578"}.fa-rod-asclepius,.fa-rod-snake,.fa-staff-aesculapius,.fa-staff-snake{--fa:"\e579"}.fa-sun-plant-wilt{--fa:"\e57a"}.fa-tarp{--fa:"\e57b"}.fa-tarp-droplet{--fa:"\e57c"}.fa-tent{--fa:"\e57d"}.fa-tent-arrow-down-to-line{--fa:"\e57e"}.fa-tent-arrow-left-right{--fa:"\e57f"}.fa-tent-arrow-turn-left{--fa:"\e580"}.fa-tent-arrows-down{--fa:"\e581"}.fa-tents{--fa:"\e582"}.fa-toilet-portable{--fa:"\e583"}.fa-toilets-portable{--fa:"\e584"}.fa-tower-cell{--fa:"\e585"}.fa-tower-observation{--fa:"\e586"}.fa-tree-city{--fa:"\e587"}.fa-trowel{--fa:"\e589"}.fa-trowel-bricks{--fa:"\e58a"}.fa-truck-arrow-right{--fa:"\e58b"}.fa-truck-droplet{--fa:"\e58c"}.fa-truck-field{--fa:"\e58d"}.fa-truck-field-un{--fa:"\e58e"}.fa-truck-plane{--fa:"\e58f"}.fa-users-between-lines{--fa:"\e591"}.fa-users-line{--fa:"\e592"}.fa-users-rays{--fa:"\e593"}.fa-users-rectangle{--fa:"\e594"}.fa-users-viewfinder{--fa:"\e595"}.fa-vial-circle-check{--fa:"\e596"}.fa-vial-virus{--fa:"\e597"}.fa-wheat-awn-circle-exclamation{--fa:"\e598"}.fa-worm{--fa:"\e599"}.fa-xmarks-lines{--fa:"\e59a"}.fa-child-dress{--fa:"\e59c"}.fa-child-reaching{--fa:"\e59d"}.fa-file-circle-check{--fa:"\e5a0"}.fa-file-circle-xmark{--fa:"\e5a1"}.fa-person-through-window{--fa:"\e5a9"}.fa-plant-wilt{--fa:"\e5aa"}.fa-stapler{--fa:"\e5af"}.fa-train-tram{--fa:"\e5b4"}.fa-table-cells-column-lock{--fa:"\e678"}.fa-table-cells-row-lock{--fa:"\e67a"}.fa-thumb-tack-slash,.fa-thumbtack-slash{--fa:"\e68f"}.fa-table-cells-row-unlock{--fa:"\e691"}.fa-chart-diagram{--fa:"\e695"}.fa-comment-nodes{--fa:"\e696"}.fa-file-fragment{--fa:"\e697"}.fa-file-half-dashed{--fa:"\e698"}.fa-hexagon-nodes{--fa:"\e699"}.fa-hexagon-nodes-bolt{--fa:"\e69a"}.fa-square-binary{--fa:"\e69b"}.fa-pentagon{--fa:"\e790"}.fa-non-binary{--fa:"\e807"}.fa-spiral{--fa:"\e80a"}.fa-mobile-vibrate{--fa:"\e816"}.fa-single-quote-left{--fa:"\e81b"}.fa-single-quote-right{--fa:"\e81c"}.fa-bus-side{--fa:"\e81d"}.fa-heptagon,.fa-septagon{--fa:"\e820"}.fa-glass-martini,.fa-martini-glass-empty{--fa:"\f000"}.fa-music{--fa:"\f001"}.fa-magnifying-glass,.fa-search{--fa:"\f002"}.fa-heart{--fa:"\f004"}.fa-star{--fa:"\f005"}.fa-user,.fa-user-alt,.fa-user-large{--fa:"\f007"}.fa-film,.fa-film-alt,.fa-film-simple{--fa:"\f008"}.fa-table-cells-large,.fa-th-large{--fa:"\f009"}.fa-table-cells,.fa-th{--fa:"\f00a"}.fa-table-list,.fa-th-list{--fa:"\f00b"}.fa-check{--fa:"\f00c"}.fa-close,.fa-multiply,.fa-remove,.fa-times,.fa-xmark{--fa:"\f00d"}.fa-magnifying-glass-plus,.fa-search-plus{--fa:"\f00e"}.fa-magnifying-glass-minus,.fa-search-minus{--fa:"\f010"}.fa-power-off{--fa:"\f011"}.fa-signal,.fa-signal-5,.fa-signal-perfect{--fa:"\f012"}.fa-cog,.fa-gear{--fa:"\f013"}.fa-home,.fa-home-alt,.fa-home-lg-alt,.fa-house{--fa:"\f015"}.fa-clock,.fa-clock-four{--fa:"\f017"}.fa-road{--fa:"\f018"}.fa-download{--fa:"\f019"}.fa-inbox{--fa:"\f01c"}.fa-arrow-right-rotate,.fa-arrow-rotate-forward,.fa-arrow-rotate-right,.fa-redo{--fa:"\f01e"}.fa-arrows-rotate,.fa-refresh,.fa-sync{--fa:"\f021"}.fa-list-alt,.fa-rectangle-list{--fa:"\f022"}.fa-lock{--fa:"\f023"}.fa-flag{--fa:"\f024"}.fa-headphones,.fa-headphones-alt,.fa-headphones-simple{--fa:"\f025"}.fa-volume-off{--fa:"\f026"}.fa-volume-down,.fa-volume-low{--fa:"\f027"}.fa-volume-high,.fa-volume-up{--fa:"\f028"}.fa-qrcode{--fa:"\f029"}.fa-barcode{--fa:"\f02a"}.fa-tag{--fa:"\f02b"}.fa-tags{--fa:"\f02c"}.fa-book{--fa:"\f02d"}.fa-bookmark{--fa:"\f02e"}.fa-print{--fa:"\f02f"}.fa-camera,.fa-camera-alt{--fa:"\f030"}.fa-font{--fa:"\f031"}.fa-bold{--fa:"\f032"}.fa-italic{--fa:"\f033"}.fa-text-height{--fa:"\f034"}.fa-text-width{--fa:"\f035"}.fa-align-left{--fa:"\f036"}.fa-align-center{--fa:"\f037"}.fa-align-right{--fa:"\f038"}.fa-align-justify{--fa:"\f039"}.fa-list,.fa-list-squares{--fa:"\f03a"}.fa-dedent,.fa-outdent{--fa:"\f03b"}.fa-indent{--fa:"\f03c"}.fa-video,.fa-video-camera{--fa:"\f03d"}.fa-image{--fa:"\f03e"}.fa-location-pin,.fa-map-marker{--fa:"\f041"}.fa-adjust,.fa-circle-half-stroke{--fa:"\f042"}.fa-droplet,.fa-tint{--fa:"\f043"}.fa-edit,.fa-pen-to-square{--fa:"\f044"}.fa-arrows,.fa-arrows-up-down-left-right{--fa:"\f047"}.fa-backward-step,.fa-step-backward{--fa:"\f048"}.fa-backward-fast,.fa-fast-backward{--fa:"\f049"}.fa-backward{--fa:"\f04a"}.fa-play{--fa:"\f04b"}.fa-pause{--fa:"\f04c"}.fa-stop{--fa:"\f04d"}.fa-forward{--fa:"\f04e"}.fa-fast-forward,.fa-forward-fast{--fa:"\f050"}.fa-forward-step,.fa-step-forward{--fa:"\f051"}.fa-eject{--fa:"\f052"}.fa-chevron-left{--fa:"\f053"}.fa-chevron-right{--fa:"\f054"}.fa-circle-plus,.fa-plus-circle{--fa:"\f055"}.fa-circle-minus,.fa-minus-circle{--fa:"\f056"}.fa-circle-xmark,.fa-times-circle,.fa-xmark-circle{--fa:"\f057"}.fa-check-circle,.fa-circle-check{--fa:"\f058"}.fa-circle-question,.fa-question-circle{--fa:"\f059"}.fa-circle-info,.fa-info-circle{--fa:"\f05a"}.fa-crosshairs{--fa:"\f05b"}.fa-ban,.fa-cancel{--fa:"\f05e"}.fa-arrow-left{--fa:"\f060"}.fa-arrow-right{--fa:"\f061"}.fa-arrow-up{--fa:"\f062"}.fa-arrow-down{--fa:"\f063"}.fa-mail-forward,.fa-share{--fa:"\f064"}.fa-expand{--fa:"\f065"}.fa-compress{--fa:"\f066"}.fa-minus,.fa-subtract{--fa:"\f068"}.fa-circle-exclamation,.fa-exclamation-circle{--fa:"\f06a"}.fa-gift{--fa:"\f06b"}.fa-leaf{--fa:"\f06c"}.fa-fire{--fa:"\f06d"}.fa-eye{--fa:"\f06e"}.fa-eye-slash{--fa:"\f070"}.fa-exclamation-triangle,.fa-triangle-exclamation,.fa-warning{--fa:"\f071"}.fa-plane{--fa:"\f072"}.fa-calendar-alt,.fa-calendar-days{--fa:"\f073"}.fa-random,.fa-shuffle{--fa:"\f074"}.fa-comment{--fa:"\f075"}.fa-magnet{--fa:"\f076"}.fa-chevron-up{--fa:"\f077"}.fa-chevron-down{--fa:"\f078"}.fa-retweet{--fa:"\f079"}.fa-cart-shopping,.fa-shopping-cart{--fa:"\f07a"}.fa-folder,.fa-folder-blank{--fa:"\f07b"}.fa-folder-open{--fa:"\f07c"}.fa-arrows-up-down,.fa-arrows-v{--fa:"\f07d"}.fa-arrows-h,.fa-arrows-left-right{--fa:"\f07e"}.fa-bar-chart,.fa-chart-bar{--fa:"\f080"}.fa-camera-retro{--fa:"\f083"}.fa-key{--fa:"\f084"}.fa-cogs,.fa-gears{--fa:"\f085"}.fa-comments{--fa:"\f086"}.fa-star-half{--fa:"\f089"}.fa-arrow-right-from-bracket,.fa-sign-out{--fa:"\f08b"}.fa-thumb-tack,.fa-thumbtack{--fa:"\f08d"}.fa-arrow-up-right-from-square,.fa-external-link{--fa:"\f08e"}.fa-arrow-right-to-bracket,.fa-sign-in{--fa:"\f090"}.fa-trophy{--fa:"\f091"}.fa-upload{--fa:"\f093"}.fa-lemon{--fa:"\f094"}.fa-phone{--fa:"\f095"}.fa-phone-square,.fa-square-phone{--fa:"\f098"}.fa-unlock{--fa:"\f09c"}.fa-credit-card,.fa-credit-card-alt{--fa:"\f09d"}.fa-feed,.fa-rss{--fa:"\f09e"}.fa-hard-drive,.fa-hdd{--fa:"\f0a0"}.fa-bullhorn{--fa:"\f0a1"}.fa-certificate{--fa:"\f0a3"}.fa-hand-point-right{--fa:"\f0a4"}.fa-hand-point-left{--fa:"\f0a5"}.fa-hand-point-up{--fa:"\f0a6"}.fa-hand-point-down{--fa:"\f0a7"}.fa-arrow-circle-left,.fa-circle-arrow-left{--fa:"\f0a8"}.fa-arrow-circle-right,.fa-circle-arrow-right{--fa:"\f0a9"}.fa-arrow-circle-up,.fa-circle-arrow-up{--fa:"\f0aa"}.fa-arrow-circle-down,.fa-circle-arrow-down{--fa:"\f0ab"}.fa-globe{--fa:"\f0ac"}.fa-wrench{--fa:"\f0ad"}.fa-list-check,.fa-tasks{--fa:"\f0ae"}.fa-filter{--fa:"\f0b0"}.fa-briefcase{--fa:"\f0b1"}.fa-arrows-alt,.fa-up-down-left-right{--fa:"\f0b2"}.fa-users{--fa:"\f0c0"}.fa-chain,.fa-link{--fa:"\f0c1"}.fa-cloud{--fa:"\f0c2"}.fa-flask{--fa:"\f0c3"}.fa-cut,.fa-scissors{--fa:"\f0c4"}.fa-copy{--fa:"\f0c5"}.fa-paperclip{--fa:"\f0c6"}.fa-floppy-disk,.fa-save{--fa:"\f0c7"}.fa-square{--fa:"\f0c8"}.fa-bars,.fa-navicon{--fa:"\f0c9"}.fa-list-dots,.fa-list-ul{--fa:"\f0ca"}.fa-list-1-2,.fa-list-numeric,.fa-list-ol{--fa:"\f0cb"}.fa-strikethrough{--fa:"\f0cc"}.fa-underline{--fa:"\f0cd"}.fa-table{--fa:"\f0ce"}.fa-magic,.fa-wand-magic{--fa:"\f0d0"}.fa-truck{--fa:"\f0d1"}.fa-money-bill{--fa:"\f0d6"}.fa-caret-down{--fa:"\f0d7"}.fa-caret-up{--fa:"\f0d8"}.fa-caret-left{--fa:"\f0d9"}.fa-caret-right{--fa:"\f0da"}.fa-columns,.fa-table-columns{--fa:"\f0db"}.fa-sort,.fa-unsorted{--fa:"\f0dc"}.fa-sort-desc,.fa-sort-down{--fa:"\f0dd"}.fa-sort-asc,.fa-sort-up{--fa:"\f0de"}.fa-envelope{--fa:"\f0e0"}.fa-arrow-left-rotate,.fa-arrow-rotate-back,.fa-arrow-rotate-backward,.fa-arrow-rotate-left,.fa-undo{--fa:"\f0e2"}.fa-gavel,.fa-legal{--fa:"\f0e3"}.fa-bolt,.fa-zap{--fa:"\f0e7"}.fa-sitemap{--fa:"\f0e8"}.fa-umbrella{--fa:"\f0e9"}.fa-file-clipboard,.fa-paste{--fa:"\f0ea"}.fa-lightbulb{--fa:"\f0eb"}.fa-arrow-right-arrow-left,.fa-exchange{--fa:"\f0ec"}.fa-cloud-arrow-down,.fa-cloud-download,.fa-cloud-download-alt{--fa:"\f0ed"}.fa-cloud-arrow-up,.fa-cloud-upload,.fa-cloud-upload-alt{--fa:"\f0ee"}.fa-user-doctor,.fa-user-md{--fa:"\f0f0"}.fa-stethoscope{--fa:"\f0f1"}.fa-suitcase{--fa:"\f0f2"}.fa-bell{--fa:"\f0f3"}.fa-coffee,.fa-mug-saucer{--fa:"\f0f4"}.fa-hospital,.fa-hospital-alt,.fa-hospital-wide{--fa:"\f0f8"}.fa-ambulance,.fa-truck-medical{--fa:"\f0f9"}.fa-medkit,.fa-suitcase-medical{--fa:"\f0fa"}.fa-fighter-jet,.fa-jet-fighter{--fa:"\f0fb"}.fa-beer,.fa-beer-mug-empty{--fa:"\f0fc"}.fa-h-square,.fa-square-h{--fa:"\f0fd"}.fa-plus-square,.fa-square-plus{--fa:"\f0fe"}.fa-angle-double-left,.fa-angles-left{--fa:"\f100"}.fa-angle-double-right,.fa-angles-right{--fa:"\f101"}.fa-angle-double-up,.fa-angles-up{--fa:"\f102"}.fa-angle-double-down,.fa-angles-down{--fa:"\f103"}.fa-angle-left{--fa:"\f104"}.fa-angle-right{--fa:"\f105"}.fa-angle-up{--fa:"\f106"}.fa-angle-down{--fa:"\f107"}.fa-laptop{--fa:"\f109"}.fa-tablet-button{--fa:"\f10a"}.fa-mobile-button{--fa:"\f10b"}.fa-quote-left,.fa-quote-left-alt{--fa:"\f10d"}.fa-quote-right,.fa-quote-right-alt{--fa:"\f10e"}.fa-spinner{--fa:"\f110"}.fa-circle{--fa:"\f111"}.fa-face-smile,.fa-smile{--fa:"\f118"}.fa-face-frown,.fa-frown{--fa:"\f119"}.fa-face-meh,.fa-meh{--fa:"\f11a"}.fa-gamepad{--fa:"\f11b"}.fa-keyboard{--fa:"\f11c"}.fa-flag-checkered{--fa:"\f11e"}.fa-terminal{--fa:"\f120"}.fa-code{--fa:"\f121"}.fa-mail-reply-all,.fa-reply-all{--fa:"\f122"}.fa-location-arrow{--fa:"\f124"}.fa-crop{--fa:"\f125"}.fa-code-branch{--fa:"\f126"}.fa-chain-broken,.fa-chain-slash,.fa-link-slash,.fa-unlink{--fa:"\f127"}.fa-info{--fa:"\f129"}.fa-superscript{--fa:"\f12b"}.fa-subscript{--fa:"\f12c"}.fa-eraser{--fa:"\f12d"}.fa-puzzle-piece{--fa:"\f12e"}.fa-microphone{--fa:"\f130"}.fa-microphone-slash{--fa:"\f131"}.fa-shield,.fa-shield-blank{--fa:"\f132"}.fa-calendar{--fa:"\f133"}.fa-fire-extinguisher{--fa:"\f134"}.fa-rocket{--fa:"\f135"}.fa-chevron-circle-left,.fa-circle-chevron-left{--fa:"\f137"}.fa-chevron-circle-right,.fa-circle-chevron-right{--fa:"\f138"}.fa-chevron-circle-up,.fa-circle-chevron-up{--fa:"\f139"}.fa-chevron-circle-down,.fa-circle-chevron-down{--fa:"\f13a"}.fa-anchor{--fa:"\f13d"}.fa-unlock-alt,.fa-unlock-keyhole{--fa:"\f13e"}.fa-bullseye{--fa:"\f140"}.fa-ellipsis,.fa-ellipsis-h{--fa:"\f141"}.fa-ellipsis-v,.fa-ellipsis-vertical{--fa:"\f142"}.fa-rss-square,.fa-square-rss{--fa:"\f143"}.fa-circle-play,.fa-play-circle{--fa:"\f144"}.fa-ticket{--fa:"\f145"}.fa-minus-square,.fa-square-minus{--fa:"\f146"}.fa-arrow-turn-up,.fa-level-up{--fa:"\f148"}.fa-arrow-turn-down,.fa-level-down{--fa:"\f149"}.fa-check-square,.fa-square-check{--fa:"\f14a"}.fa-pen-square,.fa-pencil-square,.fa-square-pen{--fa:"\f14b"}.fa-external-link-square,.fa-square-arrow-up-right{--fa:"\f14c"}.fa-share-from-square,.fa-share-square{--fa:"\f14d"}.fa-compass{--fa:"\f14e"}.fa-caret-square-down,.fa-square-caret-down{--fa:"\f150"}.fa-caret-square-up,.fa-square-caret-up{--fa:"\f151"}.fa-caret-square-right,.fa-square-caret-right{--fa:"\f152"}.fa-eur,.fa-euro,.fa-euro-sign{--fa:"\f153"}.fa-gbp,.fa-pound-sign,.fa-sterling-sign{--fa:"\f154"}.fa-rupee,.fa-rupee-sign{--fa:"\f156"}.fa-cny,.fa-jpy,.fa-rmb,.fa-yen,.fa-yen-sign{--fa:"\f157"}.fa-rouble,.fa-rub,.fa-ruble,.fa-ruble-sign{--fa:"\f158"}.fa-krw,.fa-won,.fa-won-sign{--fa:"\f159"}.fa-file{--fa:"\f15b"}.fa-file-alt,.fa-file-lines,.fa-file-text{--fa:"\f15c"}.fa-arrow-down-a-z,.fa-sort-alpha-asc,.fa-sort-alpha-down{--fa:"\f15d"}.fa-arrow-up-a-z,.fa-sort-alpha-up{--fa:"\f15e"}.fa-arrow-down-wide-short,.fa-sort-amount-asc,.fa-sort-amount-down{--fa:"\f160"}.fa-arrow-up-wide-short,.fa-sort-amount-up{--fa:"\f161"}.fa-arrow-down-1-9,.fa-sort-numeric-asc,.fa-sort-numeric-down{--fa:"\f162"}.fa-arrow-up-1-9,.fa-sort-numeric-up{--fa:"\f163"}.fa-thumbs-up{--fa:"\f164"}.fa-thumbs-down{--fa:"\f165"}.fa-arrow-down-long,.fa-long-arrow-down{--fa:"\f175"}.fa-arrow-up-long,.fa-long-arrow-up{--fa:"\f176"}.fa-arrow-left-long,.fa-long-arrow-left{--fa:"\f177"}.fa-arrow-right-long,.fa-long-arrow-right{--fa:"\f178"}.fa-female,.fa-person-dress{--fa:"\f182"}.fa-male,.fa-person{--fa:"\f183"}.fa-sun{--fa:"\f185"}.fa-moon{--fa:"\f186"}.fa-archive,.fa-box-archive{--fa:"\f187"}.fa-bug{--fa:"\f188"}.fa-caret-square-left,.fa-square-caret-left{--fa:"\f191"}.fa-circle-dot,.fa-dot-circle{--fa:"\f192"}.fa-wheelchair{--fa:"\f193"}.fa-lira-sign{--fa:"\f195"}.fa-shuttle-space,.fa-space-shuttle{--fa:"\f197"}.fa-envelope-square,.fa-square-envelope{--fa:"\f199"}.fa-bank,.fa-building-columns,.fa-institution,.fa-museum,.fa-university{--fa:"\f19c"}.fa-graduation-cap,.fa-mortar-board{--fa:"\f19d"}.fa-language{--fa:"\f1ab"}.fa-fax{--fa:"\f1ac"}.fa-building{--fa:"\f1ad"}.fa-child{--fa:"\f1ae"}.fa-paw{--fa:"\f1b0"}.fa-cube{--fa:"\f1b2"}.fa-cubes{--fa:"\f1b3"}.fa-recycle{--fa:"\f1b8"}.fa-automobile,.fa-car{--fa:"\f1b9"}.fa-cab,.fa-taxi{--fa:"\f1ba"}.fa-tree{--fa:"\f1bb"}.fa-database{--fa:"\f1c0"}.fa-file-pdf{--fa:"\f1c1"}.fa-file-word{--fa:"\f1c2"}.fa-file-excel{--fa:"\f1c3"}.fa-file-powerpoint{--fa:"\f1c4"}.fa-file-image{--fa:"\f1c5"}.fa-file-archive,.fa-file-zipper{--fa:"\f1c6"}.fa-file-audio{--fa:"\f1c7"}.fa-file-video{--fa:"\f1c8"}.fa-file-code{--fa:"\f1c9"}.fa-life-ring{--fa:"\f1cd"}.fa-circle-notch{--fa:"\f1ce"}.fa-paper-plane{--fa:"\f1d8"}.fa-clock-rotate-left,.fa-history{--fa:"\f1da"}.fa-header,.fa-heading{--fa:"\f1dc"}.fa-paragraph{--fa:"\f1dd"}.fa-sliders,.fa-sliders-h{--fa:"\f1de"}.fa-share-alt,.fa-share-nodes{--fa:"\f1e0"}.fa-share-alt-square,.fa-square-share-nodes{--fa:"\f1e1"}.fa-bomb{--fa:"\f1e2"}.fa-futbol,.fa-futbol-ball,.fa-soccer-ball{--fa:"\f1e3"}.fa-teletype,.fa-tty{--fa:"\f1e4"}.fa-binoculars{--fa:"\f1e5"}.fa-plug{--fa:"\f1e6"}.fa-newspaper{--fa:"\f1ea"}.fa-wifi,.fa-wifi-3,.fa-wifi-strong{--fa:"\f1eb"}.fa-calculator{--fa:"\f1ec"}.fa-bell-slash{--fa:"\f1f6"}.fa-trash{--fa:"\f1f8"}.fa-copyright{--fa:"\f1f9"}.fa-eye-dropper,.fa-eye-dropper-empty,.fa-eyedropper{--fa:"\f1fb"}.fa-paint-brush,.fa-paintbrush{--fa:"\f1fc"}.fa-birthday-cake,.fa-cake,.fa-cake-candles{--fa:"\f1fd"}.fa-area-chart,.fa-chart-area{--fa:"\f1fe"}.fa-chart-pie,.fa-pie-chart{--fa:"\f200"}.fa-chart-line,.fa-line-chart{--fa:"\f201"}.fa-toggle-off{--fa:"\f204"}.fa-toggle-on{--fa:"\f205"}.fa-bicycle{--fa:"\f206"}.fa-bus{--fa:"\f207"}.fa-closed-captioning{--fa:"\f20a"}.fa-ils,.fa-shekel,.fa-shekel-sign,.fa-sheqel,.fa-sheqel-sign{--fa:"\f20b"}.fa-cart-plus{--fa:"\f217"}.fa-cart-arrow-down{--fa:"\f218"}.fa-diamond{--fa:"\f219"}.fa-ship{--fa:"\f21a"}.fa-user-secret{--fa:"\f21b"}.fa-motorcycle{--fa:"\f21c"}.fa-street-view{--fa:"\f21d"}.fa-heart-pulse,.fa-heartbeat{--fa:"\f21e"}.fa-venus{--fa:"\f221"}.fa-mars{--fa:"\f222"}.fa-mercury{--fa:"\f223"}.fa-mars-and-venus{--fa:"\f224"}.fa-transgender,.fa-transgender-alt{--fa:"\f225"}.fa-venus-double{--fa:"\f226"}.fa-mars-double{--fa:"\f227"}.fa-venus-mars{--fa:"\f228"}.fa-mars-stroke{--fa:"\f229"}.fa-mars-stroke-up,.fa-mars-stroke-v{--fa:"\f22a"}.fa-mars-stroke-h,.fa-mars-stroke-right{--fa:"\f22b"}.fa-neuter{--fa:"\f22c"}.fa-genderless{--fa:"\f22d"}.fa-server{--fa:"\f233"}.fa-user-plus{--fa:"\f234"}.fa-user-times,.fa-user-xmark{--fa:"\f235"}.fa-bed{--fa:"\f236"}.fa-train{--fa:"\f238"}.fa-subway,.fa-train-subway{--fa:"\f239"}.fa-battery,.fa-battery-5,.fa-battery-full{--fa:"\f240"}.fa-battery-4,.fa-battery-three-quarters{--fa:"\f241"}.fa-battery-3,.fa-battery-half{--fa:"\f242"}.fa-battery-2,.fa-battery-quarter{--fa:"\f243"}.fa-battery-0,.fa-battery-empty{--fa:"\f244"}.fa-arrow-pointer,.fa-mouse-pointer{--fa:"\f245"}.fa-i-cursor{--fa:"\f246"}.fa-object-group{--fa:"\f247"}.fa-object-ungroup{--fa:"\f248"}.fa-note-sticky,.fa-sticky-note{--fa:"\f249"}.fa-clone{--fa:"\f24d"}.fa-balance-scale,.fa-scale-balanced{--fa:"\f24e"}.fa-hourglass-1,.fa-hourglass-start{--fa:"\f251"}.fa-hourglass-2,.fa-hourglass-half{--fa:"\f252"}.fa-hourglass-3,.fa-hourglass-end{--fa:"\f253"}.fa-hourglass,.fa-hourglass-empty{--fa:"\f254"}.fa-hand-back-fist,.fa-hand-rock{--fa:"\f255"}.fa-hand,.fa-hand-paper{--fa:"\f256"}.fa-hand-scissors{--fa:"\f257"}.fa-hand-lizard{--fa:"\f258"}.fa-hand-spock{--fa:"\f259"}.fa-hand-pointer{--fa:"\f25a"}.fa-hand-peace{--fa:"\f25b"}.fa-trademark{--fa:"\f25c"}.fa-registered{--fa:"\f25d"}.fa-television,.fa-tv,.fa-tv-alt{--fa:"\f26c"}.fa-calendar-plus{--fa:"\f271"}.fa-calendar-minus{--fa:"\f272"}.fa-calendar-times,.fa-calendar-xmark{--fa:"\f273"}.fa-calendar-check{--fa:"\f274"}.fa-industry{--fa:"\f275"}.fa-map-pin{--fa:"\f276"}.fa-map-signs,.fa-signs-post{--fa:"\f277"}.fa-map{--fa:"\f279"}.fa-comment-alt,.fa-message{--fa:"\f27a"}.fa-circle-pause,.fa-pause-circle{--fa:"\f28b"}.fa-circle-stop,.fa-stop-circle{--fa:"\f28d"}.fa-bag-shopping,.fa-shopping-bag{--fa:"\f290"}.fa-basket-shopping,.fa-shopping-basket{--fa:"\f291"}.fa-universal-access{--fa:"\f29a"}.fa-blind,.fa-person-walking-with-cane{--fa:"\f29d"}.fa-audio-description{--fa:"\f29e"}.fa-phone-volume,.fa-volume-control-phone{--fa:"\f2a0"}.fa-braille{--fa:"\f2a1"}.fa-assistive-listening-systems,.fa-ear-listen{--fa:"\f2a2"}.fa-american-sign-language-interpreting,.fa-asl-interpreting,.fa-hands-american-sign-language-interpreting,.fa-hands-asl-interpreting{--fa:"\f2a3"}.fa-deaf,.fa-deafness,.fa-ear-deaf,.fa-hard-of-hearing{--fa:"\f2a4"}.fa-hands,.fa-sign-language,.fa-signing{--fa:"\f2a7"}.fa-eye-low-vision,.fa-low-vision{--fa:"\f2a8"}.fa-handshake,.fa-handshake-alt,.fa-handshake-simple{--fa:"\f2b5"}.fa-envelope-open{--fa:"\f2b6"}.fa-address-book,.fa-contact-book{--fa:"\f2b9"}.fa-address-card,.fa-contact-card,.fa-vcard{--fa:"\f2bb"}.fa-circle-user,.fa-user-circle{--fa:"\f2bd"}.fa-id-badge{--fa:"\f2c1"}.fa-drivers-license,.fa-id-card{--fa:"\f2c2"}.fa-temperature-4,.fa-temperature-full,.fa-thermometer-4,.fa-thermometer-full{--fa:"\f2c7"}.fa-temperature-3,.fa-temperature-three-quarters,.fa-thermometer-3,.fa-thermometer-three-quarters{--fa:"\f2c8"}.fa-temperature-2,.fa-temperature-half,.fa-thermometer-2,.fa-thermometer-half{--fa:"\f2c9"}.fa-temperature-1,.fa-temperature-quarter,.fa-thermometer-1,.fa-thermometer-quarter{--fa:"\f2ca"}.fa-temperature-0,.fa-temperature-empty,.fa-thermometer-0,.fa-thermometer-empty{--fa:"\f2cb"}.fa-shower{--fa:"\f2cc"}.fa-bath,.fa-bathtub{--fa:"\f2cd"}.fa-podcast{--fa:"\f2ce"}.fa-window-maximize{--fa:"\f2d0"}.fa-window-minimize{--fa:"\f2d1"}.fa-window-restore{--fa:"\f2d2"}.fa-square-xmark,.fa-times-square,.fa-xmark-square{--fa:"\f2d3"}.fa-microchip{--fa:"\f2db"}.fa-snowflake{--fa:"\f2dc"}.fa-spoon,.fa-utensil-spoon{--fa:"\f2e5"}.fa-cutlery,.fa-utensils{--fa:"\f2e7"}.fa-rotate-back,.fa-rotate-backward,.fa-rotate-left,.fa-undo-alt{--fa:"\f2ea"}.fa-trash-alt,.fa-trash-can{--fa:"\f2ed"}.fa-rotate,.fa-sync-alt{--fa:"\f2f1"}.fa-stopwatch{--fa:"\f2f2"}.fa-right-from-bracket,.fa-sign-out-alt{--fa:"\f2f5"}.fa-right-to-bracket,.fa-sign-in-alt{--fa:"\f2f6"}.fa-redo-alt,.fa-rotate-forward,.fa-rotate-right{--fa:"\f2f9"}.fa-poo{--fa:"\f2fe"}.fa-images{--fa:"\f302"}.fa-pencil,.fa-pencil-alt{--fa:"\f303"}.fa-pen{--fa:"\f304"}.fa-pen-alt,.fa-pen-clip{--fa:"\f305"}.fa-octagon{--fa:"\f306"}.fa-down-long,.fa-long-arrow-alt-down{--fa:"\f309"}.fa-left-long,.fa-long-arrow-alt-left{--fa:"\f30a"}.fa-long-arrow-alt-right,.fa-right-long{--fa:"\f30b"}.fa-long-arrow-alt-up,.fa-up-long{--fa:"\f30c"}.fa-hexagon{--fa:"\f312"}.fa-file-edit,.fa-file-pen{--fa:"\f31c"}.fa-expand-arrows-alt,.fa-maximize{--fa:"\f31e"}.fa-clipboard{--fa:"\f328"}.fa-arrows-alt-h,.fa-left-right{--fa:"\f337"}.fa-arrows-alt-v,.fa-up-down{--fa:"\f338"}.fa-alarm-clock{--fa:"\f34e"}.fa-arrow-alt-circle-down,.fa-circle-down{--fa:"\f358"}.fa-arrow-alt-circle-left,.fa-circle-left{--fa:"\f359"}.fa-arrow-alt-circle-right,.fa-circle-right{--fa:"\f35a"}.fa-arrow-alt-circle-up,.fa-circle-up{--fa:"\f35b"}.fa-external-link-alt,.fa-up-right-from-square{--fa:"\f35d"}.fa-external-link-square-alt,.fa-square-up-right{--fa:"\f360"}.fa-exchange-alt,.fa-right-left{--fa:"\f362"}.fa-repeat{--fa:"\f363"}.fa-code-commit{--fa:"\f386"}.fa-code-merge{--fa:"\f387"}.fa-desktop,.fa-desktop-alt{--fa:"\f390"}.fa-gem{--fa:"\f3a5"}.fa-level-down-alt,.fa-turn-down{--fa:"\f3be"}.fa-level-up-alt,.fa-turn-up{--fa:"\f3bf"}.fa-lock-open{--fa:"\f3c1"}.fa-location-dot,.fa-map-marker-alt{--fa:"\f3c5"}.fa-microphone-alt,.fa-microphone-lines{--fa:"\f3c9"}.fa-mobile-alt,.fa-mobile-screen-button{--fa:"\f3cd"}.fa-mobile,.fa-mobile-android,.fa-mobile-phone{--fa:"\f3ce"}.fa-mobile-android-alt,.fa-mobile-screen{--fa:"\f3cf"}.fa-money-bill-1,.fa-money-bill-alt{--fa:"\f3d1"}.fa-phone-slash{--fa:"\f3dd"}.fa-image-portrait,.fa-portrait{--fa:"\f3e0"}.fa-mail-reply,.fa-reply{--fa:"\f3e5"}.fa-shield-alt,.fa-shield-halved{--fa:"\f3ed"}.fa-tablet-alt,.fa-tablet-screen-button{--fa:"\f3fa"}.fa-tablet,.fa-tablet-android{--fa:"\f3fb"}.fa-ticket-alt,.fa-ticket-simple{--fa:"\f3ff"}.fa-rectangle-times,.fa-rectangle-xmark,.fa-times-rectangle,.fa-window-close{--fa:"\f410"}.fa-compress-alt,.fa-down-left-and-up-right-to-center{--fa:"\f422"}.fa-expand-alt,.fa-up-right-and-down-left-from-center{--fa:"\f424"}.fa-baseball-bat-ball{--fa:"\f432"}.fa-baseball,.fa-baseball-ball{--fa:"\f433"}.fa-basketball,.fa-basketball-ball{--fa:"\f434"}.fa-bowling-ball{--fa:"\f436"}.fa-chess{--fa:"\f439"}.fa-chess-bishop{--fa:"\f43a"}.fa-chess-board{--fa:"\f43c"}.fa-chess-king{--fa:"\f43f"}.fa-chess-knight{--fa:"\f441"}.fa-chess-pawn{--fa:"\f443"}.fa-chess-queen{--fa:"\f445"}.fa-chess-rook{--fa:"\f447"}.fa-dumbbell{--fa:"\f44b"}.fa-football,.fa-football-ball{--fa:"\f44e"}.fa-golf-ball,.fa-golf-ball-tee{--fa:"\f450"}.fa-hockey-puck{--fa:"\f453"}.fa-broom-ball,.fa-quidditch,.fa-quidditch-broom-ball{--fa:"\f458"}.fa-square-full{--fa:"\f45c"}.fa-ping-pong-paddle-ball,.fa-table-tennis,.fa-table-tennis-paddle-ball{--fa:"\f45d"}.fa-volleyball,.fa-volleyball-ball{--fa:"\f45f"}.fa-allergies,.fa-hand-dots{--fa:"\f461"}.fa-band-aid,.fa-bandage{--fa:"\f462"}.fa-box{--fa:"\f466"}.fa-boxes,.fa-boxes-alt,.fa-boxes-stacked{--fa:"\f468"}.fa-briefcase-medical{--fa:"\f469"}.fa-burn,.fa-fire-flame-simple{--fa:"\f46a"}.fa-capsules{--fa:"\f46b"}.fa-clipboard-check{--fa:"\f46c"}.fa-clipboard-list{--fa:"\f46d"}.fa-diagnoses,.fa-person-dots-from-line{--fa:"\f470"}.fa-dna{--fa:"\f471"}.fa-dolly,.fa-dolly-box{--fa:"\f472"}.fa-cart-flatbed,.fa-dolly-flatbed{--fa:"\f474"}.fa-file-medical{--fa:"\f477"}.fa-file-medical-alt,.fa-file-waveform{--fa:"\f478"}.fa-first-aid,.fa-kit-medical{--fa:"\f479"}.fa-circle-h,.fa-hospital-symbol{--fa:"\f47e"}.fa-id-card-alt,.fa-id-card-clip{--fa:"\f47f"}.fa-notes-medical{--fa:"\f481"}.fa-pallet{--fa:"\f482"}.fa-pills{--fa:"\f484"}.fa-prescription-bottle{--fa:"\f485"}.fa-prescription-bottle-alt,.fa-prescription-bottle-medical{--fa:"\f486"}.fa-bed-pulse,.fa-procedures{--fa:"\f487"}.fa-shipping-fast,.fa-truck-fast{--fa:"\f48b"}.fa-smoking{--fa:"\f48d"}.fa-syringe{--fa:"\f48e"}.fa-tablets{--fa:"\f490"}.fa-thermometer{--fa:"\f491"}.fa-vial{--fa:"\f492"}.fa-vials{--fa:"\f493"}.fa-warehouse{--fa:"\f494"}.fa-weight,.fa-weight-scale{--fa:"\f496"}.fa-x-ray{--fa:"\f497"}.fa-box-open{--fa:"\f49e"}.fa-comment-dots,.fa-commenting{--fa:"\f4ad"}.fa-comment-slash{--fa:"\f4b3"}.fa-couch{--fa:"\f4b8"}.fa-circle-dollar-to-slot,.fa-donate{--fa:"\f4b9"}.fa-dove{--fa:"\f4ba"}.fa-hand-holding{--fa:"\f4bd"}.fa-hand-holding-heart{--fa:"\f4be"}.fa-hand-holding-dollar,.fa-hand-holding-usd{--fa:"\f4c0"}.fa-hand-holding-droplet,.fa-hand-holding-water{--fa:"\f4c1"}.fa-hands-holding{--fa:"\f4c2"}.fa-hands-helping,.fa-handshake-angle{--fa:"\f4c4"}.fa-parachute-box{--fa:"\f4cd"}.fa-people-carry,.fa-people-carry-box{--fa:"\f4ce"}.fa-piggy-bank{--fa:"\f4d3"}.fa-ribbon{--fa:"\f4d6"}.fa-route{--fa:"\f4d7"}.fa-seedling,.fa-sprout{--fa:"\f4d8"}.fa-sign,.fa-sign-hanging{--fa:"\f4d9"}.fa-face-smile-wink,.fa-smile-wink{--fa:"\f4da"}.fa-tape{--fa:"\f4db"}.fa-truck-loading,.fa-truck-ramp-box{--fa:"\f4de"}.fa-truck-moving{--fa:"\f4df"}.fa-video-slash{--fa:"\f4e2"}.fa-wine-glass{--fa:"\f4e3"}.fa-user-astronaut{--fa:"\f4fb"}.fa-user-check{--fa:"\f4fc"}.fa-user-clock{--fa:"\f4fd"}.fa-user-cog,.fa-user-gear{--fa:"\f4fe"}.fa-user-edit,.fa-user-pen{--fa:"\f4ff"}.fa-user-friends,.fa-user-group{--fa:"\f500"}.fa-user-graduate{--fa:"\f501"}.fa-user-lock{--fa:"\f502"}.fa-user-minus{--fa:"\f503"}.fa-user-ninja{--fa:"\f504"}.fa-user-shield{--fa:"\f505"}.fa-user-alt-slash,.fa-user-large-slash,.fa-user-slash{--fa:"\f506"}.fa-user-tag{--fa:"\f507"}.fa-user-tie{--fa:"\f508"}.fa-users-cog,.fa-users-gear{--fa:"\f509"}.fa-balance-scale-left,.fa-scale-unbalanced{--fa:"\f515"}.fa-balance-scale-right,.fa-scale-unbalanced-flip{--fa:"\f516"}.fa-blender{--fa:"\f517"}.fa-book-open{--fa:"\f518"}.fa-broadcast-tower,.fa-tower-broadcast{--fa:"\f519"}.fa-broom{--fa:"\f51a"}.fa-blackboard,.fa-chalkboard{--fa:"\f51b"}.fa-chalkboard-teacher,.fa-chalkboard-user{--fa:"\f51c"}.fa-church{--fa:"\f51d"}.fa-coins{--fa:"\f51e"}.fa-compact-disc{--fa:"\f51f"}.fa-crow{--fa:"\f520"}.fa-crown{--fa:"\f521"}.fa-dice{--fa:"\f522"}.fa-dice-five{--fa:"\f523"}.fa-dice-four{--fa:"\f524"}.fa-dice-one{--fa:"\f525"}.fa-dice-six{--fa:"\f526"}.fa-dice-three{--fa:"\f527"}.fa-dice-two{--fa:"\f528"}.fa-divide{--fa:"\f529"}.fa-door-closed{--fa:"\f52a"}.fa-door-open{--fa:"\f52b"}.fa-feather{--fa:"\f52d"}.fa-frog{--fa:"\f52e"}.fa-gas-pump{--fa:"\f52f"}.fa-glasses{--fa:"\f530"}.fa-greater-than-equal{--fa:"\f532"}.fa-helicopter{--fa:"\f533"}.fa-infinity{--fa:"\f534"}.fa-kiwi-bird{--fa:"\f535"}.fa-less-than-equal{--fa:"\f537"}.fa-memory{--fa:"\f538"}.fa-microphone-alt-slash,.fa-microphone-lines-slash{--fa:"\f539"}.fa-money-bill-wave{--fa:"\f53a"}.fa-money-bill-1-wave,.fa-money-bill-wave-alt{--fa:"\f53b"}.fa-money-check{--fa:"\f53c"}.fa-money-check-alt,.fa-money-check-dollar{--fa:"\f53d"}.fa-not-equal{--fa:"\f53e"}.fa-palette{--fa:"\f53f"}.fa-parking,.fa-square-parking{--fa:"\f540"}.fa-diagram-project,.fa-project-diagram{--fa:"\f542"}.fa-receipt{--fa:"\f543"}.fa-robot{--fa:"\f544"}.fa-ruler{--fa:"\f545"}.fa-ruler-combined{--fa:"\f546"}.fa-ruler-horizontal{--fa:"\f547"}.fa-ruler-vertical{--fa:"\f548"}.fa-school{--fa:"\f549"}.fa-screwdriver{--fa:"\f54a"}.fa-shoe-prints{--fa:"\f54b"}.fa-skull{--fa:"\f54c"}.fa-ban-smoking,.fa-smoking-ban{--fa:"\f54d"}.fa-store{--fa:"\f54e"}.fa-shop,.fa-store-alt{--fa:"\f54f"}.fa-bars-staggered,.fa-reorder,.fa-stream{--fa:"\f550"}.fa-stroopwafel{--fa:"\f551"}.fa-toolbox{--fa:"\f552"}.fa-shirt,.fa-t-shirt,.fa-tshirt{--fa:"\f553"}.fa-person-walking,.fa-walking{--fa:"\f554"}.fa-wallet{--fa:"\f555"}.fa-angry,.fa-face-angry{--fa:"\f556"}.fa-archway{--fa:"\f557"}.fa-atlas,.fa-book-atlas{--fa:"\f558"}.fa-award{--fa:"\f559"}.fa-backspace,.fa-delete-left{--fa:"\f55a"}.fa-bezier-curve{--fa:"\f55b"}.fa-bong{--fa:"\f55c"}.fa-brush{--fa:"\f55d"}.fa-bus-alt,.fa-bus-simple{--fa:"\f55e"}.fa-cannabis{--fa:"\f55f"}.fa-check-double{--fa:"\f560"}.fa-cocktail,.fa-martini-glass-citrus{--fa:"\f561"}.fa-bell-concierge,.fa-concierge-bell{--fa:"\f562"}.fa-cookie{--fa:"\f563"}.fa-cookie-bite{--fa:"\f564"}.fa-crop-alt,.fa-crop-simple{--fa:"\f565"}.fa-digital-tachograph,.fa-tachograph-digital{--fa:"\f566"}.fa-dizzy,.fa-face-dizzy{--fa:"\f567"}.fa-compass-drafting,.fa-drafting-compass{--fa:"\f568"}.fa-drum{--fa:"\f569"}.fa-drum-steelpan{--fa:"\f56a"}.fa-feather-alt,.fa-feather-pointed{--fa:"\f56b"}.fa-file-contract{--fa:"\f56c"}.fa-file-arrow-down,.fa-file-download{--fa:"\f56d"}.fa-arrow-right-from-file,.fa-file-export{--fa:"\f56e"}.fa-arrow-right-to-file,.fa-file-import{--fa:"\f56f"}.fa-file-invoice{--fa:"\f570"}.fa-file-invoice-dollar{--fa:"\f571"}.fa-file-prescription{--fa:"\f572"}.fa-file-signature{--fa:"\f573"}.fa-file-arrow-up,.fa-file-upload{--fa:"\f574"}.fa-fill{--fa:"\f575"}.fa-fill-drip{--fa:"\f576"}.fa-fingerprint{--fa:"\f577"}.fa-fish{--fa:"\f578"}.fa-face-flushed,.fa-flushed{--fa:"\f579"}.fa-face-frown-open,.fa-frown-open{--fa:"\f57a"}.fa-glass-martini-alt,.fa-martini-glass{--fa:"\f57b"}.fa-earth-africa,.fa-globe-africa{--fa:"\f57c"}.fa-earth,.fa-earth-america,.fa-earth-americas,.fa-globe-americas{--fa:"\f57d"}.fa-earth-asia,.fa-globe-asia{--fa:"\f57e"}.fa-face-grimace,.fa-grimace{--fa:"\f57f"}.fa-face-grin,.fa-grin{--fa:"\f580"}.fa-face-grin-wide,.fa-grin-alt{--fa:"\f581"}.fa-face-grin-beam,.fa-grin-beam{--fa:"\f582"}.fa-face-grin-beam-sweat,.fa-grin-beam-sweat{--fa:"\f583"}.fa-face-grin-hearts,.fa-grin-hearts{--fa:"\f584"}.fa-face-grin-squint,.fa-grin-squint{--fa:"\f585"}.fa-face-grin-squint-tears,.fa-grin-squint-tears{--fa:"\f586"}.fa-face-grin-stars,.fa-grin-stars{--fa:"\f587"}.fa-face-grin-tears,.fa-grin-tears{--fa:"\f588"}.fa-face-grin-tongue,.fa-grin-tongue{--fa:"\f589"}.fa-face-grin-tongue-squint,.fa-grin-tongue-squint{--fa:"\f58a"}.fa-face-grin-tongue-wink,.fa-grin-tongue-wink{--fa:"\f58b"}.fa-face-grin-wink,.fa-grin-wink{--fa:"\f58c"}.fa-grid-horizontal,.fa-grip,.fa-grip-horizontal{--fa:"\f58d"}.fa-grid-vertical,.fa-grip-vertical{--fa:"\f58e"}.fa-headset{--fa:"\f590"}.fa-highlighter{--fa:"\f591"}.fa-hot-tub,.fa-hot-tub-person{--fa:"\f593"}.fa-hotel{--fa:"\f594"}.fa-joint{--fa:"\f595"}.fa-face-kiss,.fa-kiss{--fa:"\f596"}.fa-face-kiss-beam,.fa-kiss-beam{--fa:"\f597"}.fa-face-kiss-wink-heart,.fa-kiss-wink-heart{--fa:"\f598"}.fa-face-laugh,.fa-laugh{--fa:"\f599"}.fa-face-laugh-beam,.fa-laugh-beam{--fa:"\f59a"}.fa-face-laugh-squint,.fa-laugh-squint{--fa:"\f59b"}.fa-face-laugh-wink,.fa-laugh-wink{--fa:"\f59c"}.fa-cart-flatbed-suitcase,.fa-luggage-cart{--fa:"\f59d"}.fa-map-location,.fa-map-marked{--fa:"\f59f"}.fa-map-location-dot,.fa-map-marked-alt{--fa:"\f5a0"}.fa-marker{--fa:"\f5a1"}.fa-medal{--fa:"\f5a2"}.fa-face-meh-blank,.fa-meh-blank{--fa:"\f5a4"}.fa-face-rolling-eyes,.fa-meh-rolling-eyes{--fa:"\f5a5"}.fa-monument{--fa:"\f5a6"}.fa-mortar-pestle{--fa:"\f5a7"}.fa-paint-roller{--fa:"\f5aa"}.fa-passport{--fa:"\f5ab"}.fa-pen-fancy{--fa:"\f5ac"}.fa-pen-nib{--fa:"\f5ad"}.fa-pen-ruler,.fa-pencil-ruler{--fa:"\f5ae"}.fa-plane-arrival{--fa:"\f5af"}.fa-plane-departure{--fa:"\f5b0"}.fa-prescription{--fa:"\f5b1"}.fa-face-sad-cry,.fa-sad-cry{--fa:"\f5b3"}.fa-face-sad-tear,.fa-sad-tear{--fa:"\f5b4"}.fa-shuttle-van,.fa-van-shuttle{--fa:"\f5b6"}.fa-signature{--fa:"\f5b7"}.fa-face-smile-beam,.fa-smile-beam{--fa:"\f5b8"}.fa-solar-panel{--fa:"\f5ba"}.fa-spa{--fa:"\f5bb"}.fa-splotch{--fa:"\f5bc"}.fa-spray-can{--fa:"\f5bd"}.fa-stamp{--fa:"\f5bf"}.fa-star-half-alt,.fa-star-half-stroke{--fa:"\f5c0"}.fa-suitcase-rolling{--fa:"\f5c1"}.fa-face-surprise,.fa-surprise{--fa:"\f5c2"}.fa-swatchbook{--fa:"\f5c3"}.fa-person-swimming,.fa-swimmer{--fa:"\f5c4"}.fa-ladder-water,.fa-swimming-pool,.fa-water-ladder{--fa:"\f5c5"}.fa-droplet-slash,.fa-tint-slash{--fa:"\f5c7"}.fa-face-tired,.fa-tired{--fa:"\f5c8"}.fa-tooth{--fa:"\f5c9"}.fa-umbrella-beach{--fa:"\f5ca"}.fa-weight-hanging{--fa:"\f5cd"}.fa-wine-glass-alt,.fa-wine-glass-empty{--fa:"\f5ce"}.fa-air-freshener,.fa-spray-can-sparkles{--fa:"\f5d0"}.fa-apple-alt,.fa-apple-whole{--fa:"\f5d1"}.fa-atom{--fa:"\f5d2"}.fa-bone{--fa:"\f5d7"}.fa-book-open-reader,.fa-book-reader{--fa:"\f5da"}.fa-brain{--fa:"\f5dc"}.fa-car-alt,.fa-car-rear{--fa:"\f5de"}.fa-battery-car,.fa-car-battery{--fa:"\f5df"}.fa-car-burst,.fa-car-crash{--fa:"\f5e1"}.fa-car-side{--fa:"\f5e4"}.fa-charging-station{--fa:"\f5e7"}.fa-diamond-turn-right,.fa-directions{--fa:"\f5eb"}.fa-draw-polygon,.fa-vector-polygon{--fa:"\f5ee"}.fa-laptop-code{--fa:"\f5fc"}.fa-layer-group{--fa:"\f5fd"}.fa-location,.fa-location-crosshairs{--fa:"\f601"}.fa-lungs{--fa:"\f604"}.fa-microscope{--fa:"\f610"}.fa-oil-can{--fa:"\f613"}.fa-poop{--fa:"\f619"}.fa-shapes,.fa-triangle-circle-square{--fa:"\f61f"}.fa-star-of-life{--fa:"\f621"}.fa-dashboard,.fa-gauge,.fa-gauge-med,.fa-tachometer-alt-average{--fa:"\f624"}.fa-gauge-high,.fa-tachometer-alt,.fa-tachometer-alt-fast{--fa:"\f625"}.fa-gauge-simple,.fa-gauge-simple-med,.fa-tachometer-average{--fa:"\f629"}.fa-gauge-simple-high,.fa-tachometer,.fa-tachometer-fast{--fa:"\f62a"}.fa-teeth{--fa:"\f62e"}.fa-teeth-open{--fa:"\f62f"}.fa-masks-theater,.fa-theater-masks{--fa:"\f630"}.fa-traffic-light{--fa:"\f637"}.fa-truck-monster{--fa:"\f63b"}.fa-truck-pickup{--fa:"\f63c"}.fa-ad,.fa-rectangle-ad{--fa:"\f641"}.fa-ankh{--fa:"\f644"}.fa-bible,.fa-book-bible{--fa:"\f647"}.fa-briefcase-clock,.fa-business-time{--fa:"\f64a"}.fa-city{--fa:"\f64f"}.fa-comment-dollar{--fa:"\f651"}.fa-comments-dollar{--fa:"\f653"}.fa-cross{--fa:"\f654"}.fa-dharmachakra{--fa:"\f655"}.fa-envelope-open-text{--fa:"\f658"}.fa-folder-minus{--fa:"\f65d"}.fa-folder-plus{--fa:"\f65e"}.fa-filter-circle-dollar,.fa-funnel-dollar{--fa:"\f662"}.fa-gopuram{--fa:"\f664"}.fa-hamsa{--fa:"\f665"}.fa-bahai,.fa-haykal{--fa:"\f666"}.fa-jedi{--fa:"\f669"}.fa-book-journal-whills,.fa-journal-whills{--fa:"\f66a"}.fa-kaaba{--fa:"\f66b"}.fa-khanda{--fa:"\f66d"}.fa-landmark{--fa:"\f66f"}.fa-envelopes-bulk,.fa-mail-bulk{--fa:"\f674"}.fa-menorah{--fa:"\f676"}.fa-mosque{--fa:"\f678"}.fa-om{--fa:"\f679"}.fa-pastafarianism,.fa-spaghetti-monster-flying{--fa:"\f67b"}.fa-peace{--fa:"\f67c"}.fa-place-of-worship{--fa:"\f67f"}.fa-poll,.fa-square-poll-vertical{--fa:"\f681"}.fa-poll-h,.fa-square-poll-horizontal{--fa:"\f682"}.fa-person-praying,.fa-pray{--fa:"\f683"}.fa-hands-praying,.fa-praying-hands{--fa:"\f684"}.fa-book-quran,.fa-quran{--fa:"\f687"}.fa-magnifying-glass-dollar,.fa-search-dollar{--fa:"\f688"}.fa-magnifying-glass-location,.fa-search-location{--fa:"\f689"}.fa-socks{--fa:"\f696"}.fa-square-root-alt,.fa-square-root-variable{--fa:"\f698"}.fa-star-and-crescent{--fa:"\f699"}.fa-star-of-david{--fa:"\f69a"}.fa-synagogue{--fa:"\f69b"}.fa-scroll-torah,.fa-torah{--fa:"\f6a0"}.fa-torii-gate{--fa:"\f6a1"}.fa-vihara{--fa:"\f6a7"}.fa-volume-mute,.fa-volume-times,.fa-volume-xmark{--fa:"\f6a9"}.fa-yin-yang{--fa:"\f6ad"}.fa-blender-phone{--fa:"\f6b6"}.fa-book-dead,.fa-book-skull{--fa:"\f6b7"}.fa-campground{--fa:"\f6bb"}.fa-cat{--fa:"\f6be"}.fa-chair{--fa:"\f6c0"}.fa-cloud-moon{--fa:"\f6c3"}.fa-cloud-sun{--fa:"\f6c4"}.fa-cow{--fa:"\f6c8"}.fa-dice-d20{--fa:"\f6cf"}.fa-dice-d6{--fa:"\f6d1"}.fa-dog{--fa:"\f6d3"}.fa-dragon{--fa:"\f6d5"}.fa-drumstick-bite{--fa:"\f6d7"}.fa-dungeon{--fa:"\f6d9"}.fa-file-csv{--fa:"\f6dd"}.fa-fist-raised,.fa-hand-fist{--fa:"\f6de"}.fa-ghost{--fa:"\f6e2"}.fa-hammer{--fa:"\f6e3"}.fa-hanukiah{--fa:"\f6e6"}.fa-hat-wizard{--fa:"\f6e8"}.fa-hiking,.fa-person-hiking{--fa:"\f6ec"}.fa-hippo{--fa:"\f6ed"}.fa-horse{--fa:"\f6f0"}.fa-house-chimney-crack,.fa-house-damage{--fa:"\f6f1"}.fa-hryvnia,.fa-hryvnia-sign{--fa:"\f6f2"}.fa-mask{--fa:"\f6fa"}.fa-mountain{--fa:"\f6fc"}.fa-network-wired{--fa:"\f6ff"}.fa-otter{--fa:"\f700"}.fa-ring{--fa:"\f70b"}.fa-person-running,.fa-running{--fa:"\f70c"}.fa-scroll{--fa:"\f70e"}.fa-skull-crossbones{--fa:"\f714"}.fa-slash{--fa:"\f715"}.fa-spider{--fa:"\f717"}.fa-toilet-paper,.fa-toilet-paper-alt,.fa-toilet-paper-blank{--fa:"\f71e"}.fa-tractor{--fa:"\f722"}.fa-user-injured{--fa:"\f728"}.fa-vr-cardboard{--fa:"\f729"}.fa-wand-sparkles{--fa:"\f72b"}.fa-wind{--fa:"\f72e"}.fa-wine-bottle{--fa:"\f72f"}.fa-cloud-meatball{--fa:"\f73b"}.fa-cloud-moon-rain{--fa:"\f73c"}.fa-cloud-rain{--fa:"\f73d"}.fa-cloud-showers-heavy{--fa:"\f740"}.fa-cloud-sun-rain{--fa:"\f743"}.fa-democrat{--fa:"\f747"}.fa-flag-usa{--fa:"\f74d"}.fa-hurricane{--fa:"\f751"}.fa-landmark-alt,.fa-landmark-dome{--fa:"\f752"}.fa-meteor{--fa:"\f753"}.fa-person-booth{--fa:"\f756"}.fa-poo-bolt,.fa-poo-storm{--fa:"\f75a"}.fa-rainbow{--fa:"\f75b"}.fa-republican{--fa:"\f75e"}.fa-smog{--fa:"\f75f"}.fa-temperature-high{--fa:"\f769"}.fa-temperature-low{--fa:"\f76b"}.fa-cloud-bolt,.fa-thunderstorm{--fa:"\f76c"}.fa-tornado{--fa:"\f76f"}.fa-volcano{--fa:"\f770"}.fa-check-to-slot,.fa-vote-yea{--fa:"\f772"}.fa-water{--fa:"\f773"}.fa-baby{--fa:"\f77c"}.fa-baby-carriage,.fa-carriage-baby{--fa:"\f77d"}.fa-biohazard{--fa:"\f780"}.fa-blog{--fa:"\f781"}.fa-calendar-day{--fa:"\f783"}.fa-calendar-week{--fa:"\f784"}.fa-candy-cane{--fa:"\f786"}.fa-carrot{--fa:"\f787"}.fa-cash-register{--fa:"\f788"}.fa-compress-arrows-alt,.fa-minimize{--fa:"\f78c"}.fa-dumpster{--fa:"\f793"}.fa-dumpster-fire{--fa:"\f794"}.fa-ethernet{--fa:"\f796"}.fa-gifts{--fa:"\f79c"}.fa-champagne-glasses,.fa-glass-cheers{--fa:"\f79f"}.fa-glass-whiskey,.fa-whiskey-glass{--fa:"\f7a0"}.fa-earth-europe,.fa-globe-europe{--fa:"\f7a2"}.fa-grip-lines{--fa:"\f7a4"}.fa-grip-lines-vertical{--fa:"\f7a5"}.fa-guitar{--fa:"\f7a6"}.fa-heart-broken,.fa-heart-crack{--fa:"\f7a9"}.fa-holly-berry{--fa:"\f7aa"}.fa-horse-head{--fa:"\f7ab"}.fa-icicles{--fa:"\f7ad"}.fa-igloo{--fa:"\f7ae"}.fa-mitten{--fa:"\f7b5"}.fa-mug-hot{--fa:"\f7b6"}.fa-radiation{--fa:"\f7b9"}.fa-circle-radiation,.fa-radiation-alt{--fa:"\f7ba"}.fa-restroom{--fa:"\f7bd"}.fa-satellite{--fa:"\f7bf"}.fa-satellite-dish{--fa:"\f7c0"}.fa-sd-card{--fa:"\f7c2"}.fa-sim-card{--fa:"\f7c4"}.fa-person-skating,.fa-skating{--fa:"\f7c5"}.fa-person-skiing,.fa-skiing{--fa:"\f7c9"}.fa-person-skiing-nordic,.fa-skiing-nordic{--fa:"\f7ca"}.fa-sleigh{--fa:"\f7cc"}.fa-comment-sms,.fa-sms{--fa:"\f7cd"}.fa-person-snowboarding,.fa-snowboarding{--fa:"\f7ce"}.fa-snowman{--fa:"\f7d0"}.fa-snowplow{--fa:"\f7d2"}.fa-tenge,.fa-tenge-sign{--fa:"\f7d7"}.fa-toilet{--fa:"\f7d8"}.fa-screwdriver-wrench,.fa-tools{--fa:"\f7d9"}.fa-cable-car,.fa-tram{--fa:"\f7da"}.fa-fire-alt,.fa-fire-flame-curved{--fa:"\f7e4"}.fa-bacon{--fa:"\f7e5"}.fa-book-medical{--fa:"\f7e6"}.fa-bread-slice{--fa:"\f7ec"}.fa-cheese{--fa:"\f7ef"}.fa-clinic-medical,.fa-house-chimney-medical{--fa:"\f7f2"}.fa-clipboard-user{--fa:"\f7f3"}.fa-comment-medical{--fa:"\f7f5"}.fa-crutch{--fa:"\f7f7"}.fa-disease{--fa:"\f7fa"}.fa-egg{--fa:"\f7fb"}.fa-folder-tree{--fa:"\f802"}.fa-burger,.fa-hamburger{--fa:"\f805"}.fa-hand-middle-finger{--fa:"\f806"}.fa-hard-hat,.fa-hat-hard,.fa-helmet-safety{--fa:"\f807"}.fa-hospital-user{--fa:"\f80d"}.fa-hotdog{--fa:"\f80f"}.fa-ice-cream{--fa:"\f810"}.fa-laptop-medical{--fa:"\f812"}.fa-pager{--fa:"\f815"}.fa-pepper-hot{--fa:"\f816"}.fa-pizza-slice{--fa:"\f818"}.fa-sack-dollar{--fa:"\f81d"}.fa-book-tanakh,.fa-tanakh{--fa:"\f827"}.fa-bars-progress,.fa-tasks-alt{--fa:"\f828"}.fa-trash-arrow-up,.fa-trash-restore{--fa:"\f829"}.fa-trash-can-arrow-up,.fa-trash-restore-alt{--fa:"\f82a"}.fa-user-nurse{--fa:"\f82f"}.fa-wave-square{--fa:"\f83e"}.fa-biking,.fa-person-biking{--fa:"\f84a"}.fa-border-all{--fa:"\f84c"}.fa-border-none{--fa:"\f850"}.fa-border-style,.fa-border-top-left{--fa:"\f853"}.fa-digging,.fa-person-digging{--fa:"\f85e"}.fa-fan{--fa:"\f863"}.fa-heart-music-camera-bolt,.fa-icons{--fa:"\f86d"}.fa-phone-alt,.fa-phone-flip{--fa:"\f879"}.fa-phone-square-alt,.fa-square-phone-flip{--fa:"\f87b"}.fa-photo-film,.fa-photo-video{--fa:"\f87c"}.fa-remove-format,.fa-text-slash{--fa:"\f87d"}.fa-arrow-down-z-a,.fa-sort-alpha-desc,.fa-sort-alpha-down-alt{--fa:"\f881"}.fa-arrow-up-z-a,.fa-sort-alpha-up-alt{--fa:"\f882"}.fa-arrow-down-short-wide,.fa-sort-amount-desc,.fa-sort-amount-down-alt{--fa:"\f884"}.fa-arrow-up-short-wide,.fa-sort-amount-up-alt{--fa:"\f885"}.fa-arrow-down-9-1,.fa-sort-numeric-desc,.fa-sort-numeric-down-alt{--fa:"\f886"}.fa-arrow-up-9-1,.fa-sort-numeric-up-alt{--fa:"\f887"}.fa-spell-check{--fa:"\f891"}.fa-voicemail{--fa:"\f897"}.fa-hat-cowboy{--fa:"\f8c0"}.fa-hat-cowboy-side{--fa:"\f8c1"}.fa-computer-mouse,.fa-mouse{--fa:"\f8cc"}.fa-radio{--fa:"\f8d7"}.fa-record-vinyl{--fa:"\f8d9"}.fa-walkie-talkie{--fa:"\f8ef"}.fa-caravan{--fa:"\f8ff"}:host,:root{--fa-family-brands:"Font Awesome 7 Brands";--fa-font-brands:normal 400 1em/1 var(--fa-family-brands)}@font-face{font-display:block;font-family:Font Awesome\ 7 Brands;font-style:normal;font-weight:400;src:url(/static/media/fa-brands-400.1c5c7716b05754cb4eab.woff2)}.fa-brands,.fa-classic.fa-brands,.fab{--fa-family:var(--fa-family-brands);--fa-style:400}.fa-firefox-browser{--fa:"\e007"}.fa-ideal{--fa:"\e013"}.fa-microblog{--fa:"\e01a"}.fa-pied-piper-square,.fa-square-pied-piper{--fa:"\e01e"}.fa-unity{--fa:"\e049"}.fa-dailymotion{--fa:"\e052"}.fa-instagram-square,.fa-square-instagram{--fa:"\e055"}.fa-mixer{--fa:"\e056"}.fa-shopify{--fa:"\e057"}.fa-deezer{--fa:"\e077"}.fa-edge-legacy{--fa:"\e078"}.fa-google-pay{--fa:"\e079"}.fa-rust{--fa:"\e07a"}.fa-tiktok{--fa:"\e07b"}.fa-unsplash{--fa:"\e07c"}.fa-cloudflare{--fa:"\e07d"}.fa-guilded{--fa:"\e07e"}.fa-hive{--fa:"\e07f"}.fa-42-group,.fa-innosoft{--fa:"\e080"}.fa-instalod{--fa:"\e081"}.fa-octopus-deploy{--fa:"\e082"}.fa-perbyte{--fa:"\e083"}.fa-uncharted{--fa:"\e084"}.fa-watchman-monitoring{--fa:"\e087"}.fa-wodu{--fa:"\e088"}.fa-wirsindhandwerk,.fa-wsh{--fa:"\e2d0"}.fa-bots{--fa:"\e340"}.fa-cmplid{--fa:"\e360"}.fa-bilibili{--fa:"\e3d9"}.fa-golang{--fa:"\e40f"}.fa-pix{--fa:"\e43a"}.fa-sitrox{--fa:"\e44a"}.fa-hashnode{--fa:"\e499"}.fa-meta{--fa:"\e49b"}.fa-padlet{--fa:"\e4a0"}.fa-nfc-directional{--fa:"\e530"}.fa-nfc-symbol{--fa:"\e531"}.fa-screenpal{--fa:"\e570"}.fa-space-awesome{--fa:"\e5ac"}.fa-square-font-awesome{--fa:"\e5ad"}.fa-gitlab-square,.fa-square-gitlab{--fa:"\e5ae"}.fa-odysee{--fa:"\e5c6"}.fa-stubber{--fa:"\e5c7"}.fa-debian{--fa:"\e60b"}.fa-shoelace{--fa:"\e60c"}.fa-threads{--fa:"\e618"}.fa-square-threads{--fa:"\e619"}.fa-square-x-twitter{--fa:"\e61a"}.fa-x-twitter{--fa:"\e61b"}.fa-opensuse{--fa:"\e62b"}.fa-letterboxd{--fa:"\e62d"}.fa-square-letterboxd{--fa:"\e62e"}.fa-mintbit{--fa:"\e62f"}.fa-google-scholar{--fa:"\e63b"}.fa-brave{--fa:"\e63c"}.fa-brave-reverse{--fa:"\e63d"}.fa-pixiv{--fa:"\e640"}.fa-upwork{--fa:"\e641"}.fa-webflow{--fa:"\e65c"}.fa-signal-messenger{--fa:"\e663"}.fa-bluesky{--fa:"\e671"}.fa-jxl{--fa:"\e67b"}.fa-square-upwork{--fa:"\e67c"}.fa-web-awesome{--fa:"\e682"}.fa-square-web-awesome{--fa:"\e683"}.fa-square-web-awesome-stroke{--fa:"\e684"}.fa-dart-lang{--fa:"\e693"}.fa-flutter{--fa:"\e694"}.fa-files-pinwheel{--fa:"\e69f"}.fa-css{--fa:"\e6a2"}.fa-square-bluesky{--fa:"\e6a3"}.fa-openai{--fa:"\e7cf"}.fa-square-linkedin{--fa:"\e7d0"}.fa-cash-app{--fa:"\e7d4"}.fa-disqus{--fa:"\e7d5"}.fa-11ty,.fa-eleventy{--fa:"\e7d6"}.fa-kakao-talk{--fa:"\e7d7"}.fa-linktree{--fa:"\e7d8"}.fa-notion{--fa:"\e7d9"}.fa-pandora{--fa:"\e7da"}.fa-pixelfed{--fa:"\e7db"}.fa-tidal{--fa:"\e7dc"}.fa-vsco{--fa:"\e7dd"}.fa-w3c{--fa:"\e7de"}.fa-lumon{--fa:"\e7e2"}.fa-lumon-drop{--fa:"\e7e3"}.fa-square-figma{--fa:"\e7e4"}.fa-tex{--fa:"\e7ff"}.fa-duolingo{--fa:"\e812"}.fa-square-twitter,.fa-twitter-square{--fa:"\f081"}.fa-facebook-square,.fa-square-facebook{--fa:"\f082"}.fa-linkedin{--fa:"\f08c"}.fa-github-square,.fa-square-github{--fa:"\f092"}.fa-twitter{--fa:"\f099"}.fa-facebook{--fa:"\f09a"}.fa-github{--fa:"\f09b"}.fa-pinterest{--fa:"\f0d2"}.fa-pinterest-square,.fa-square-pinterest{--fa:"\f0d3"}.fa-google-plus-square,.fa-square-google-plus{--fa:"\f0d4"}.fa-google-plus-g{--fa:"\f0d5"}.fa-linkedin-in{--fa:"\f0e1"}.fa-github-alt{--fa:"\f113"}.fa-maxcdn{--fa:"\f136"}.fa-html5{--fa:"\f13b"}.fa-css3{--fa:"\f13c"}.fa-btc{--fa:"\f15a"}.fa-youtube{--fa:"\f167"}.fa-xing{--fa:"\f168"}.fa-square-xing,.fa-xing-square{--fa:"\f169"}.fa-dropbox{--fa:"\f16b"}.fa-stack-overflow{--fa:"\f16c"}.fa-instagram{--fa:"\f16d"}.fa-flickr{--fa:"\f16e"}.fa-adn{--fa:"\f170"}.fa-bitbucket{--fa:"\f171"}.fa-tumblr{--fa:"\f173"}.fa-square-tumblr,.fa-tumblr-square{--fa:"\f174"}.fa-apple{--fa:"\f179"}.fa-windows{--fa:"\f17a"}.fa-android{--fa:"\f17b"}.fa-linux{--fa:"\f17c"}.fa-dribbble{--fa:"\f17d"}.fa-skype{--fa:"\f17e"}.fa-foursquare{--fa:"\f180"}.fa-trello{--fa:"\f181"}.fa-gratipay{--fa:"\f184"}.fa-vk{--fa:"\f189"}.fa-weibo{--fa:"\f18a"}.fa-renren{--fa:"\f18b"}.fa-pagelines{--fa:"\f18c"}.fa-stack-exchange{--fa:"\f18d"}.fa-square-vimeo,.fa-vimeo-square{--fa:"\f194"}.fa-slack,.fa-slack-hash{--fa:"\f198"}.fa-wordpress{--fa:"\f19a"}.fa-openid{--fa:"\f19b"}.fa-yahoo{--fa:"\f19e"}.fa-google{--fa:"\f1a0"}.fa-reddit{--fa:"\f1a1"}.fa-reddit-square,.fa-square-reddit{--fa:"\f1a2"}.fa-stumbleupon-circle{--fa:"\f1a3"}.fa-stumbleupon{--fa:"\f1a4"}.fa-delicious{--fa:"\f1a5"}.fa-digg{--fa:"\f1a6"}.fa-pied-piper-pp{--fa:"\f1a7"}.fa-pied-piper-alt{--fa:"\f1a8"}.fa-drupal{--fa:"\f1a9"}.fa-joomla{--fa:"\f1aa"}.fa-behance{--fa:"\f1b4"}.fa-behance-square,.fa-square-behance{--fa:"\f1b5"}.fa-steam{--fa:"\f1b6"}.fa-square-steam,.fa-steam-square{--fa:"\f1b7"}.fa-spotify{--fa:"\f1bc"}.fa-deviantart{--fa:"\f1bd"}.fa-soundcloud{--fa:"\f1be"}.fa-vine{--fa:"\f1ca"}.fa-codepen{--fa:"\f1cb"}.fa-jsfiddle{--fa:"\f1cc"}.fa-rebel{--fa:"\f1d0"}.fa-empire{--fa:"\f1d1"}.fa-git-square,.fa-square-git{--fa:"\f1d2"}.fa-git{--fa:"\f1d3"}.fa-hacker-news{--fa:"\f1d4"}.fa-tencent-weibo{--fa:"\f1d5"}.fa-qq{--fa:"\f1d6"}.fa-weixin{--fa:"\f1d7"}.fa-slideshare{--fa:"\f1e7"}.fa-twitch{--fa:"\f1e8"}.fa-yelp{--fa:"\f1e9"}.fa-paypal{--fa:"\f1ed"}.fa-google-wallet{--fa:"\f1ee"}.fa-cc-visa{--fa:"\f1f0"}.fa-cc-mastercard{--fa:"\f1f1"}.fa-cc-discover{--fa:"\f1f2"}.fa-cc-amex{--fa:"\f1f3"}.fa-cc-paypal{--fa:"\f1f4"}.fa-cc-stripe{--fa:"\f1f5"}.fa-lastfm{--fa:"\f202"}.fa-lastfm-square,.fa-square-lastfm{--fa:"\f203"}.fa-ioxhost{--fa:"\f208"}.fa-angellist{--fa:"\f209"}.fa-buysellads{--fa:"\f20d"}.fa-connectdevelop{--fa:"\f20e"}.fa-dashcube{--fa:"\f210"}.fa-forumbee{--fa:"\f211"}.fa-leanpub{--fa:"\f212"}.fa-sellsy{--fa:"\f213"}.fa-shirtsinbulk{--fa:"\f214"}.fa-simplybuilt{--fa:"\f215"}.fa-skyatlas{--fa:"\f216"}.fa-pinterest-p{--fa:"\f231"}.fa-whatsapp{--fa:"\f232"}.fa-viacoin{--fa:"\f237"}.fa-medium,.fa-medium-m{--fa:"\f23a"}.fa-y-combinator{--fa:"\f23b"}.fa-optin-monster{--fa:"\f23c"}.fa-opencart{--fa:"\f23d"}.fa-expeditedssl{--fa:"\f23e"}.fa-cc-jcb{--fa:"\f24b"}.fa-cc-diners-club{--fa:"\f24c"}.fa-creative-commons{--fa:"\f25e"}.fa-gg{--fa:"\f260"}.fa-gg-circle{--fa:"\f261"}.fa-odnoklassniki{--fa:"\f263"}.fa-odnoklassniki-square,.fa-square-odnoklassniki{--fa:"\f264"}.fa-get-pocket{--fa:"\f265"}.fa-wikipedia-w{--fa:"\f266"}.fa-safari{--fa:"\f267"}.fa-chrome{--fa:"\f268"}.fa-firefox{--fa:"\f269"}.fa-opera{--fa:"\f26a"}.fa-internet-explorer{--fa:"\f26b"}.fa-contao{--fa:"\f26d"}.fa-500px{--fa:"\f26e"}.fa-amazon{--fa:"\f270"}.fa-houzz{--fa:"\f27c"}.fa-vimeo-v{--fa:"\f27d"}.fa-black-tie{--fa:"\f27e"}.fa-fonticons{--fa:"\f280"}.fa-reddit-alien{--fa:"\f281"}.fa-edge{--fa:"\f282"}.fa-codiepie{--fa:"\f284"}.fa-modx{--fa:"\f285"}.fa-fort-awesome{--fa:"\f286"}.fa-usb{--fa:"\f287"}.fa-product-hunt{--fa:"\f288"}.fa-mixcloud{--fa:"\f289"}.fa-scribd{--fa:"\f28a"}.fa-bluetooth{--fa:"\f293"}.fa-bluetooth-b{--fa:"\f294"}.fa-gitlab{--fa:"\f296"}.fa-wpbeginner{--fa:"\f297"}.fa-wpforms{--fa:"\f298"}.fa-envira{--fa:"\f299"}.fa-glide{--fa:"\f2a5"}.fa-glide-g{--fa:"\f2a6"}.fa-viadeo{--fa:"\f2a9"}.fa-square-viadeo,.fa-viadeo-square{--fa:"\f2aa"}.fa-snapchat,.fa-snapchat-ghost{--fa:"\f2ab"}.fa-snapchat-square,.fa-square-snapchat{--fa:"\f2ad"}.fa-pied-piper{--fa:"\f2ae"}.fa-first-order{--fa:"\f2b0"}.fa-yoast{--fa:"\f2b1"}.fa-themeisle{--fa:"\f2b2"}.fa-google-plus{--fa:"\f2b3"}.fa-font-awesome,.fa-font-awesome-flag,.fa-font-awesome-logo-full{--fa:"\f2b4"}.fa-linode{--fa:"\f2b8"}.fa-quora{--fa:"\f2c4"}.fa-free-code-camp{--fa:"\f2c5"}.fa-telegram,.fa-telegram-plane{--fa:"\f2c6"}.fa-bandcamp{--fa:"\f2d5"}.fa-grav{--fa:"\f2d6"}.fa-etsy{--fa:"\f2d7"}.fa-imdb{--fa:"\f2d8"}.fa-ravelry{--fa:"\f2d9"}.fa-sellcast{--fa:"\f2da"}.fa-superpowers{--fa:"\f2dd"}.fa-wpexplorer{--fa:"\f2de"}.fa-meetup{--fa:"\f2e0"}.fa-font-awesome-alt,.fa-square-font-awesome-stroke{--fa:"\f35c"}.fa-accessible-icon{--fa:"\f368"}.fa-accusoft{--fa:"\f369"}.fa-adversal{--fa:"\f36a"}.fa-affiliatetheme{--fa:"\f36b"}.fa-algolia{--fa:"\f36c"}.fa-amilia{--fa:"\f36d"}.fa-angrycreative{--fa:"\f36e"}.fa-app-store{--fa:"\f36f"}.fa-app-store-ios{--fa:"\f370"}.fa-apper{--fa:"\f371"}.fa-asymmetrik{--fa:"\f372"}.fa-audible{--fa:"\f373"}.fa-avianex{--fa:"\f374"}.fa-aws{--fa:"\f375"}.fa-bimobject{--fa:"\f378"}.fa-bitcoin{--fa:"\f379"}.fa-bity{--fa:"\f37a"}.fa-blackberry{--fa:"\f37b"}.fa-blogger{--fa:"\f37c"}.fa-blogger-b{--fa:"\f37d"}.fa-buromobelexperte{--fa:"\f37f"}.fa-centercode{--fa:"\f380"}.fa-cloudscale{--fa:"\f383"}.fa-cloudsmith{--fa:"\f384"}.fa-cloudversify{--fa:"\f385"}.fa-cpanel{--fa:"\f388"}.fa-css3-alt{--fa:"\f38b"}.fa-cuttlefish{--fa:"\f38c"}.fa-d-and-d{--fa:"\f38d"}.fa-deploydog{--fa:"\f38e"}.fa-deskpro{--fa:"\f38f"}.fa-digital-ocean{--fa:"\f391"}.fa-discord{--fa:"\f392"}.fa-discourse{--fa:"\f393"}.fa-dochub{--fa:"\f394"}.fa-docker{--fa:"\f395"}.fa-draft2digital{--fa:"\f396"}.fa-dribbble-square,.fa-square-dribbble{--fa:"\f397"}.fa-dyalog{--fa:"\f399"}.fa-earlybirds{--fa:"\f39a"}.fa-erlang{--fa:"\f39d"}.fa-facebook-f{--fa:"\f39e"}.fa-facebook-messenger{--fa:"\f39f"}.fa-firstdraft{--fa:"\f3a1"}.fa-fonticons-fi{--fa:"\f3a2"}.fa-fort-awesome-alt{--fa:"\f3a3"}.fa-freebsd{--fa:"\f3a4"}.fa-gitkraken{--fa:"\f3a6"}.fa-gofore{--fa:"\f3a7"}.fa-goodreads{--fa:"\f3a8"}.fa-goodreads-g{--fa:"\f3a9"}.fa-google-drive{--fa:"\f3aa"}.fa-google-play{--fa:"\f3ab"}.fa-gripfire{--fa:"\f3ac"}.fa-grunt{--fa:"\f3ad"}.fa-gulp{--fa:"\f3ae"}.fa-hacker-news-square,.fa-square-hacker-news{--fa:"\f3af"}.fa-hire-a-helper{--fa:"\f3b0"}.fa-hotjar{--fa:"\f3b1"}.fa-hubspot{--fa:"\f3b2"}.fa-itunes{--fa:"\f3b4"}.fa-itunes-note{--fa:"\f3b5"}.fa-jenkins{--fa:"\f3b6"}.fa-joget{--fa:"\f3b7"}.fa-js{--fa:"\f3b8"}.fa-js-square,.fa-square-js{--fa:"\f3b9"}.fa-keycdn{--fa:"\f3ba"}.fa-kickstarter,.fa-square-kickstarter{--fa:"\f3bb"}.fa-kickstarter-k{--fa:"\f3bc"}.fa-laravel{--fa:"\f3bd"}.fa-line{--fa:"\f3c0"}.fa-lyft{--fa:"\f3c3"}.fa-magento{--fa:"\f3c4"}.fa-medapps{--fa:"\f3c6"}.fa-medrt{--fa:"\f3c8"}.fa-microsoft{--fa:"\f3ca"}.fa-mix{--fa:"\f3cb"}.fa-mizuni{--fa:"\f3cc"}.fa-monero{--fa:"\f3d0"}.fa-napster{--fa:"\f3d2"}.fa-node-js{--fa:"\f3d3"}.fa-npm{--fa:"\f3d4"}.fa-ns8{--fa:"\f3d5"}.fa-nutritionix{--fa:"\f3d6"}.fa-page4{--fa:"\f3d7"}.fa-palfed{--fa:"\f3d8"}.fa-patreon{--fa:"\f3d9"}.fa-periscope{--fa:"\f3da"}.fa-phabricator{--fa:"\f3db"}.fa-phoenix-framework{--fa:"\f3dc"}.fa-playstation{--fa:"\f3df"}.fa-pushed{--fa:"\f3e1"}.fa-python{--fa:"\f3e2"}.fa-red-river{--fa:"\f3e3"}.fa-rendact,.fa-wpressr{--fa:"\f3e4"}.fa-replyd{--fa:"\f3e6"}.fa-resolving{--fa:"\f3e7"}.fa-rocketchat{--fa:"\f3e8"}.fa-rockrms{--fa:"\f3e9"}.fa-schlix{--fa:"\f3ea"}.fa-searchengin{--fa:"\f3eb"}.fa-servicestack{--fa:"\f3ec"}.fa-sistrix{--fa:"\f3ee"}.fa-speakap{--fa:"\f3f3"}.fa-staylinked{--fa:"\f3f5"}.fa-steam-symbol{--fa:"\f3f6"}.fa-sticker-mule{--fa:"\f3f7"}.fa-studiovinari{--fa:"\f3f8"}.fa-supple{--fa:"\f3f9"}.fa-uber{--fa:"\f402"}.fa-uikit{--fa:"\f403"}.fa-uniregistry{--fa:"\f404"}.fa-untappd{--fa:"\f405"}.fa-ussunnah{--fa:"\f407"}.fa-vaadin{--fa:"\f408"}.fa-viber{--fa:"\f409"}.fa-vimeo{--fa:"\f40a"}.fa-vnv{--fa:"\f40b"}.fa-square-whatsapp,.fa-whatsapp-square{--fa:"\f40c"}.fa-whmcs{--fa:"\f40d"}.fa-wordpress-simple{--fa:"\f411"}.fa-xbox{--fa:"\f412"}.fa-yandex{--fa:"\f413"}.fa-yandex-international{--fa:"\f414"}.fa-apple-pay{--fa:"\f415"}.fa-cc-apple-pay{--fa:"\f416"}.fa-fly{--fa:"\f417"}.fa-node{--fa:"\f419"}.fa-osi{--fa:"\f41a"}.fa-react{--fa:"\f41b"}.fa-autoprefixer{--fa:"\f41c"}.fa-less{--fa:"\f41d"}.fa-sass{--fa:"\f41e"}.fa-vuejs{--fa:"\f41f"}.fa-angular{--fa:"\f420"}.fa-aviato{--fa:"\f421"}.fa-ember{--fa:"\f423"}.fa-gitter{--fa:"\f426"}.fa-hooli{--fa:"\f427"}.fa-strava{--fa:"\f428"}.fa-stripe{--fa:"\f429"}.fa-stripe-s{--fa:"\f42a"}.fa-typo3{--fa:"\f42b"}.fa-amazon-pay{--fa:"\f42c"}.fa-cc-amazon-pay{--fa:"\f42d"}.fa-ethereum{--fa:"\f42e"}.fa-korvue{--fa:"\f42f"}.fa-elementor{--fa:"\f430"}.fa-square-youtube,.fa-youtube-square{--fa:"\f431"}.fa-flipboard{--fa:"\f44d"}.fa-hips{--fa:"\f452"}.fa-php{--fa:"\f457"}.fa-quinscape{--fa:"\f459"}.fa-readme{--fa:"\f4d5"}.fa-java{--fa:"\f4e4"}.fa-pied-piper-hat{--fa:"\f4e5"}.fa-creative-commons-by{--fa:"\f4e7"}.fa-creative-commons-nc{--fa:"\f4e8"}.fa-creative-commons-nc-eu{--fa:"\f4e9"}.fa-creative-commons-nc-jp{--fa:"\f4ea"}.fa-creative-commons-nd{--fa:"\f4eb"}.fa-creative-commons-pd{--fa:"\f4ec"}.fa-creative-commons-pd-alt{--fa:"\f4ed"}.fa-creative-commons-remix{--fa:"\f4ee"}.fa-creative-commons-sa{--fa:"\f4ef"}.fa-creative-commons-sampling{--fa:"\f4f0"}.fa-creative-commons-sampling-plus{--fa:"\f4f1"}.fa-creative-commons-share{--fa:"\f4f2"}.fa-creative-commons-zero{--fa:"\f4f3"}.fa-ebay{--fa:"\f4f4"}.fa-keybase{--fa:"\f4f5"}.fa-mastodon{--fa:"\f4f6"}.fa-r-project{--fa:"\f4f7"}.fa-researchgate{--fa:"\f4f8"}.fa-teamspeak{--fa:"\f4f9"}.fa-first-order-alt{--fa:"\f50a"}.fa-fulcrum{--fa:"\f50b"}.fa-galactic-republic{--fa:"\f50c"}.fa-galactic-senate{--fa:"\f50d"}.fa-jedi-order{--fa:"\f50e"}.fa-mandalorian{--fa:"\f50f"}.fa-old-republic{--fa:"\f510"}.fa-phoenix-squadron{--fa:"\f511"}.fa-sith{--fa:"\f512"}.fa-trade-federation{--fa:"\f513"}.fa-wolf-pack-battalion{--fa:"\f514"}.fa-hornbill{--fa:"\f592"}.fa-mailchimp{--fa:"\f59e"}.fa-megaport{--fa:"\f5a3"}.fa-nimblr{--fa:"\f5a8"}.fa-rev{--fa:"\f5b2"}.fa-shopware{--fa:"\f5b5"}.fa-squarespace{--fa:"\f5be"}.fa-themeco{--fa:"\f5c6"}.fa-weebly{--fa:"\f5cc"}.fa-wix{--fa:"\f5cf"}.fa-ello{--fa:"\f5f1"}.fa-hackerrank{--fa:"\f5f7"}.fa-kaggle{--fa:"\f5fa"}.fa-markdown{--fa:"\f60f"}.fa-neos{--fa:"\f612"}.fa-zhihu{--fa:"\f63f"}.fa-alipay{--fa:"\f642"}.fa-the-red-yeti{--fa:"\f69d"}.fa-critical-role{--fa:"\f6c9"}.fa-d-and-d-beyond{--fa:"\f6ca"}.fa-dev{--fa:"\f6cc"}.fa-fantasy-flight-games{--fa:"\f6dc"}.fa-wizards-of-the-coast{--fa:"\f730"}.fa-think-peaks{--fa:"\f731"}.fa-reacteurope{--fa:"\f75d"}.fa-artstation{--fa:"\f77a"}.fa-atlassian{--fa:"\f77b"}.fa-canadian-maple-leaf{--fa:"\f785"}.fa-centos{--fa:"\f789"}.fa-confluence{--fa:"\f78d"}.fa-dhl{--fa:"\f790"}.fa-diaspora{--fa:"\f791"}.fa-fedex{--fa:"\f797"}.fa-fedora{--fa:"\f798"}.fa-figma{--fa:"\f799"}.fa-intercom{--fa:"\f7af"}.fa-invision{--fa:"\f7b0"}.fa-jira{--fa:"\f7b1"}.fa-mendeley{--fa:"\f7b3"}.fa-raspberry-pi{--fa:"\f7bb"}.fa-redhat{--fa:"\f7bc"}.fa-sketch{--fa:"\f7c6"}.fa-sourcetree{--fa:"\f7d3"}.fa-suse{--fa:"\f7d6"}.fa-ubuntu{--fa:"\f7df"}.fa-ups{--fa:"\f7e0"}.fa-usps{--fa:"\f7e1"}.fa-yarn{--fa:"\f7e3"}.fa-airbnb{--fa:"\f834"}.fa-battle-net{--fa:"\f835"}.fa-bootstrap{--fa:"\f836"}.fa-buffer{--fa:"\f837"}.fa-chromecast{--fa:"\f838"}.fa-evernote{--fa:"\f839"}.fa-itch-io{--fa:"\f83a"}.fa-salesforce{--fa:"\f83b"}.fa-speaker-deck{--fa:"\f83c"}.fa-symfony{--fa:"\f83d"}.fa-waze{--fa:"\f83f"}.fa-yammer{--fa:"\f840"}.fa-git-alt{--fa:"\f841"}.fa-stackpath{--fa:"\f842"}.fa-cotton-bureau{--fa:"\f89e"}.fa-buy-n-large{--fa:"\f8a6"}.fa-mdb{--fa:"\f8ca"}.fa-orcid{--fa:"\f8d2"}.fa-swift{--fa:"\f8e1"}.fa-umbraco{--fa:"\f8e8"}:host,:root{--fa-font-regular:normal 400 1em/1 var(--fa-family-classic)}@font-face{font-display:block;font-family:Font Awesome\ 7 Free;font-style:normal;font-weight:400;src:url(/static/media/fa-regular-400.6f05ca9ab7b5345dbc07.woff2)}.far{--fa-family:var(--fa-family-classic)}.fa-regular,.far{--fa-style:400}:host,:root{--fa-family-classic:"Font Awesome 7 Free";--fa-font-solid:normal 900 1em/1 var(--fa-family-classic);--fa-style-family-classic:var(--fa-family-classic)}@font-face{font-display:block;font-family:Font Awesome\ 7 Free;font-style:normal;font-weight:900;src:url(/static/media/fa-solid-900.8ae0d37556ff1e685de2.woff2)}.fas{--fa-style:900}.fa-classic,.fas{--fa-family:var(--fa-family-classic)}.fa-solid{--fa-style:900}@font-face{font-display:block;font-family:Font Awesome\ 5 Brands;font-weight:400;src:url(/static/media/fa-brands-400.1c5c7716b05754cb4eab.woff2) format("woff2")}@font-face{font-display:block;font-family:Font Awesome\ 5 Free;font-weight:900;src:url(/static/media/fa-solid-900.8ae0d37556ff1e685de2.woff2) format("woff2")}@font-face{font-display:block;font-family:Font Awesome\ 5 Free;font-weight:400;src:url(/static/media/fa-regular-400.6f05ca9ab7b5345dbc07.woff2) format("woff2")}@font-face{font-display:block;font-family:FontAwesome;src:url(/static/media/fa-solid-900.8ae0d37556ff1e685de2.woff2) format("woff2")}@font-face{font-display:block;font-family:FontAwesome;src:url(/static/media/fa-brands-400.1c5c7716b05754cb4eab.woff2) format("woff2")}@font-face{font-display:block;font-family:FontAwesome;src:url(/static/media/fa-regular-400.6f05ca9ab7b5345dbc07.woff2) format("woff2");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-display:block;font-family:FontAwesome;src:url(/static/media/fa-v4compatibility.e4340c52a50e727c6afa.woff2) format("woff2");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}.nav-controls{background:#fff;border-radius:50px;gap:20px;justify-content:space-between;margin:20px 0 25px;padding:16px 26px;transition:all .3s ease}.controls-left,.nav-controls{align-items:center;display:flex}.controls-left{flex:1 1;gap:18px;min-width:0}.filter-select,.sort-select{-webkit-appearance:none;appearance:none;background:#f8f9fc;border:none;border-radius:30px;box-shadow:inset 0 0 0 1px #e6e9f3;color:#555;font-size:17px;font-weight:500;outline:none;padding:10px 20px;transition:all .2s ease}.filter-select:hover,.sort-select:hover{background:#f1f3fa}.filter-select:focus,.sort-select:focus{box-shadow:inset 0 0 0 2px #6b73ff}.secured-btn,.shared-btn{-webkit-appearance:none;appearance:none;background:#f8f9fc;border:none;border-radius:30px;box-shadow:inset 0 0 0 1px #e6e9f3;color:#555;cursor:pointer;font-size:17px;font-weight:500;height:42px;line-height:42px;outline:none;padding:10px 20px;transition:all .2s ease}.secured-btn:hover,.shared-btn:hover{background:#f1f3fa;box-shadow:inset 0 0 0 1px #d8dbef;color:#303655}.controls-left .secured-btn,.controls-left .shared-btn{height:42px;line-height:42px;padding:0 18px;text-align:center;width:150px!important}.search-box{align-items:center;display:flex;flex:1 1;position:relative}.search-box input{background:#f8f9fc;border:none;border-radius:30px;box-shadow:inset 0 0 0 1px #e6e9f3;font-size:17px;outline:none;padding:10px 44px 10px 20px;transition:box-shadow .2s ease;width:100%}.search-box input:focus{box-shadow:inset 0 0 0 2px #6b73ff}.search-box:after{color:#888;content:"\f002";font-family:Font Awesome\ 5 Free;font-size:14px;font-weight:900;position:absolute;right:18px}.controls-right{flex-shrink:0}.upload-btn{align-items:center;background:#303655;border:none;border-radius:50px;box-shadow:0 6px 18px #6b73ff4d;color:#fff;cursor:pointer;display:inline-flex!important;font-size:14px;font-weight:700;justify-content:center;padding:12px 28px;transition:all .25s ease}.upload-btn:hover{box-shadow:0 10px 25px #6b73ff66;transform:translateY(-2px)}.upload-btn i{font-size:15px;margin-right:8px}[data-theme=dark] .nav-controls{background:radial-gradient(1200px 500px at -5% -10%,#581c8759 0,#0f172a00 60%),radial-gradient(900px 420px at 105% -15%,#fb718540 0,#0f172a00 60%),var(--bg);border:1px solid #ffffff4d;border-radius:999px;box-shadow:0 12px 30px #0f172a8c}[data-theme=dark] .controls-left{color:var(--text-primary)}[data-theme=dark] .filter-select,[data-theme=dark] .sort-select{background:#0b1020;box-shadow:inset 0 0 0 1px #94a3b899;color:#e5e7eb}[data-theme=dark] .filter-select:hover,[data-theme=dark] .sort-select:hover{background:#020617}[data-theme=dark] .filter-select:focus,[data-theme=dark] .sort-select:focus{box-shadow:inset 0 0 0 2px var(--accent-primary)}[data-theme=dark] .secured-btn,[data-theme=dark] .shared-btn{background:#020617;box-shadow:inset 0 0 0 1px #94a3b899;color:#e5e7eb}[data-theme=dark] .secured-btn.active,[data-theme=dark] .shared-btn.active{background:linear-gradient(135deg,#020617,#020617);box-shadow:0 0 0 1px #4f46e5,0 10px 25px #0f172ae6;color:#f9fafb}[data-theme=dark] .secured-btn:hover,[data-theme=dark] .shared-btn:hover{background:#020617;box-shadow:inset 0 0 0 1px var(--accent-primary);color:#e5e7eb}[data-theme=dark] .search-box input{background:#020617;box-shadow:inset 0 0 0 1px #94a3b899;color:#e5e7eb}[data-theme=dark] .search-box input::placeholder{color:var(--text-muted)}[data-theme=dark] .search-box input:focus{box-shadow:inset 0 0 0 2px var(--accent-primary)}[data-theme=dark] .search-box:after{color:var(--text-muted)}[data-theme=dark] .controls-right{color:var(--text-primary)}[data-theme=dark] .upload-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));box-shadow:0 10px 30px #0f172ab3;color:#fff}[data-theme=dark] .upload-btn:hover{box-shadow:0 14px 36px #0f172ad9;transform:translateY(-2px)}.upload-progress{background:var(--card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:16px 26px 18px;padding:14px 16px}.progress-bar{background:#eef0f8}.progress-fill{background:linear-gradient(90deg,var(--brand-1),var(--brand-2),var(--brand-3))}.progress-text{color:var(--brand-1);font-weight:700}.collection-info{color:var(--muted)}[data-theme=dark] .upload-progress{background:#020617;border:1px solid #1e293b;box-shadow:0 14px 35px #0f172acc}[data-theme=dark] .progress-bar{background:#0f172a}[data-theme=dark] .progress-fill{background:linear-gradient(90deg,#4f46e5,#8b5cf6,#ec4899)}[data-theme=dark] .progress-text{color:#e5e7eb}[data-theme=dark] .collection-info{color:#9ca3af}.storage-section{margin:10px 26px 26px}.storage-section-title{color:var(--text);font-size:18px;font-weight:600;margin:0 0 14px}.storage-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}.storage-card{background:var(--card);border:1px solid #0000;border-radius:12px;box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;padding:18px 20px;position:relative;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.storage-card:before{background:radial-gradient(circle at top left,#fff,#0000 55%);content:"";inset:0;opacity:.12;pointer-events:none;position:absolute}.storage-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.storage-card-active{border-color:var(--brand-1);box-shadow:0 18px 40px #8b5cf647;transform:translateY(-4px)}.storage-card-active .storage-card-icon{box-shadow:0 10px 26px #8b5cf659}.storage-card-header{align-items:center;display:flex;gap:17px;justify-content:flex-start;margin-bottom:10px}.storage-card-icon{align-items:center;background:#ffffffe6;border-radius:14px;box-shadow:0 6px 18px #0000000a;display:inline-flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.storage-card-icon i{font-size:18px}.storage-card-meta{align-items:flex-start;display:flex;flex-direction:column;gap:2px;min-width:0}.storage-card-meta h3{color:var(--text);font-size:16px;font-weight:600;margin:0}.storage-card-meta span{color:var(--muted);font-size:12px}.storage-card-body{margin-top:4px}.storage-card-usage{color:#6d7283;font-size:12px;margin:0 0 6px}.storage-card-progress{background:#eef0f8;border-radius:999px;height:6px;overflow:hidden;width:100%}.storage-card-progress-fill{background:linear-gradient(90deg,var(--brand-1),var(--brand-2),var(--brand-3));border-radius:inherit;height:100%;transition:width .3s ease}.storage-card-images .storage-card-icon{background:#6b73ff1f}.storage-card-images .storage-card-icon i{color:#6b73ff}.storage-card-documents .storage-card-icon{background:#fabc3c24}.storage-card-documents .storage-card-icon i{color:#f7a900}.storage-card-music .storage-card-icon{background:#4cc9f024}.storage-card-music .storage-card-icon i{color:#00bcd4}.storage-card-videos .storage-card-icon{background:#ff7ac329}.storage-card-videos .storage-card-icon i{color:#ff5c93}.storage-card-media .storage-card-icon{background:#3b82f61a}.storage-card-others .storage-card-icon{background:#94a3b826}@media (max-width:1200px){.storage-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.storage-cards{grid-template-columns:1fr}}[data-theme=dark] .storage-section-title{color:var(--text)}[data-theme=dark] .storage-card{background:#020617;border:1px solid #94a3b859;box-shadow:0 18px 40px #0f172ae6}[data-theme=dark] .storage-card:before{background:radial-gradient(circle at top left,#818cf880,#0000 60%);opacity:.18}[data-theme=dark] .storage-card:hover{box-shadow:0 22px 60px #0f172a}[data-theme=dark] .storage-card-active{background:radial-gradient(circle at top left,#020617,#020617);border-color:#a855f7;box-shadow:0 22px 70px #581c87e6}[data-theme=dark] .storage-card-active .storage-card-icon{box-shadow:0 14px 32px #a855f7b3}[data-theme=dark] .storage-card-meta h3{color:#e5e7eb}[data-theme=dark] .storage-card-meta span,[data-theme=dark] .storage-card-usage{color:#9ca3af}[data-theme=dark] .storage-card-progress{background:#0f172ae6}[data-theme=dark] .storage-card-progress-fill{background:linear-gradient(90deg,#8b5cf6,#6366f1,#f97316)}[data-theme=dark] .storage-card-icon{background:radial-gradient(circle at top left,#0f172a1a,#0f172acc);box-shadow:0 10px 25px #0f172acc}[data-theme=dark] .storage-card-images .storage-card-icon{background:#6366f140}[data-theme=dark] .storage-card-documents .storage-card-icon{background:#facc1540}[data-theme=dark] .storage-card-music .storage-card-icon{background:#22d3ee40}[data-theme=dark] .storage-card-videos .storage-card-icon{background:#f472b64d}[data-theme=dark] .storage-card-media .storage-card-icon{background:#3b82f647}[data-theme=dark] .storage-card-others .storage-card-icon{background:#94a3b84d}.table-row{align-items:center;background:#0000!important;border-bottom:1px solid #7882a026;display:grid;grid-template-columns:2.2fr .9fr .8fr 1fr .8fr .8fr 1.2fr;padding:14px 0;transition:background-color .2s ease,transform .12s ease}.table-row:hover{background:#ffffff0f!important}.cell{background:#0000!important;color:var(--text);font-size:14px;gap:8px}.cell,.file-name-cell{align-items:center;display:flex}.file-name-cell{gap:12px;min-width:0;text-align:left}.file-thumb{border:1px solid #eef0f5;border-radius:10px;box-shadow:0 6px 16px #1212120f;flex-shrink:0;height:44px;object-fit:cover;width:44px}.file-name{color:#2d3142;flex:1 1 auto;line-height:1.2;max-width:100%;min-width:0;text-align:left}.status.no,.status.yes{border:1px solid #0000;border-radius:999px;font-size:12px;font-weight:700;padding:6px 10px}.status.yes{background:#e6f6ec;border-color:#d7f1e2;color:#167e3d}.status.no{background:#f1f3f7;border-color:#e7eaf1;color:#6b7280}.file-type-cell{color:#666;font-size:14px}.file-icon{align-items:center;background:#f6f7ff;border:1px solid #eef0ff;border-radius:10px;display:inline-flex;height:34px;justify-content:center;transition:transform .15s ease,box-shadow .15s ease;width:34px}.file-icon:hover{box-shadow:0 6px 14px #323b821a;transform:translateY(-1px)}.pdf-icon .fas{color:#ff5e5e!important}.word-icon .fas{color:#3a7bd5!important}.excel-icon .fas{color:#2ecc71!important}.ppt-icon .fas{color:#ff9f43!important}.image-icon .fas{color:#9b59b6!important}.video-icon .fas{color:#e74c3c!important}.audio-icon .fas{color:#e67e22!important}.archive-icon .fas{color:#8b572a!important}.text-icon .fas{color:#7f8c8d!important}.code-icon .fas{color:#00bfa6!important}.default-icon .fas{color:#9aa3af!important}.download-cell{align-items:center;display:flex;gap:10px}.icon-btn{align-items:center;background:#eef1f7;border:none;border-radius:50%;color:#3f465a;cursor:pointer;display:inline-flex;height:38px;justify-content:center;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease;width:38px}.icon-btn:hover{box-shadow:0 10px 20px #58627e26;transform:translateY(-2px)}.security-btn.file-locked{background:#ffe7ec;color:#b4232a}.security-btn.file-unlocked{background:#eaf5ff;color:#1c64f2}.download-btn:hover{background:#eafaf0;color:var(--success)}.delete-btn:hover{background:#ffe9ed;color:var(--danger)}.share-btn:hover{background:#f3eaff;color:var(--brand-2)}[data-theme=dark] .table-row{border-bottom:1px solid #94a3b840}[data-theme=dark] .table-row:hover{background:#0f172ad9!important}[data-theme=dark] .cell{color:#e5e7eb}[data-theme=dark] .file-thumb{border:1px solid #1e40afb3;box-shadow:0 10px 26px #0f172ae6}[data-theme=dark] .file-name{color:#f9fafb}[data-theme=dark] .file-type-cell{color:#9ca3af}[data-theme=dark] .status.yes{background:#16a34a1f;border-color:#22c55e59;color:#4ade80}[data-theme=dark] .status.no{background:#1f2937b3;border-color:#374151cc;color:#e5e7eb}[data-theme=dark] .file-icon{background:radial-gradient(circle at 30% 0,#94a3b866,#0f172af2);border:1px solid #374151e6;box-shadow:0 12px 28px #0f172ae6}[data-theme=dark] .icon-btn{background:#1e293be6;box-shadow:0 8px 22px #0f172ae6;color:#e5e7eb}[data-theme=dark] .icon-btn:hover{box-shadow:0 12px 30px #0f172a}[data-theme=dark] .security-btn.file-locked{background:#f8717129;color:#fecaca}[data-theme=dark] .security-btn.file-unlocked{background:#3b82f629;color:#bfdbfe}[data-theme=dark] .download-btn:hover{background:#22c55e29;color:#bbf7d0}[data-theme=dark] .delete-btn:hover{background:#f8717129;color:#fecaca}[data-theme=dark] .share-btn:hover{background:#a78bfa33;color:#e9d5ff}.recent-file{margin:0 26px 10px}.recent-file h2{color:var(--text);font-size:20px;font-weight:600;margin:0}.files-table{background:#0000!important;border-radius:0!important;box-shadow:none!important;margin:0 26px 40px;overflow:visible}.table-header{background:#0000!important;border-bottom:0;color:#6b7390;display:grid;font-size:13px;font-weight:700;grid-template-columns:2.2fr .9fr .8fr 1fr .8fr .8fr 1.2fr;letter-spacing:.2px;padding:14px 0}.header-cell{align-items:center;display:flex}.table-body{background:#0000!important}.empty-state{color:var(--muted);font-size:15px;padding:56px 20px}.file-storage-loading{align-items:center;color:var(--muted);display:flex;flex-direction:column;height:48vh;justify-content:center}.loading-spinner{border:4px solid #eef0ff;border-top:4px solid var(--brand-1);height:42px;margin-bottom:14px;width:42px}[data-theme=dark] .recent-file h2{color:#e5e7eb}[data-theme=dark] .files-table{background:#0000!important;box-shadow:none!important}[data-theme=dark] .table-header{color:#9ca3af}[data-theme=dark] .header-cell{color:inherit}[data-theme=dark] .table-body{background:#0000!important}[data-theme=dark] .file-storage-loading,[data-theme=dark] .files-table .empty-state,[data-theme=dark] .recent-file .empty-state{color:#64748b}[data-theme=dark] .loading-spinner{border:4px solid #1e40af73;border-top-color:#a855f7}:root{--bg:#f6f7fb;--card:#fff;--text:#2b2f38;--muted:#707784;--line:#e9ecf2;--brand-1:#6b73ff;--brand-2:#a17fe0;--brand-3:#ff7ac3;--success:#28a745;--danger:#dc3545;--radius-lg:16px;--radius-md:12px;--shadow-sm:0 4px 14px #161d250f;--shadow-md:0 10px 30px #161d2514}.file-storage{background:radial-gradient(1200px 500px at -5% -10%,#e9eeff 0,#e9eeff00 60%),radial-gradient(900px 420px at 105% -15%,#ffe9f6 0,#ecefff 60%),#f6f7fb;background:radial-gradient(1200px 500px at -5% -10%,#e9eeff 0,#e9eeff00 60%),radial-gradient(900px 420px at 105% -15%,#ffe9f6 0,#ecefff 60%),var(--bg);min-height:100vh;padding:28px;position:relative}.file-storage-nav{align-items:center;background:#fff;background:var(--card);box-shadow:0 4px 14px #161d250f;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:12px}@media (max-width:768px){.file-storage{padding:16px}.file-storage-nav{align-items:flex-start;flex-direction:column;gap:12px}}:root[data-theme=dark]{--bg:#020617;--card:#020617;--text:#e5e7eb;--muted:#94a3b8;--line:#1f2937}[data-theme=dark] .file-storage{background:radial-gradient(1200px 500px at -5% -10%,#581c8759 0,#0f172a00 60%),radial-gradient(900px 420px at 105% -15%,#fb718540 0,#0f172a00 60%),#f6f7fb;background:radial-gradient(1200px 500px at -5% -10%,#581c8759 0,#0f172a00 60%),radial-gradient(900px 420px at 105% -15%,#fb718540 0,#0f172a00 60%),var(--bg);color:#2b2f38;color:var(--text)}[data-theme=dark] .file-storage-nav{background:#fff;background:var(--card);border:1px solid #e9ecf2;border:1px solid var(--line);box-shadow:0 4px 14px #161d250f;box-shadow:var(--shadow-sm)}.my-photos-content{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;overflow:hidden;padding:0}.my-photos-loading{align-items:center;color:#666;display:flex;flex-direction:column;gap:12px;height:40vh;justify-content:center}.loading-spinner{border:5px solid #f3f3f3;border-top-color:#6b73ff;height:44px;width:44px}[data-theme=dark] .my-photos-content{background:#020617;border:1px solid #1f2937;box-shadow:0 10px 40px #0f172acc}[data-theme=dark] .my-photos-content .my-photos-loading{color:#9ca3af}[data-theme=dark] .my-photos-content .loading-spinner{border:5px solid #0f172a;border-top-color:#8b5cf6;border-top:5px solid var(--accent-primary,#8b5cf6)}[data-theme=dark] .my-photos-content .empty-state{color:#9ca3af}.photos-nav-controls{background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000a;justify-content:space-between;margin:18px 20px;padding:12px 14px}.photos-nav-controls,.photos-nav-controls>div{align-items:center;display:flex;gap:12px}.photos-nav-controls .filter-select,.photos-nav-controls .search-box input,.photos-nav-controls .secured-btn,.photos-nav-controls .shared-btn,.photos-nav-controls .sort-select{-webkit-appearance:none;appearance:none;background:#f8f9fc;border:none;border-radius:30px;box-shadow:inset 0 0 0 1px #e6e9f3;color:#555;font-size:15px;font-weight:500;height:42px;line-height:42px;outline:none;padding:0 20px;transition:all .2s ease}.photos-nav-controls .filter-select:hover,.photos-nav-controls .search-box input:hover,.photos-nav-controls .secured-btn:hover,.photos-nav-controls .shared-btn:hover,.photos-nav-controls .sort-select:hover{background:#f1f3fa;box-shadow:inset 0 0 0 1px #d8dbef;color:#303655}.photos-nav-controls .filter-select:focus,.photos-nav-controls .search-box input:focus,.photos-nav-controls .sort-select:focus{background:#fff;box-shadow:inset 0 0 0 2px #6b73ff}.photos-nav-controls .secured-btn.active,.photos-nav-controls .shared-btn.active{background:#eef1ff;box-shadow:inset 0 0 0 2px #6b73ff;color:#2d3360}.photos-nav-controls .search-box{display:flex;flex:1 1;position:relative}.photos-nav-controls .search-box:after{color:#888;content:"\f002";font-family:Font Awesome\ 5 Free;font-weight:900;position:absolute;right:18px}.photos-nav-controls .upload-btn{border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px;transition:.18s ease}.photos-nav-controls .upload-btn:hover{box-shadow:0 6px 18px #6b73ff26;transform:translateY(-2px)}.upload-progress{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;display:flex;gap:12px;margin:12px 20px;padding:10px 14px}.progress-bar{background:#f1f1f1;border-radius:6px;flex:1 1;height:8px}.progress-fill{background:linear-gradient(90deg,#6b73ff,#000dff)}@media (max-width:768px){.photos-nav-controls{flex-wrap:wrap}.photos-nav-controls .filter-select,.photos-nav-controls .secured-btn,.photos-nav-controls .shared-btn,.photos-nav-controls .sort-select{width:100%}}[data-theme=dark] .photos-nav-controls{background:#020617;border:1px solid #1f2937;box-shadow:0 16px 40px #0f172acc}[data-theme=dark] .photos-nav-controls .filter-select,[data-theme=dark] .photos-nav-controls .search-box input,[data-theme=dark] .photos-nav-controls .secured-btn,[data-theme=dark] .photos-nav-controls .shared-btn,[data-theme=dark] .photos-nav-controls .sort-select{background:#020617;box-shadow:inset 0 0 0 1px #1e293b;color:#e5e7eb}[data-theme=dark] .photos-nav-controls .filter-select:hover,[data-theme=dark] .photos-nav-controls .search-box input:hover,[data-theme=dark] .photos-nav-controls .secured-btn:hover,[data-theme=dark] .photos-nav-controls .shared-btn:hover,[data-theme=dark] .photos-nav-controls .sort-select:hover{background:#020617;box-shadow:inset 0 0 0 1px #334155;color:#e5e7eb}[data-theme=dark] .photos-nav-controls .filter-select:focus,[data-theme=dark] .photos-nav-controls .search-box input:focus,[data-theme=dark] .photos-nav-controls .sort-select:focus{background:#020617;box-shadow:inset 0 0 0 2px #6366f1}[data-theme=dark] .photos-nav-controls .secured-btn.active,[data-theme=dark] .photos-nav-controls .shared-btn.active{background:#111827;box-shadow:inset 0 0 0 2px #6366f1;color:#e5e7eb}[data-theme=dark] .photos-nav-controls .search-box:after{color:#6b7280}[data-theme=dark] .photos-nav-controls+.upload-progress{background:#020617;border:1px solid #1e293b;box-shadow:0 12px 32px #0f172ad9}[data-theme=dark] .photos-nav-controls+.upload-progress .progress-bar{background:#020617}[data-theme=dark] .photos-nav-controls+.upload-progress .progress-fill{background:linear-gradient(90deg,#4f46e5,#8b5cf6,#ec4899)}.photos-section{padding:18px 20px 128px}.section-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:18px;padding-bottom:10px}.section-header-left{align-items:center;display:flex;gap:8px}.section-header h2{color:#2b2b2b;font-size:1.4rem;margin:0}.section-header-right{align-items:center;display:flex;gap:10px}.bulk-photo-actions{align-items:center;display:flex;gap:8px;margin-right:8px}.bulk-action-btn{align-items:center;background:#f5f6ff;border:none;border-radius:999px;box-shadow:inset 0 0 0 1px #e0e3ff;color:#444;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 10px;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}.bulk-action-btn i{font-size:13px}.bulk-action-btn:hover{background:#e7e9ff;box-shadow:0 4px 10px #161d251a;transform:translateY(-1px)}.bulk-lock-btn{color:#374151}.bulk-download-btn{color:#2563eb}.bulk-share-btn{color:#0f766e}.bulk-delete-btn{color:#dc2626}.select-all-toggle{align-items:center;background:#f7f6ff;border:1px solid #e2ddff;border-radius:999px;color:#4c4f66;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:background .18s ease,box-shadow .18s ease,border-color .18s ease,color .18s ease}.select-all-toggle input[type=checkbox]{accent-color:#6b73ff;height:14px;margin:0;width:14px}.select-all-toggle-active{background:#6b73ff14;border-color:#6b73ff;box-shadow:0 0 0 1px #6b73ff33;color:#2f3270}.select-all-visible-btn{background:#fff;border:1px dashed #d7dbf5;border-radius:999px;color:#5a5f80;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.select-all-visible-btn:hover{background:#f3f4ff;border-color:#b9bef4;box-shadow:0 4px 10px #23319714;color:#343a72}.item-count{color:#8b90ab;font-size:12px;margin-left:6px}.photos-grid{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:repeat(9,1fr);padding-top:12px}.photo-item{background:#fafafa;border:2px solid #0000;border-radius:10px;cursor:pointer;overflow:hidden;padding-top:100%;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;width:100%}.photo-item:hover{box-shadow:0 8px 26px #00000014;transform:scale(1.02)}.photo-item img{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.photo-item.selected{border-color:#6b73ffcc;box-shadow:0 0 0 3px #6b73ff59}.photo-select-checkbox{background:#0000008c;border-radius:999px;left:8px;padding:3px 7px;position:absolute;top:8px;z-index:60}.photo-select-checkbox input{accent-color:#6b73ff;cursor:pointer;height:14px;width:14px}.photo-lock-indicator{background:#000c;border-radius:4px;color:#fff;font-size:12px;padding:4px 6px;position:absolute;right:6px;top:6px;z-index:50}.photo-item.locked img{filter:blur(20px) brightness(.8)}.photo-item.locked:after{background:#00000073;border-radius:10px;content:"";inset:0;pointer-events:none;position:absolute;z-index:20}.photo-actions{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border-radius:999px;bottom:8px;display:flex;gap:6px;justify-content:center;left:8px;opacity:0;padding:4px 6px;position:absolute;right:8px;transform:translateY(6px);transition:opacity .15s ease,transform .15s ease;visibility:hidden;z-index:40}.photo-item:focus-within .photo-actions,.photo-item:hover .photo-actions{opacity:1;transform:translateY(0);visibility:visible}.photo-actions button{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #00000040;color:#333;cursor:pointer;display:inline-flex;font-size:13px;height:26px;justify-content:center;transition:transform .15s ease,background .15s ease,color .15s ease;width:26px}.photo-actions button:hover{transform:translateY(-1px) scale(1.05)}.photo-lock-btn.locked:hover{background:#c82333;color:#fff}.photo-lock-btn.unlocked:hover{background:#218838;color:#fff}.photo-download-btn:hover{background:#6b73ff;color:#fff}.photo-share-btn:hover{background:#17a2b8;color:#fff}.photo-delete-btn:hover{background:#ff6b6b;color:#fff}.empty-state{color:#666;font-size:1.05rem;grid-column:1/-1;padding:40px}.pagination-wrap{display:flex;gap:8px;justify-content:center;margin-top:18px}.pagination-btn{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:6px 10px}.pagination-btn.active{background:linear-gradient(135deg,#6b73ff,#000dff);border:none}.pagination-btn:disabled{opacity:.5}@media (max-width:1400px){.photos-grid{grid-template-columns:repeat(7,1fr)}}@media (max-width:1200px){.photos-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:992px){.photos-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.photos-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.photos-grid{grid-template-columns:repeat(2,1fr)}}[data-theme=dark] .photos-section{padding:18px 20px 128px}[data-theme=dark] .photos-section .section-header{border-bottom:1px solid #1f2937}[data-theme=dark] .photos-section .section-header h2{color:#e5e7eb}[data-theme=dark] .photos-section .bulk-action-btn{background:#020617;box-shadow:inset 0 0 0 1px #1f2937;color:#e5e7eb}[data-theme=dark] .photos-section .bulk-action-btn:hover{background:#020617;box-shadow:0 10px 26px #0f172ab3}[data-theme=dark] .photos-section .bulk-lock-btn{color:#e5e7eb}[data-theme=dark] .photos-section .bulk-download-btn{color:#60a5fa}[data-theme=dark] .photos-section .bulk-share-btn{color:#5eead4}[data-theme=dark] .photos-section .bulk-delete-btn{color:#fca5a5}[data-theme=dark] .photos-section .select-all-toggle{background:#020617;border-color:#312e81;color:#e5e7eb}[data-theme=dark] .photos-section .select-all-toggle-active{background:#6366f126;border-color:#6366f1;box-shadow:0 0 0 1px #818cf859;color:#e5e7eb}[data-theme=dark] .photos-section .select-all-visible-btn{background:#020617;border-color:#1f2937;color:#e5e7eb}[data-theme=dark] .photos-section .select-all-visible-btn:hover{background:#020617;border-color:#4b5563;box-shadow:0 8px 20px #0f172abf;color:#f9fafb}[data-theme=dark] .photos-section .item-count{color:#9ca3af}[data-theme=dark] .photos-section .photo-item{background:#020617;border:1px solid #0000;border-color:var(--border-light);box-shadow:0 0 0 1px #020617}[data-theme=dark] .photos-section .photo-item:hover{box-shadow:0 18px 40px #0f172ae6}[data-theme=dark] .photos-section .photo-item.selected{border-color:#818cf8e6;box-shadow:0 0 0 3px #818cf873}[data-theme=dark] .photos-section .photo-actions button{background:#020617;box-shadow:0 6px 18px #0f172ad9;color:#e5e7eb}[data-theme=dark] .photos-section .empty-state{color:#9ca3af}[data-theme=dark] .photos-section .pagination-btn{background:#020617;border-color:#1f2937;color:#e5e7eb}[data-theme=dark] .photos-section .pagination-btn.active{background:linear-gradient(135deg,#4f46e5,#8b5cf6);border:none;color:#f9fafb}[data-theme=dark] .photos-section .pagination-btn:disabled{cursor:not-allowed;opacity:.5}.photo-preview-overlay{align-items:center;background:#080808e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:1500}.photo-preview-box{animation:zoomIn .22s ease;border-radius:8px;max-height:92vh;max-width:92vw;position:relative}.photo-preview-box img{border-radius:6px;max-height:92vh;max-width:100%}.photo-preview-close{background:#fff;border:none;border-radius:50%;cursor:pointer;height:36px;position:absolute;right:-26px;top:-26px;width:36px}.photo-preview-spinner{animation:spin 1s linear infinite;border:5px solid #ffffff1f;border-radius:50%;border-top-color:#fff;height:44px;width:44px}[data-theme=dark] .photo-preview-overlay{background:#020617f5}[data-theme=dark] .photo-preview-box{border-radius:12px;box-shadow:0 24px 80px #0f172af2}[data-theme=dark] .photo-preview-box img{border-radius:10px;box-shadow:0 24px 80px #000000d9}[data-theme=dark] .photo-preview-close{align-items:center;background:#020617;border:1px solid #1f2937;box-shadow:0 10px 26px #0f172ae6;color:#e5e7eb;display:flex;justify-content:center}[data-theme=dark] .photo-preview-close:hover{background:#0b1120;color:#f9fafb}[data-theme=dark] .photo-preview-spinner{border:5px solid #94a3b84d;border-top-color:#e5e7eb}.my-records-inline{background:#f8fafc;min-height:100vh;padding:16px 18px}.records-header{align-items:center;background:#fff;border:1px solid #f0f2f6;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding:20px 24px}.records-title{color:#16324a;font-size:24px;font-weight:700;margin:0}.file-info{gap:8px}.file-types{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6;border-radius:20px;box-shadow:0 2px 4px #3b82f61a;color:#2563eb;font-size:12px;font-weight:500;padding:6px 12px}.records-list{display:flex;flex-direction:column;gap:16px}.my-records-loading{background:#fff;box-shadow:0 2px 8px #0f0f140a;font-size:18px}.my-records-loading,.no-documents{border-radius:12px;color:#6b6f76;font-style:italic;padding:60px 20px;text-align:center}.no-documents{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #d0d5dd;font-size:16px;font-weight:500}@media (max-width:768px){.my-records-inline{padding:12px 16px}.records-header{align-items:flex-start;flex-direction:column;gap:12px}.records-title{font-size:18px}.records-list{gap:10px}}@media (max-width:480px){.my-records-inline{padding:8px 12px}.records-header{padding:12px 16px}.records-title{font-size:16px}}:root[data-theme=dark] .my-records-inline{background:radial-gradient(circle at 0 0,#020617 0,#020617 70%)}:root[data-theme=dark] .records-header{background:radial-gradient(circle at 0 0,#111827 0,#020617 55%);border-color:#1f2937;box-shadow:0 18px 45px #0f172a80}:root[data-theme=dark] .records-title{color:#e5e7eb}:root[data-theme=dark] .file-types{background:linear-gradient(135deg,#1d4ed8,#6366f1 40%,#8b5cf6);border-color:#818cf8d9;box-shadow:0 4px 14px #2563eb73;color:#e0edff}:root[data-theme=dark] .my-records-loading{background:radial-gradient(circle at 0 0,#020617 0,#020617 60%);box-shadow:0 12px 30px #0f172acc;color:#cbd5f5}:root[data-theme=dark] .no-documents{background:radial-gradient(circle at 0 0,#0f172a 0,#020617 70%);border-color:#374151;color:#a5b4fc}.no-file{color:#6b6f76;font-size:14px;font-weight:500}:root[data-theme=dark] .record-card{background:radial-gradient(circle at 0 0,#020617 0,#020617 70%);border-color:#111827;box-shadow:0 18px 45px #0f172aa6}:root[data-theme=dark] .record-card.locked{border-left-color:#f97373}:root[data-theme=dark] .doc-meta,:root[data-theme=dark] .doc-title{color:#e5e7eb}:root[data-theme=dark] .uploaded-name{background:linear-gradient(135deg,#064e3b,#047857 50%,#059669);color:#bbf7d0}:root[data-theme=dark] .no-file{color:#9ca3af}:root[data-theme=dark] .doc-category{background:linear-gradient(135deg,#111827,#020617);border-color:#374151;color:#e5e7eb}:root[data-theme=dark] .icon-btn{background:#0f172a;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .icon-btn:hover{background:#111827;border-color:#4f46e5;box-shadow:0 8px 20px #4f46e580;color:#f9fafb}.category-filter{align-items:center;display:flex;font-size:14px;gap:10px}.category-filter label{color:#6b6f76;font-weight:600}.category-select{background:#fff;border:2px solid #e6e8f0;border-radius:8px;color:#333;cursor:pointer;font-size:13px;font-weight:500;min-width:180px;padding:8px 14px;transition:all .2s ease}.category-select:focus{box-shadow:0 0 0 3px #5b6bf61a;outline:none}.category-select:hover{border-color:#d0d7de}:root[data-theme=dark] .category-filter label{color:#e2e8f0}:root[data-theme=dark] .category-select{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .category-select option{background-color:#020617;color:#e5e7eb}:root[data-theme=dark] .category-select option:checked,:root[data-theme=dark] .category-select option:focus,:root[data-theme=dark] .category-select option:hover{background-color:#1d4ed8;color:#f9fafb}@media (max-width:768px){.category-filter{justify-content:space-between;width:100%}.category-select{min-width:140px}}@media (max-width:480px){.category-select{font-size:12px;min-width:120px}}.auto-lock-controls{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:10px 0;padding:12px}.auto-lock-toggle{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.auto-lock-toggle input[type=checkbox]{display:none}.toggle-slider{background:#ccc;border-radius:12px;height:24px;margin-right:10px;position:relative;transition:background .3s ease;width:50px}.toggle-slider:before{background:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:20px}.auto-lock-toggle input:checked+.toggle-slider{background:#28a745}.auto-lock-toggle input:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-label{color:#111827;font-weight:500}.pin-warning{color:#ffc107;font-size:12px;margin-left:10px}:root[data-theme=dark] .auto-lock-controls{background:#020617;border-color:#1f2937}:root[data-theme=dark] .toggle-label{color:#e5e7eb}:root[data-theme=dark] .toggle-slider{background:#475569}:root[data-theme=dark] .toggle-slider:before{background:#020617}:root[data-theme=dark] .auto-lock-toggle input:checked+.toggle-slider{background:#22c55e}:root[data-theme=dark] .pin-warning{color:#facc15}.modal-overlay{animation:dv-fade-in .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;padding:20px;z-index:9999}@keyframes dv-fade-in{0%{opacity:0}to{opacity:1}}.document-modal{animation:dv-slide-up .25s ease;background:#fff;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 25px 50px #0006;display:flex;flex-direction:column;height:95vh;max-height:900px;max-width:1400px;overflow:visible;width:95vw}@keyframes dv-slide-up{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:2px solid #e6e8f0;flex-shrink:0;padding:20px 24px;position:relative;z-index:1100}.modal-title-section{align-items:center;display:flex;flex:1 1;gap:12px}.modal-title{background:linear-gradient(135deg,#213042,#5b6bf6);font-size:20px;margin:0}.locked-badge{background:#dc3545;border-radius:6px;color:#fff;font-size:12px;margin-left:6px;padding:2px 8px}.file-type-badge{background:linear-gradient(135deg,#5b6bf61a,#5b6bf60d);border:1px solid #5b6bf633;border-radius:16px;color:#5b6bf6;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.modal-close{align-items:center;background:linear-gradient(135deg,#f1f3f4,#e8eaed);border:2px solid #dadce0;border-radius:50%;box-shadow:0 6px 18px #0000002e;color:#5f6368;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px;z-index:1110}.modal-close:hover{background:linear-gradient(135deg,#e8eaed,#dadce0);transform:scale(1.08)}.modal-body{background:#fff;display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.modal-footer{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:2px solid #e6e8f0;flex-shrink:0;justify-content:space-between;padding:16px 24px}.footer-info,.modal-footer{align-items:center;display:flex}.footer-info{flex-wrap:wrap;gap:12px}.file-size,.image-info{background:linear-gradient(135deg,#6b6f7614,#6b6f7608);border:1px solid #6b6f761a;border-radius:16px;color:#6b6f76;font-size:12px;font-weight:600;padding:6px 12px;white-space:nowrap}.footer-actions{align-items:center;display:flex;gap:10px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;justify-content:center;padding:8px 14px;transition:all .2s ease}.btn.small{font-size:12px;padding:6px 10px}.btn:not(.ghost){background:linear-gradient(135deg,#5b6bf6,#4c5ce6);color:#fff}.btn.ghost{background:#f8f9fa;border:2px solid #dee2e6;color:#495057}.image-viewer-container{display:flex;flex:1 1;flex-direction:column;height:100%}.image-controls{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:2px solid #e6e8f0;display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:12px 24px}.fit-controls,.zoom-controls{align-items:center;display:flex;gap:10px}.control-btn{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e6e8f0;border-radius:8px;color:#213042;cursor:pointer;font-size:12px;font-weight:600;overflow:hidden;padding:6px 10px;position:relative;transition:all .2s ease;white-space:nowrap}.control-btn:before{background:linear-gradient(90deg,#0000,#5b6bf61f,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .3s ease}.control-btn:hover:not(:disabled):before{transform:translateX(100%)}.control-btn:hover:not(:disabled){background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#d0d7de}.control-btn:disabled{cursor:not-allowed;opacity:.4}.control-btn.active{background:linear-gradient(135deg,#5b6bf6,#4c5ce6);border-color:#5b6bf6;color:#fff}.zoom-level{background:#eef0f4;border:1px solid #d0d7de;border-radius:6px;color:#213042;font-size:13px;font-weight:700;min-width:50px;padding:5px 8px;text-align:center}.image-viewer-wrapper{background:linear-gradient(135deg,#fff,#f8f9fa);flex:1 1;overflow:auto;padding:16px}.image-container,.image-viewer-wrapper{align-items:center;display:flex;justify-content:center}.image-container{min-height:100%;min-width:100%;transition:transform .3s cubic-bezier(.4,0,.2,1)}.document-image{border-radius:12px;box-shadow:0 10px 40px #00000026;display:block;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.document-image.contain{max-height:100%;max-width:100%;object-fit:contain}.document-image.none{max-height:none;max-width:none}.document-iframe{background:#fff;border:none;border-radius:0 0 16px 16px;height:100%;width:100%}.error-container,.loading-container,.unsupported-format{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 30px;text-align:center}.loading-container{background:linear-gradient(135deg,#fff,#f8f9fa)}.error-container{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.unsupported-format{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.document-loader{display:flex;gap:10px;margin-bottom:16px}.loader-circle{animation:dv-bounce 1.4s ease-in-out infinite both;background:linear-gradient(135deg,#5b6bf6,#4c5ce6);border-radius:50%;box-shadow:0 4px 8px #5b6bf64d;height:16px;width:16px}.loader-circle:first-child{animation-delay:-.32s}.loader-circle:nth-child(2){animation-delay:-.16s}@keyframes dv-bounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1.4)}}.error-icon,.format-icon{font-size:56px;margin-bottom:18px}.pdf-toolbar,.pdfViewer,.pdfjs-toolbar,.viewerContainer{z-index:100}@media (max-width:768px){.modal-overlay{padding:10px}.document-modal{height:98vh;width:98vw}.image-controls{align-items:stretch;flex-direction:column}.fit-controls,.zoom-controls{justify-content:center}}@media (max-width:480px){.modal-close{font-size:20px;height:44px;width:44px}.image-controls,.modal-footer,.modal-header{padding-inline:16px}}:root[data-theme=dark] .modal-overlay{background:#030712e6}:root[data-theme=dark] .document-modal{background:#020617;border-color:#1f2937;box-shadow:0 25px 60px #000000e6}:root[data-theme=dark] .modal-header{background:linear-gradient(135deg,#020617,#020617 55%,#020617);border-bottom-color:#1f2937}:root[data-theme=dark] .modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e5e7eb,#a5b4fc 40%,#f97316);-webkit-background-clip:text;background-clip:text}:root[data-theme=dark] .file-type-badge{background:linear-gradient(135deg,#818cf824,#818cf814);border-color:#818cf873;color:#a5b4fc}:root[data-theme=dark] .modal-close{background:radial-gradient(circle at 0 0,#1e293b 0,#020617 60%);border-color:#1f2937;box-shadow:0 10px 30px #0f172acc;color:#e5e7eb}:root[data-theme=dark] .modal-close:hover{background:radial-gradient(circle at 0 0,#334155 0,#020617 60%)}:root[data-theme=dark] .modal-body{background:#020617}:root[data-theme=dark] .modal-footer{background:linear-gradient(135deg,#020617,#020617 50%,#020617);border-top-color:#1f2937}:root[data-theme=dark] .file-size,:root[data-theme=dark] .image-info{background:linear-gradient(135deg,#94a3b82e,#1e40af1f);border-color:#94a3b873;color:#e5e7eb}:root[data-theme=dark] .btn:not(.ghost){background:linear-gradient(135deg,#6366f1,#8b5cf6 40%,#f97316);color:#f9fafb}:root[data-theme=dark] .btn.ghost{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .image-controls{background:linear-gradient(135deg,#020617,#020617);border-bottom-color:#1f2937}:root[data-theme=dark] .control-btn{background:radial-gradient(circle at 0 0,#111827 0,#020617 70%);border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .control-btn:hover:not(:disabled){background:radial-gradient(circle at 0 0,#1f2937 0,#020617 70%);border-color:#4b5563}:root[data-theme=dark] .control-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6 40%,#f97316);border-color:#6366f1;color:#f9fafb}:root[data-theme=dark] .zoom-level{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .image-viewer-wrapper{background:radial-gradient(circle at 0 0,#38bdf814 0,#0000 45%),radial-gradient(circle at 100% 0,#818cf81f 0,#0000 55%),#020617}:root[data-theme=dark] .document-image{box-shadow:0 20px 60px #000000e6}:root[data-theme=dark] .document-iframe{background:#020617}:root[data-theme=dark] .loading-container{background:radial-gradient(circle at 0 0,#111827 0,#020617 60%)}:root[data-theme=dark] .error-container{background:radial-gradient(circle at 0 0,#7f1d1d 0,#450a0a 40%,#020617 90%)}:root[data-theme=dark] .unsupported-format{background:radial-gradient(circle at 0 0,#0ea5e9 0,#1d4ed8 40%,#020617 90%)}:root[data-theme=dark] .error-container,:root[data-theme=dark] .loading-container,:root[data-theme=dark] .unsupported-format{color:#e5e7eb}:root{--bg-color:#f8f9fe;--primary-purple:#6a5af9;--light-purple:#e8e7ff;--text-dark:#333;--text-light:#888;--white:#fff;--personal-color:#1a9643;--professional-color:#3498db;--health-color:#8e44ad;--other-color:#7f8c8d}body{background-color:#f8f9fe;background-color:var(--bg-color);color:#333;color:var(--text-dark);font-family:Poppins,sans-serif;margin:0}.diary-page-container{background-image:radial-gradient(circle at top,#f0eeff,#ebf5ff);background-repeat:no-repeat;border-radius:24px;box-shadow:0 16px 40px #00000012;box-sizing:border-box;max-width:1920px;padding:2rem 3rem}.diary-main-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2.5rem}.header-info .header-logo{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#e91e63,#9c27b0,#3f51b5,#2196f3);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.header-info .header-date{font-size:2.5rem;font-weight:500;line-height:1.2;margin:0;white-space:nowrap}.header-weather-info{align-items:center;color:#888;color:var(--text-light);display:flex;font-size:1rem;font-weight:500;gap:.6rem;margin-top:.5rem}.header-weather-icon{color:#333;color:var(--text-dark);font-size:1.2rem}.weather-error-text{align-items:center;color:#e74c3c}.header-navigation,.weather-error-text{display:flex;gap:.5rem}.header-navigation .nav-button{border:none;border-radius:12px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.nav-button.prev{background-color:#6a5af9;background-color:var(--primary-purple);color:#fff;color:var(--white)}.nav-button.next{background-color:#f0f0f8;color:#333;color:var(--text-dark)}.diary-main-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1.1fr 1fr 1fr}.diary-column{display:flex;flex-direction:column;gap:2rem;min-width:0}.diary-card{background:#fff;background:var(--white);border-radius:20px;box-shadow:0 8px 30px #0000000d;padding:1.5rem;transition:all .3s ease}.diary-card-calender{background-repeat:no-repeat!important;border-radius:20px!important;padding:1.5rem!important;transition:all .3s ease!important}.diary-card h3,.diary-card h4{font-weight:600;margin:0 0 1.5rem}.diary-card h4{font-size:25.6px}.priorities-card{display:flex;flex-direction:column;max-height:304px}.weather-card{background-color:#7e56da;color:#fff;color:var(--white);overflow:hidden;position:relative}.weather-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem;position:relative;z-index:2}.weather-location p{font-size:1.2rem;font-weight:600;margin:0}.weather-condition{align-items:center;display:flex;font-size:.9rem;gap:.5rem;margin-top:.5rem}.weather-icon{font-size:1.1rem}.weather-temperature{font-size:3.5rem;font-weight:700;line-height:1}.weather-graph-container{margin-top:2rem;position:relative;z-index:2}.weather-graph-svg{height:80px;margin-bottom:1rem;width:100%}.time-labels{display:flex;font-size:.8rem;justify-content:space-between;margin-top:.5rem}.time-labels span.active{background-color:#fff3;border-radius:4px;font-weight:600;padding:2px 4px}.calendar-header{display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;margin-bottom:1.5rem}.calendar-card-title-wrapper,.calendar-header{align-items:center}.calendar-card-title-btn{color:#333;color:var(--text-dark);font-size:.9rem}.calendar-card-title-btn:hover{color:#6a5af9;color:var(--primary-purple)}.calendar-title-caret{font-size:11px}.month-year-picker{margin-top:4px}.month-year-picker select{color:#333;color:var(--text-dark);font-size:11px}.month-year-picker select:focus{border-color:#6a5af9;border-color:var(--primary-purple)}.calendar-card-nav-btn{font-size:14px}.calendar-nav{background:none;border:none;color:#888;color:var(--text-light);cursor:pointer}.calendar-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(7,1fr);text-align:center}.day-name{color:var(--blue-accent);font-size:.8rem;font-weight:600}.day-number{border-radius:50%;cursor:pointer;padding:.5rem;transition:all .2s ease}.day-number.active{background-color:#6a5af9;background-color:var(--primary-purple);color:#fff;color:var(--white)}.day-number.today{border:1px solid #6a5af9;border:1px solid var(--primary-purple);font-weight:700}.day-number.empty{cursor:default}:root{--task-row-h:90px;--task-gap:14px}.schedule-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);overflow:hidden;padding:18px 22px}.schedule-card .schedule-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.schedule-card .schedule-header h3{color:#333;color:var(--text-dark);font-size:25.6px;font-weight:600;margin:0}.schedule-card .add-button-header{font-size:.9rem;height:44px;width:44px}.schedule-list{display:flex;flex-direction:column;gap:14px;gap:var(--task-gap);max-height:298px;max-height:calc(var(--task-row-h)*3 + var(--task-gap)*2);overflow-y:auto;padding-right:8px}.schedule-item{background:#ffffffb0;border-radius:10px;box-shadow:0 4px 10px #6f5bff0d;justify-content:space-between;min-height:90px;min-height:var(--task-row-h);padding:10px 14px}.schedule-time{color:#1e2a4a;font-size:.95rem;font-weight:600;min-width:72px}.schedule-time-value{color:#333;color:var(--text-dark);font-size:1.2rem;font-weight:600}.schedule-period{color:#888;color:var(--text-light);font-size:.8rem;font-weight:500;margin-left:4px;text-transform:uppercase}.schedule-separator{align-self:center;background-color:#e0e0e0;height:40px;width:2px}.schedule-details{flex:1 1;margin:0 10px}.schedule-type{font-size:.75rem;font-weight:600;margin:0 0 .25rem;text-transform:uppercase}.schedule-details h4{color:#333;color:var(--text-dark);font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.schedule-description{color:#888;color:var(--text-light);font-size:.9rem;margin:0}.schedule-title{cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-title:hover{text-decoration:underline}.schedule-list::-webkit-scrollbar{width:6px}.schedule-list::-webkit-scrollbar-thumb{background:#6f5bff73;border-radius:10px}.schedule-list::-webkit-scrollbar-thumb:hover{background:#6f5bffd9}.schedule-item.personal .schedule-type{color:#1a9643;color:var(--personal-color)}.schedule-item.personal .schedule-separator{background-color:#1a9643;background-color:var(--personal-color)}.schedule-item.professional .schedule-type{color:#3498db;color:var(--professional-color)}.schedule-item.professional .schedule-separator{background-color:#3498db;background-color:var(--professional-color)}.schedule-item.health .schedule-type{color:#8e44ad;color:var(--health-color)}.schedule-item.health .schedule-separator{background-color:#8e44ad;background-color:var(--health-color)}.schedule-item.other .schedule-type{color:#7f8c8d;color:var(--other-color)}.schedule-item.other .schedule-separator{background-color:#7f8c8d;background-color:var(--other-color)}.diet-list,.priorities-list{display:flex;flex-direction:column;gap:1.25rem;list-style:none;margin:0;padding:0}.diet-header,.priorities-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.add-button-header{background:#0000;border-radius:50%;color:#000;font-size:14px;height:30px;transition:transform .2s ease;width:30px}.add-button-header:hover{transform:scale(1.05)}.empty-message{color:#999;font-style:italic;padding:20px;text-align:center}.delete-item-btn{background:#0000;border:none;border-radius:50%;color:#ff7675;cursor:pointer;font-size:1.1em;line-height:1;margin-left:8px;opacity:.6;padding:5px 8px;transition:opacity .2s ease,color .2s ease}.delete-item-btn:hover{background-color:#ff76751a;color:#d63031;opacity:1}.priorities-list li{align-items:center;display:flex;justify-content:space-between;width:100%}.priority-content{align-items:center;display:flex;flex-grow:1;gap:12px;min-width:0}.priority-icon{color:#6a5af9;color:var(--primary-purple);cursor:pointer;font-size:1.2rem}.priorities-list li.completed .priority-text{color:grey;opacity:.7;text-decoration:line-through}.priority-text{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.priority-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.priority-level{border-radius:4px;font-size:11px;font-weight:500;padding:2px 6px;text-transform:capitalize}.priority-level.low{background-color:#e6f9f0;color:#28a745}.priority-level.medium{background-color:#fff8e6;color:#f39c12}.priority-level.high{background-color:#fdeded;color:#e74c3c}.priority-level.urgent{background:#dc3545;color:#fff}.my-diary-card{align-items:center;justify-content:space-between}.diet-list li{width:100%}.diet-item-info{flex-grow:1}.diet-icon{background-color:#f0f0f8;border-radius:12px;font-size:1.5rem;height:40px;width:40px}.calories{color:#666;font-size:12px;margin-left:auto;white-space:nowrap}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-width:500px;padding:24px;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-header h3{margin:0}.modal-header button{background:none;border:none;cursor:pointer;font-size:18px}.modal-content form{display:flex;flex-direction:column;gap:15px}.modal-content input,.modal-content select,.modal-content textarea{border:1px solid #ddd;border-radius:8px;font-family:Poppins,sans-serif;padding:12px}.modal-content button[type=submit]{background:#6a5af9;background:var(--primary-purple);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px}@media (max-width:1500px){.diary-page-container{padding:2rem}.diary-column,.diary-main-grid{gap:1.5rem}}@media (max-width:1200px){.diary-main-grid{grid-template-columns:1fr 1fr}.diary-column:nth-child(3){grid-column:1/-1}.header-date{font-size:2.25rem}}@media (max-width:1024px){.diary-page-container{padding:1.5rem 2rem}.schedule-card .schedule-header h3{font-size:1.75rem}.weather-temperature{font-size:3.25rem}}@media (max-width:768px){.diary-page-container{padding:1.5rem}.diary-main-header{align-items:flex-start;flex-direction:column}.header-navigation{display:flex;width:100%}.header-navigation .nav-button{flex-grow:1}.header-date{font-size:2rem}.diary-main-grid{grid-template-columns:1fr}.diary-column:nth-child(3){grid-column:auto}}@media (max-width:480px){.diary-page-container{padding:1rem}.diary-main-header{margin-bottom:1.5rem}.header-logo{font-size:1.25rem!important}.header-date{font-size:1.75rem!important}.header-weather-info,.nav-button{font-size:.9rem}.nav-button{padding:.6rem 1rem!important}.diary-card{border-radius:16px;padding:1rem}.weather-header{align-items:flex-start;flex-direction:column;gap:.5rem}.weather-temperature{font-size:2.8rem!important}.schedule-card .schedule-header h3{font-size:1.25rem!important}.schedule-item{align-items:flex-start;gap:.75rem}.schedule-time{align-items:flex-start;flex-direction:column;gap:2px;width:70px}.schedule-time-value{font-size:1.3rem!important}.schedule-period{margin-left:2px}.schedule-separator{height:50px}.schedule-details h4{font-size:1rem}.day-number{padding:.4rem}}.schedule-card{display:flex;flex-direction:column;max-height:304px;overflow-y:auto;scroll-behavior:smooth}.schedule-card::-webkit-scrollbar{width:8px}.schedule-card::-webkit-scrollbar-thumb{background:#6f5bff80;border-radius:10px}.schedule-card::-webkit-scrollbar-thumb:hover{background:#6f5bffcc}.schedule-card::-webkit-scrollbar-track{background:#0000}.panel-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffffd9,#f8f9ffcc);border:1px solid #fff6;border-radius:16px;box-shadow:0 4px 15px #6f5bff14;transition:all .3s ease}.panel-card:hover{box-shadow:0 6px 18px #6f5bff1f;transform:translateY(-2px)}.mid-right-bg{background:#f8f2f2;box-shadow:0 8px 24px #201b5514;grid-template-columns:1.5fr 1fr;z-index:1}.diary-main-grid{grid-template-columns:1.05fr 1fr 1fr;overflow:visible;width:100%}.app-content,.dashboard-content,.layout-content,.main-wrapper,.page-wrapper{margin-right:0!important;max-width:100vw!important;overflow-x:hidden!important;padding-right:0!important;width:100vw!important}.mid-right-bg .diary-card{border:1px solid #ffffff8c;border-radius:18px}.diary-page-container{margin:0;max-width:none;min-height:100dvh;width:100%}@media (min-width:1700px){.diary-main-grid{gap:2.2rem;grid-template-columns:1.2fr 1.1fr 1.1fr}.mid-right-bg{grid-template-columns:1.35fr 1fr;padding:28px}}@media (min-width:1281px) and (max-width:1699px){.diary-main-grid{gap:2rem;grid-template-columns:1.05fr 1fr 1fr}.mid-right-bg{grid-column:2/4;grid-template-columns:1.25fr 1fr;padding:24px}}@media (min-width:1025px) and (max-width:1280px){.diary-main-grid{grid-template-columns:1fr 1fr}.mid-right-bg{gap:20px;grid-column:1/-1;grid-template-columns:1fr 1fr;padding:22px}.schedule-card{max-height:280px}}@media (min-width:768px) and (max-width:1024px){.diary-main-grid{gap:1.25rem;grid-template-columns:1fr}.mid-right-bg{gap:16px;grid-column:auto;grid-template-columns:1fr;padding:18px}.schedule-card{max-height:260px}}@media (max-width:767px){.diary-main-grid{gap:1rem;grid-template-columns:1fr}.mid-right-bg{border-radius:20px;gap:14px;grid-column:auto;grid-template-columns:1fr;padding:14px}.diary-card{border-radius:14px;padding:1rem}.schedule-card{max-height:240px}}@media (min-width:980px) and (max-width:1280px){.diary-main-grid{gap:1.6rem;grid-template-columns:minmax(320px,640px) 1fr}.diary-column:first-child>.diary-card,.diary-column:first-child>.diary-card-calender{max-width:640px;width:100%}.mid-right-bg{gap:18px;grid-column:2/3;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding:20px}.schedule-card{max-height:270px}.diary-card{padding:1.25rem}.schedule-card .schedule-header h3{font-size:clamp(1.25rem,1.8vw + .4rem,1.6rem)}.header-date{font-size:clamp(1.6rem,2.2vw + .5rem,2rem)}}@media (min-width:768px) and (max-width:979px){.diary-main-grid{gap:1.25rem;grid-template-columns:1fr}.mid-right-bg{gap:14px;grid-column:auto;grid-template-columns:1fr;padding:16px}.diary-column:first-child>.diary-card,.diary-column:first-child>.diary-card-calender{margin-inline:auto;max-width:720px}.schedule-card{max-height:260px}}@media (max-width:767px){.diary-card{border-radius:14px;padding:1rem}.schedule-card{max-height:240px}}.diary-main-grid,.mid-right-bg{overflow:visible;width:100%}#root,.app,.app-content,.layout-content,.page-wrapper{margin-right:0!important;max-width:100vw!important;overflow-x:hidden!important;padding-right:0!important;width:100vw!important}@media (min-width:820px) and (max-width:1180px){.diary-main-grid{gap:1.5rem;grid-template-columns:1fr}.diary-column:first-child{width:100%}.weather-card{margin:0 auto;min-width:100%}.diary-card-calender,.weather-card{max-width:100%;width:100%}}@media (max-width:819px){.diary-main-grid{gap:1.25rem;grid-template-columns:1fr}.diary-card-calender,.weather-card{max-width:100%;width:100%}}.mid-right-bg{grid-gap:24px;background:linear-gradient(135deg,#f7f2ff,#fff6ee);border-radius:28px;gap:24px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);padding:24px;width:100%}.mid-right-bg .diary-card,.mid-right-bg .panel-card,.mid-right-bg .schedule-card{align-self:stretch!important;justify-self:stretch!important}@media (max-width:1180px){.diary-main-grid{grid-template-columns:1fr}.mid-right-bg{gap:20px;grid-column:1/-1;grid-template-columns:1fr}.mid-right-bg>.diary-column{gap:20px}}.diary-card,.panel-card,.schedule-card{max-width:100%}.mid-right-bg{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-column:2/4;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);justify-items:stretch;overflow:visible;position:static}.mid-right-bg>.diary-column{grid-gap:24px;display:grid;gap:24px;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;min-width:0}.mid-right-bg .diary-card,.mid-right-bg .panel-card,.mid-right-bg .schedule-card{align-self:stretch;box-sizing:border-box;justify-self:stretch;margin:0;max-width:100%!important;width:100%!important;z-index:0}.mid-right-bg .schedule-card .schedule-list{max-height:clamp(220px,32vh,360px)}@media (max-width:1440px){.mid-right-bg{gap:32px}}@media (max-width:1320px){.diary-main-grid{grid-template-columns:1fr}.mid-right-bg{gap:20px;grid-column:1/-1;grid-template-columns:1fr}.mid-right-bg>.diary-column{gap:20px}}@media (max-width:768px){.mid-right-bg{border-radius:20px;padding:16px}.mid-right-bg .diary-card,.mid-right-bg .panel-card,.mid-right-bg .schedule-card{border-radius:16px}}.inspiration-card{align-items:center;border-radius:18px;box-shadow:0 6px 18px #201b5514;display:flex;justify-content:center;padding:1.2rem 1.5rem;transition:transform .3s ease,box-shadow .3s ease}.inspiration-card:hover{box-shadow:0 8px 22px #6f5bff26;transform:translateY(-4px)}.inspiration-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;width:100%}.inspiration-text{font-family:Poppins,sans-serif;font-size:1.1rem}.inspiration-image{border-radius:12px;height:auto;object-fit:contain;width:120px}@media (max-width:768px){.inspiration-content{flex-direction:column;text-align:center}.inspiration-image{margin-top:10px;width:150px}}.diet-card{background:#0000!important;border:0!important;box-shadow:none!important}.left-column-bg{background:#ebfaf3;border-radius:24px;box-shadow:0 8px 24px #6f5bff14;display:flex;flex-direction:column;gap:24px;padding:24px}.weather-card.photo{background-color:#7e56da;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;overflow:hidden;position:relative}.weather-card.photo .weather-scrim{background:linear-gradient(180deg,#14102859,#14102859 45%,#14102840);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.weather-card.photo .weather-inner{position:relative;z-index:2}.weather-header{color:#fff}.weather-condition{color:#ffffffe6}.weather-temperature{color:#fff}.weather-card.photo{transition:background-image .4s ease,filter .25s ease,transform .25s ease}.modal-overlay{background:#000000a6;inset:0;position:fixed;z-index:999999!important}.diary-card,.mid-right-bg,.my-diary-card,.panel-card,.schedule-card,.weather-card{filter:none!important;position:relative;transform:none!important;z-index:auto!important}.diary-main-grid,.diary-page-container,.left-column-bg{filter:none!important;position:static!important;transform:none!important;z-index:auto!important}.diet-check{color:#10b981;font-size:16px;margin-right:6px}.diet-item-info .consumed{opacity:.7;text-decoration:line-through}.diet-fancy-tick{background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:grid;height:34px;margin-right:8px;outline:none;place-items:center;position:relative;transition:border-color .18s ease,transform .15s ease,background .18s ease;width:34px}.diet-fancy-tick:hover{transform:translateY(-1px)}.diet-fancy-tick:active{transform:translateY(0)}.tick-svg{height:20px;overflow:visible;width:20px}.tick-svg path{fill:none;stroke:#a3a3a3;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;transition:stroke .18s ease}.diet-fancy-tick.on{box-shadow:none;color:#fff}.diet-fancy-tick.on .tick-svg path{stroke:#22c55e;animation:tick-draw .35s ease-out forwards}.diet-fancy-tick .ring{background:radial-gradient(circle,#22c55e2e,#0000 60%);border-radius:12px;inset:-4px;opacity:0;pointer-events:none;position:absolute;transform:scale(.9);transition:opacity .25s ease,transform .25s ease}.diet-fancy-tick.on .ring{opacity:1;transform:scale(1)}@keyframes tick-draw{to{stroke-dashoffset:0}}.diet-icon.dim{filter:grayscale(.1);opacity:.8}.diet-item-info{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.priorities-card .priorities-list{flex:1 1;max-height:298px;max-height:calc(var(--task-row-h)*3 + var(--task-gap)*2);overflow-y:auto;padding-right:8px}.priorities-card .priorities-list::-webkit-scrollbar{width:6px}.priorities-card .priorities-list::-webkit-scrollbar-thumb{background:#6f5bff73;border-radius:10px}.priorities-card .priorities-list::-webkit-scrollbar-thumb:hover{background:#6f5bffd9}.schedule-item{align-items:center;display:flex;gap:14px}.schedule-type-icon{align-items:center;background:#fff;border-radius:8px;box-shadow:0 0 0 2px #ff000014;display:flex;flex-shrink:0;height:34px;justify-content:center;overflow:hidden;width:34px}.schedule-type-icon img{height:100%;object-fit:cover;width:100%}.schedule-time{align-items:center;display:flex;flex-direction:column;justify-content:center}.type-select-wrapper{margin-top:12px;position:relative}.type-select-label{color:#777;display:block;font-size:.8rem;font-weight:600;margin-bottom:4px}.type-select-trigger{align-items:center;background:#fafafa;border:1px solid #ddd;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:8px 10px;width:100%}.type-select-trigger-img{border-radius:6px;height:28px;object-fit:cover;width:28px}.type-select-dropdown{background:#fff;border-radius:12px;box-shadow:0 12px 30px #0f172a26;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;z-index:20}.type-select-option{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;gap:10px;padding:8px 10px;width:100%}.type-select-option+.type-select-option{border-top:1px solid #f1f1f1}.type-select-option:hover{background:#f7f3ff}.type-select-option-img{border-radius:6px;height:24px;object-fit:cover;width:24px}.diet-list li{padding:6px 0}.diet-item-main,.diet-list li{align-items:center;display:flex;justify-content:space-between}.diet-item-main{flex:1 1;gap:12px}.diet-item-left{gap:10px}.diet-icon,.diet-item-left{align-items:center;display:flex}.diet-icon{background:#f3f4ff;border-radius:10px;flex-shrink:0;font-size:1.4rem;height:32px;justify-content:center;width:32px}.diet-item-text{display:flex;flex-direction:column;gap:2px}.diet-item-name{color:#111827;font-size:14px;font-weight:600}.diet-item-note{color:#6b7280;font-size:11px}.diet-item-calories{color:#9ca3af;font-size:12px;white-space:nowrap}.diet-add-name-row{gap:10px;margin-bottom:12px}.diet-add-icon-preview{border-radius:12px;font-size:1.6rem;height:40px;width:40px}.diet-check-square{align-items:center;background:#fff;border:2px solid #000;border-radius:4px;cursor:pointer;display:flex;height:22px;justify-content:center;margin-right:10px;padding:0;transition:all .2s ease;width:22px}.tick-mark{color:#e63946;font-size:18px;font-weight:900;transform:scale(1.1)}.diet-check-square.on{background:#fff;border-color:#e63946;box-shadow:0 0 4px #ff9c9c}.popup-header-actions{align-items:center;display:flex;gap:8px}.add-diet-inline{align-items:center;background:#ffffff2e;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;height:32px;justify-content:center;transition:background .15s ease,transform .15s ease;width:32px}.add-diet-inline:hover{background:#ffffff47;transform:translateY(-1px)}.diet-inline-form{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:8px;padding:10px 18px 12px}.diet-inline-form-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1.2fr 1.1fr}.diet-inline-form input,.diet-inline-form select,.diet-inline-form textarea{border:1px solid #e5e7eb;border-radius:10px;font-family:Poppins,sans-serif;font-size:12px;outline:none;padding:6px 8px;resize:vertical}.diet-inline-form input:focus,.diet-inline-form select:focus,.diet-inline-form textarea:focus{border-color:#6366f1;box-shadow:0 0 0 1px #6366f12e}.diet-inline-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.diet-inline-cancel,.diet-inline-submit{border:none;border-radius:999px;cursor:pointer;font-size:12px;padding:5px 14px}.diet-inline-cancel{background:#e5e7eb;color:#374151}.diet-inline-submit{background:#6366f1;color:#fff}.diet-inline-submit:disabled{cursor:default;opacity:.7}@media (max-width:640px){.diet-inline-form-row{grid-template-columns:1fr}}.my-diary-card{background-color:#ece7fe;display:flex;flex-direction:column;font-weight:600;gap:.9rem}.my-diary-header{justify-content:space-between}.diary-left,.my-diary-header{align-items:center;display:flex;gap:.75rem}.diary-left{flex-grow:1}.diary-icon-container{align-items:center;border-radius:12px;color:#6a5af9;color:var(--primary-purple);display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.diary-icon-container img{height:35px;width:35px}.diary-header-text{display:flex;flex-direction:column}.diary-title{color:#333;color:var(--text-dark);font-size:25.6px;font-weight:600}.diary-fab-inline{align-items:center;background-color:initial;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.diary-fab-inline:hover{box-shadow:0 6px 16px #6a5af980;transform:translateY(-2px)}.my-diary-footer{background:#ffffffb3;border-radius:14px;gap:1rem;margin-top:.4rem;padding:.9rem 1rem}.inspiration-text{font-size:1.05rem;font-weight:500;line-height:1.5}.diary-video{max-width:136px}@media (max-width:768px){.my-diary-footer{flex-direction:column;text-align:center}.diary-video{max-width:160px}}.my-diary-footer{align-items:center;background:#ffffffbf;border-radius:18px;display:flex;gap:1.2rem;justify-content:space-between;margin-top:.8rem;padding:1rem 1.2rem}.inspiration-text{color:#3f2e5c;flex:1 1;font-size:1.2rem;font-weight:600;line-height:1.6;max-width:60%}.inspiration-text p{margin:0;overflow-wrap:break-word;white-space:normal;word-break:break-word}.diary-video{border-radius:12px;height:auto;max-width:120px;object-fit:cover;width:100%}@media (max-width:768px){.my-diary-footer{flex-direction:column;min-width:0;text-align:center}.inspiration-text{max-width:100%;min-width:0}.diary-video{max-width:150px}}.diary-preview-text{color:#6b7280;font-size:12px;margin-top:2px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diet-header{gap:8px}.diet-summary{color:#8b8b9a;display:flex;flex-direction:column;font-size:12px}.diet-summary span:first-child{font-weight:600}.diet-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.diet-title{color:#2b2f38;font-size:18px;font-weight:600;margin:0}.diet-summary-banner{align-items:center;background:#ffffffe6;border-radius:999px;box-shadow:0 4px 10px #00000008;color:#9a9fb5;display:flex;font-size:12px;justify-content:space-between;margin-bottom:14px;padding:6px 12px}.diet-summary-label{color:#6b73ff;font-weight:600}.diet-summary-right{align-items:center;display:flex;gap:6px;white-space:nowrap}.diet-summary-meals{color:#ff6b81;font-weight:600}.diet-summary-dot{font-size:14px;line-height:1}.diet-summary-cal{font-weight:500}.add-button-header{align-items:center;background:#fff3fb;border:none;border-radius:999px;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:28px;justify-content:center;width:28px}.add-button-header:hover{background:#ffe3f4}:root[data-theme=dark] .diary-page-container{background-image:radial-gradient(circle at top,#020617 0,#020617 45%,#020617 100%);box-shadow:none;color:#e5e7eb}:root[data-theme=dark] .header-info .header-date{color:#e5e7eb}:root[data-theme=dark] .header-weather-info{color:#9ca3af}:root[data-theme=dark] .header-weather-icon{color:#e5e7eb}:root[data-theme=dark] .nav-button.prev{background-color:#6366f1;color:#f9fafb}:root[data-theme=dark] .nav-button.next{background-color:#020617;border:1px solid #1f2937;color:#e5e7eb}:root[data-theme=dark] .diary-card,:root[data-theme=dark] .panel-card,:root[data-theme=dark] .schedule-card{background:#020617;border-color:#1f2937;box-shadow:0 24px 70px #000}:root[data-theme=dark] .diary-card h3,:root[data-theme=dark] .diary-card h4{color:#e5e7eb}:root[data-theme=dark] .left-column-bg{background:radial-gradient(circle at top,#020617 0,#020617 100%);box-shadow:0 24px 70px #0f172ae6}:root[data-theme=dark] .mid-right-bg{background:radial-gradient(circle at top,#020617 0,#020617 60%,#020617 100%);box-shadow:0 24px 70px #0f172af2}:root[data-theme=dark] .weather-card{background:linear-gradient(135deg,#4f46e5,#0ea5e9);color:#f9fafb}:root[data-theme=dark] .weather-condition{color:#f1f5f9e6}:root[data-theme=dark] .time-labels span{color:#cbd5f5}:root[data-theme=dark] .time-labels span.active{background-color:#0f172a59}:root[data-theme=dark] .calendar-header{color:#e5e7eb}:root[data-theme=dark] .calendar-nav{color:#9ca3af}:root[data-theme=dark] .day-name{color:#a5b4fc}:root[data-theme=dark] .day-number{color:#e5e7eb}:root[data-theme=dark] .day-number.active{background-color:#6366f1;color:#f9fafb}:root[data-theme=dark] .day-number.today{border-color:#6366f1}:root[data-theme=dark] .schedule-item{background:#0f172af2;box-shadow:0 10px 24px #0f172ae6}:root[data-theme=dark] .schedule-time,:root[data-theme=dark] .schedule-time-value{color:#e5e7eb}:root[data-theme=dark] .schedule-period{color:#9ca3af}:root[data-theme=dark] .schedule-separator{background-color:#1f2937}:root[data-theme=dark] .schedule-details h4{color:#e5e7eb}:root[data-theme=dark] .schedule-description{color:#9ca3af}:root[data-theme=dark] .priorities-card .priorities-list::-webkit-scrollbar-thumb,:root[data-theme=dark] .schedule-list::-webkit-scrollbar-thumb{background:#818cf8b3}:root[data-theme=dark] .priorities-card .priority-text{color:#e5e7eb}:root[data-theme=dark] .priority-icon{color:#a5b4fc}:root[data-theme=dark] .empty-message{color:#6b7280}:root[data-theme=dark] .my-diary-card{background-color:#020617}:root[data-theme=dark] .diary-title{color:#e5e7eb}:root[data-theme=dark] .diary-preview-text{color:#9ca3af}:root[data-theme=dark] .my-diary-footer{background:#0f172af5}:root[data-theme=dark] .inspiration-text{color:#e5e7eb}:root[data-theme=dark] .diet-card{background:#0000!important;border:0!important;box-shadow:none!important}:root[data-theme=dark] .diet-title{color:#e5e7eb}:root[data-theme=dark] .diet-summary-banner{background:#0f172af2;box-shadow:0 8px 20px #0f172ae6;color:#9ca3af}:root[data-theme=dark] .diet-summary-label{color:#c4b5fd}:root[data-theme=dark] .diet-item-name{color:#e5e7eb}:root[data-theme=dark] .diet-item-calories,:root[data-theme=dark] .diet-item-note{color:#9ca3af}:root[data-theme=dark] .diet-add-icon-preview,:root[data-theme=dark] .diet-icon,:root[data-theme=dark] .modal-overlay{background:#0f172ae6}:root[data-theme=dark] .modal-content{background:#020617;border:1px solid #1f2937;box-shadow:0 24px 70px #000;color:#e5e7eb}:root[data-theme=dark] .modal-header h3{color:#e5e7eb}:root[data-theme=dark] .modal-header button{color:#9ca3af}:root[data-theme=dark] .modal-content input,:root[data-theme=dark] .modal-content select,:root[data-theme=dark] .modal-content textarea{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .modal-content input::placeholder,:root[data-theme=dark] .modal-content textarea::placeholder{color:#6b7280}:root[data-theme=dark] .type-select-trigger{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .type-select-dropdown{background:#020617;border:1px solid #1f2937}:root[data-theme=dark] .type-select-option{background:#0000;color:#e5e7eb}:root[data-theme=dark] .type-select-option:hover{background:#020617}:root[data-theme=dark] .add-button-header{background:#0f172ae6;color:#e5e7eb}:root[data-theme=dark] .delete-item-btn{color:#fca5a5}:root[data-theme=dark] .delete-item-btn:hover{background-color:#f8717126}:root[data-theme=dark] .diet-check-square{background:#0000;border-color:#e5e7eb}:root[data-theme=dark] .diet-check-square.on{border-color:#f97373;box-shadow:0 0 4px #fecaca}:root[data-theme=dark] .diet-inline-form{background:#020617;border-bottom:1px solid #1f2937}:root[data-theme=dark] .diet-inline-form input,:root[data-theme=dark] .diet-inline-form select,:root[data-theme=dark] .diet-inline-form textarea{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .diet-inline-form input::placeholder,:root[data-theme=dark] .diet-inline-form select::placeholder,:root[data-theme=dark] .diet-inline-form textarea::placeholder{color:#6b7280}:root[data-theme=dark] .diet-inline-totals{color:#e5e7eb}:root[data-theme=dark] .diet-inline-total-chip{background:#1e40af59;color:#e5e7eb}:root[data-theme=dark] .diet-inline-label-row{color:#9ca3af}:root[data-theme=dark] .diet-inline-cancel{background:#111827;border:1px solid #1f2937;color:#e5e7eb}:root[data-theme=dark] .diet-inline-submit{background:#6366f1;color:#f9fafb}:root[data-theme=dark] .diary-fab-inline{background-color:initial;color:#fff}.popup-header h2{font-size:1.25rem}.close-button{font-size:1.1rem;transition:all .2s ease}.reminder-item-popup{align-items:flex-start;background:#f8f9ff;border:1px solid #ecebff;border-radius:16px;display:flex;margin-bottom:14px;padding:18px;transition:all .2s ease}.reminder-item-popup:hover{background:#f3f2ff;box-shadow:0 8px 16px #6a5af91a;transform:translateY(-1px)}.reminder-time-popup{color:#111827;flex-shrink:0;font-weight:700;margin-right:20px;width:80px}.reminder-details-popup{flex:1 1}.reminder-title-popup{color:#111827;font-size:1.05rem;font-weight:600;margin-bottom:6px}.reminder-description-popup{color:#4b5563;font-size:.9rem;margin-bottom:8px}.reminder-meta-popup{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.reminder-category-popup{background:#eee;border-radius:999px;color:#555;font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.reminder-category-popup.personal{background:#ecebff;color:#6a5af9}.reminder-category-popup.professional{background:#f2e7ff;color:#8b5cf6}.reminder-category-popup.health{background:#e8fbf3;color:#059669}.reminder-category-popup.other{background:#f1f5f9;color:#475569}@media (max-width:480px){.popup-content{border-radius:20px;width:95%}.popup-header{padding:14px 18px}.popup-header h2{font-size:1.1rem}.reminder-item-popup{align-items:flex-start;flex-direction:column}.reminder-time-popup{margin-bottom:6px;width:auto}}:root[data-theme=dark] .popup-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172ad9}:root[data-theme=dark] .popup-content{border-color:#1f2937;box-shadow:0 24px 70px #000}:root[data-theme=dark] .popup-header{background:linear-gradient(90deg,#4f46e5,#8b5cf6)}:root[data-theme=dark] .popup-header h2{color:inherit}:root[data-theme=dark] .close-button{background:#0f172a66}:root[data-theme=dark] .close-button:hover{background:#0f172ab3}:root[data-theme=dark] .popup-body{background:#020617}:root[data-theme=dark] .popup-body::-webkit-scrollbar-thumb{background:#4b5563}:root[data-theme=dark] .loading-container{color:#9ca3af}:root[data-theme=dark] .reminder-item-popup{background:#0f172afa;border-color:#1f2937}:root[data-theme=dark] .reminder-item-popup:hover{background:#0f172af5;border-color:#334155}:root[data-theme=dark] .reminder-time-popup,:root[data-theme=dark] .reminder-title-popup{color:#e5e7eb}:root[data-theme=dark] .reminder-description-popup{color:#9ca3af}:root[data-theme=dark] .reminder-item-popup.completed{background:#16a34a1f;border-color:#4ade80b3}:root[data-theme=dark] .reminder-category-popup{background:#111827;color:#e5e7eb}:root[data-theme=dark] .reminder-category-popup.personal{background:#818cf82e;color:#c7d2fe}:root[data-theme=dark] .reminder-category-popup.professional{background:#a855f72e;color:#e9d5ff}:root[data-theme=dark] .reminder-category-popup.health{background:#22c55e29;color:#6ee7b7}:root[data-theme=dark] .reminder-category-popup.other{background:#0f172ae6;color:#9ca3af}:root[data-theme=dark] .popup-body .empty-state{color:#9ca3af}.priority-popup-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;display:grid;inset:0;place-items:center;position:fixed;z-index:1000}.priority-popup-content{animation:popupSlideIn .25s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000038;display:grid;grid-template-rows:auto 1fr;max-height:min(85vh,100dvh - 48px);overflow:hidden;width:min(92vw,820px)}.priority-popup-header{align-items:center;background:#6366f1;color:#fff;display:flex;gap:12px;justify-content:space-between;padding:16px clamp(12px,3vw,20px);position:-webkit-sticky;position:sticky;top:0;z-index:1}.priority-popup-header h3{font-size:clamp(14px,2.2vw,18px);font-weight:600;margin:0}.priority-popup-close{background:none;border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:8px}.priority-popup-close:hover{background:#ffffff1f}.priority-popup-body{overflow-y:auto;padding:16px clamp(12px,3vw,20px)}.priority-popup-body::-webkit-scrollbar{width:6px}.priority-popup-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.priority-popup-empty,.priority-popup-loading{color:#666;padding:36px 8px;text-align:center}.priority-popup-loading svg{color:#6366f1;font-size:24px;margin-bottom:10px}.priority-popup-list{grid-gap:14px;display:grid;gap:14px}.priority-popup-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:clamp(12px,2.8vw,16px);transition:background .2s,border-color .2s}.priority-popup-item:hover{background:#f3f4f6;border-color:#d1d5db}.priority-popup-item.completed{background:#f0fdf4;border-color:#bbf7d0}.priority-popup-item.completed:hover{background:#ecfdf5}.priority-popup-item-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px}.priority-popup-icon{font-size:18px;line-height:1}.priority-popup-title{color:#374151;flex:1 1 240px;font-size:clamp(14px,2.3vw,16px);font-weight:600;line-height:1.35;margin:0;word-break:break-word}.priority-popup-item.completed .priority-popup-title{color:#6b7280;text-decoration:line-through}.priority-popup-badge{border-radius:12px;color:#fff;flex:0 0 auto;font-size:11px;font-weight:700;letter-spacing:.4px;padding:4px 10px;text-transform:uppercase}.priority-popup-description{color:#6b7280;font-size:clamp(13px,2.2vw,14px);line-height:1.5;margin:10px 0 0 28px}.priority-popup-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-left:28px}.priority-popup-chip{background:#e5e7eb;border-radius:6px;color:#6b7280;font-size:12px;font-weight:600;padding:4px 8px}.completed-chip{background:#d1fae5;color:#047857}.historical-chip{background:#fef3c7;color:#d97706}.created-chip{background:#dbeafe;color:#1d4ed8}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.priority-popup-content{border-radius:12px;max-height:90dvh;width:min(96vw,720px)}.priority-popup-description{margin-left:26px}.priority-popup-meta{padding-left:26px}}@media (max-width:480px){.priority-popup-content{border-radius:0;height:100dvh;max-height:100dvh;width:100vw}.priority-popup-body,.priority-popup-header{padding:14px 16px}.priority-popup-item{padding:12px}.priority-popup-title{flex-basis:160px}}@media (max-width:360px){.priority-popup-badge{font-size:10px;padding:3px 8px}.priority-popup-title{font-size:14px}}:root[data-theme=dark] .priority-popup-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ad9}:root[data-theme=dark] .priority-popup-content{background:#020617;border:1px solid #1f2937;box-shadow:0 24px 70px #000}:root[data-theme=dark] .priority-popup-header{background:linear-gradient(90deg,#4f46e5,#8b5cf6);color:#f9fafb}:root[data-theme=dark] .priority-popup-header h3{color:inherit}:root[data-theme=dark] .priority-popup-close{color:#e5e7eb}:root[data-theme=dark] .priority-popup-close:hover{background:#0f172a66}:root[data-theme=dark] .priority-popup-body{background:#020617}:root[data-theme=dark] .priority-popup-body::-webkit-scrollbar-thumb{background:#4b5563}:root[data-theme=dark] .priority-popup-empty,:root[data-theme=dark] .priority-popup-loading{color:#9ca3af}:root[data-theme=dark] .priority-popup-item{background:#0f172afa;border-color:#1f2937}:root[data-theme=dark] .priority-popup-item:hover{background:#0f172af5;border-color:#334155}:root[data-theme=dark] .priority-popup-item.completed{background:#16a34a1a;border-color:#4ade8099}:root[data-theme=dark] .priority-popup-item.completed:hover{background:#16a34a29}:root[data-theme=dark] .priority-popup-title{color:#e5e7eb}:root[data-theme=dark] .priority-popup-description,:root[data-theme=dark] .priority-popup-item.completed .priority-popup-title{color:#9ca3af}:root[data-theme=dark] .priority-popup-chip{background:#111827;color:#e5e7eb}:root[data-theme=dark] .completed-chip{background:#22c55e2e;color:#4ade80}:root[data-theme=dark] .historical-chip{background:#f59e0b29;color:#fbbf24}:root[data-theme=dark] .created-chip{background:#3b82f633;color:#93c5fd}.popup-overlay{animation:fadeIn .2s ease-in;background:#11182773;z-index:1000}.popup-content{animation:scaleIn .25s ease-out;border:1px solid #e9e8ff;border-radius:24px;box-shadow:0 20px 60px #6a5af940;max-height:85vh;width:min(680px,94vw)}.popup-header{background:linear-gradient(90deg,#6a5af9,#8366fa);border-radius:24px 24px 0 0;padding:18px 24px}.popup-header h2{font-size:1.2rem;font-weight:700;letter-spacing:.2px}.close-button{border:0;padding:6px 10px;transition:all .2s}.close-button:hover{transform:scale(1.08)}.popup-body{background:#fff;overflow-y:auto;padding:20px 22px}.popup-body::-webkit-scrollbar{width:8px}.popup-body::-webkit-scrollbar-thumb{background:#e4e2ff;border-radius:6px}.popup-body::-webkit-scrollbar-thumb:hover{background:#d5d3ff}.loading-container{color:#6b6b85;padding:60px 0;text-align:center}.empty-state{color:#6b7280;font-weight:500;padding:50px 0}.diet-popup-list{grid-gap:14px;display:grid;gap:14px}.diet-popup-item{background:#f8f9ff;border:1px solid #ecebff;border-radius:16px;padding:14px;transition:all .2s}.diet-popup-item:hover{background:#f3f2ff;box-shadow:0 8px 16px #6a5af91a;transform:translateY(-1px)}.diet-popup-left{gap:12px}.diet-popup-icon{background:#f0f0f8;border-radius:12px;display:grid;flex-shrink:0;font-size:1.4rem;height:44px;place-items:center;width:44px}.diet-popup-title{font-size:1.02rem;font-weight:700;margin-bottom:4px}.diet-popup-notes{color:#4b5563;font-size:.9rem;margin-bottom:8px}.diet-popup-meta{gap:8px}.chip{background:#eef2ff;color:#6a5af9;font-size:.72rem;font-weight:700;letter-spacing:.3px;padding:4px 10px;text-transform:capitalize}.chip-breakfast{background:#fff1e6;color:#f59e0b}.chip-lunch{background:#e7f5ff;color:#2563eb}.chip-dinner{background:#efeefe;color:#7c3aed}.chip-snack{background:#fef3c7;color:#b45309}.chip-drink{background:#e6fffa;color:#0d9488}.chip-supplement{background:#f3e8ff;color:#9333ea}.chip-other{background:#f1f5f9;color:#475569}.chip-cal{background:#e8fbf3;color:#059669}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.popup-content{border-radius:20px;width:95%}.diet-popup-item{padding:12px}}.consume-toggle{background:#0000;border:0;border-radius:50%;color:#9aa0b4;display:grid;font-size:18px;height:32px;margin-right:6px;place-items:center;transition:transform .15s ease,background .15s ease,color .15s ease;width:32px}.consume-toggle:hover{background:#eef2ff;transform:scale(1.06)}.consume-toggle.on{color:#10b981}.diet-popup-title.consumed{opacity:.75}.diet-popup-icon{font-size:1.8rem;margin-right:10px}.diet-popup-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.chip{padding:3px 8px}.diet-popup-calculator{background:#f9fafb;border:1px dashed #e5e7eb;border-radius:10px;margin-top:8px;padding:8px 10px}.diet-popup-cal-row{grid-gap:8px;align-items:end;display:grid;gap:8px;grid-template-columns:1.2fr 2fr 1.4fr}.diet-popup-cal-field label{color:#6b7280;display:block;font-size:11px;font-weight:600;margin-bottom:2px}.diet-popup-cal-hint{color:#6b7280;font-size:10px;margin-top:4px}@media (max-width:480px){.diet-popup-cal-row{align-items:stretch;grid-template-columns:1fr}.diet-popup-cal-total{margin-top:4px;text-align:left}}.diet-popup-item,.diet-popup-table-header{grid-template-columns:3fr .9fr 1.6fr 1.2fr}.diet-popup-cal-total .no-cal{color:#9ca3af}@media (max-width:640px){.diet-popup-table-header{display:none}.diet-popup-item{grid-template-columns:1fr;padding:10px 8px}.col-cal,.col-qty,.col-serving{margin-top:6px}.diet-popup-cal-total{text-align:left}}.diet-popup-table-header{grid-gap:8px;font-size:12px;gap:8px;grid-template-columns:3fr .9fr 1.6fr 1.1fr repeat(5,.8fr);margin-bottom:6px;padding:6px 12px}.diet-popup-table-header span{text-transform:uppercase}.diet-popup-list{max-height:360px;padding:0}.diet-popup-item{grid-gap:8px;gap:8px;grid-template-columns:3fr .9fr 1.6fr 1.1fr repeat(5,.8fr);padding:8px 12px}.diet-popup-left{align-items:flex-start;display:flex;gap:8px}.consume-toggle{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#9ca3af;cursor:pointer;display:flex;font-size:13px;height:28px;justify-content:center;margin-top:2px;width:28px}.consume-toggle.on{background:#ecfdf5;border-color:#22c55e;color:#16a34a}.diet-popup-icon{font-size:20px;margin-top:2px}.diet-popup-text{flex:1 1;min-width:0}.diet-popup-title{color:#111827;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diet-popup-title.consumed{opacity:.7;text-decoration:line-through}.diet-popup-notes{color:#6b7280;font-size:12px;margin-top:2px}.diet-popup-meta{margin-top:4px}.chip{align-items:center;background:#f3f4f6;border-radius:999px;color:#4b5563;display:inline-flex;font-size:11px;padding:2px 7px}.chip-base{background:#eef2ff;color:#4338ca}.diet-popup-cal-field input,.diet-popup-cal-field select{border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:12px;outline:none;padding:4px 6px;width:100%}.diet-popup-cal-field input:focus,.diet-popup-cal-field select:focus{border-color:#6a5af9;box-shadow:0 0 0 1px #6a5af91f}.diet-popup-cal-total{color:#111827;font-size:13px;font-weight:600;text-align:right;white-space:nowrap}.diet-popup-footnote{margin-top:8px}@media (max-width:768px){.diet-popup-table-header{display:none}.diet-popup-item{grid-template-columns:1fr;padding:10px 8px}.col-cal,.col-macro,.col-qty,.col-serving{margin-top:4px;text-align:left}}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.popup-content{background:#fff;border-radius:22px;box-shadow:0 24px 60px #4f46e540;display:flex;flex-direction:column;max-height:80vh;overflow:hidden;width:min(720px,95vw)}.popup-header{align-items:center;background:linear-gradient(90deg,#6366f1,#8b5cf6);color:#fff;display:flex;justify-content:space-between;padding:16px 22px}.popup-header h2{font-size:1.1rem;font-weight:600;margin:0}.close-button{background:#ffffff26;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:4px 9px;transition:background .15s ease,transform .15s ease}.close-button:hover{background:#ffffff40;transform:scale(1.05)}.diet-popup-list,.diet-popup-table-header{padding:10px 18px}.diet-popup-table-header{grid-template-columns:3fr .8fr 1.4fr 1.1fr;padding-bottom:6px}.diet-popup-list{list-style:none;margin:0;max-height:48vh;overflow-y:auto;padding-bottom:10px;padding-top:6px}.diet-popup-list::-webkit-scrollbar{width:6px}.diet-popup-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:999px}.diet-popup-item{grid-template-columns:3fr .8fr 1.4fr 1.1fr;padding:8px 0}.diet-popup-item:last-child{border-bottom:none}.diet-item-food{gap:8px}.diet-item-food,.toggle-icon{align-items:center;display:flex}.toggle-icon{border:1px solid #e5e7eb;border-radius:999px;color:#9ca3af;flex-shrink:0;height:26px;justify-content:center;width:26px}.toggle-icon .on{color:#16a34a}.diet-item-icon{align-items:center;background:#f3f4ff;border-radius:12px;display:flex;flex-shrink:0;font-size:1.4rem;height:32px;justify-content:center;width:32px}.diet-item-text{min-width:0}.diet-item-title{color:#111827;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diet-item-meta{color:#6b7280;font-size:11px}.diet-item-qty input,.diet-item-serving select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:12px;outline:none;padding:4px 6px;width:100%}.diet-item-qty input:focus,.diet-item-serving select:focus{border-color:#6366f1;box-shadow:0 0 0 1px #6366f11f}.diet-item-cal{color:#111827;font-size:13px;font-weight:600;text-align:right;white-space:nowrap}.diet-popup-footnote{background:#f9fafb;border-top:1px solid #f3f4f6;color:#6b7280;font-size:11px;margin:0;padding:8px 18px 14px}@media (max-width:768px){.popup-content{max-height:85vh;width:95vw}.diet-popup-table-header{display:none}.diet-popup-list{padding-inline:14px}.diet-popup-item{grid-template-columns:1fr;padding:10px 0;row-gap:6px}.diet-item-cal{text-align:left}}.diet-popup-item,.diet-popup-table-header{grid-template-columns:3fr .8fr 1.4fr repeat(6,1fr)}.diet-popup-table-header{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:11px;font-weight:600;padding:10px 18px 6px;text-transform:uppercase}.diet-popup-item,.diet-popup-table-header{grid-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:3fr .8fr 1.4fr 1.1fr repeat(5,.9fr)}.diet-popup-item{align-items:center;border-bottom:1px solid #f3f4f6;padding:8px 18px}.col-macro{color:#374151;font-size:12px;white-space:nowrap}.col-macro,.diet-popup-table-header span:nth-child(n+4){text-align:right}.diet-inline-totals{color:#374151;display:flex;flex-wrap:wrap;font-size:11px;gap:6px;margin-top:4px}.diet-inline-total-chip{background:#eef2ff;border-radius:999px;padding:2px 8px}.diet-inline-label-row{grid-column-gap:10px;color:#6b7280;column-gap:10px;display:grid;font-size:11px;font-weight:600;grid-template-columns:1fr 1fr;margin-bottom:4px;margin-top:6px}.readonly-input{background:#f3f4f6;cursor:not-allowed}.diet-serving-wrapper{grid-column-gap:6px;align-items:center;column-gap:6px;display:grid;grid-template-columns:1.2fr auto}.diet-custom-serving-input{border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:12px;outline:none;padding:4px 6px;width:70px}.diet-custom-serving-input:focus{border-color:#6366f1;box-shadow:0 0 0 1px #6366f11f}.diet-add-name-wrapper{margin-bottom:8px;position:relative}.diet-add-name-row{align-items:center;display:flex;gap:8px}.diet-add-icon-preview{align-items:center;background:#f3f4ff;border-radius:999px;display:flex;flex-shrink:0;font-size:1.4rem;height:32px;justify-content:center;width:32px}.diet-add-name-row input{border:1px solid #e5e7eb;border-radius:10px;flex:1 1;font-size:13px;outline:none;padding:8px 10px}.diet-add-name-row input:focus{border-color:#6366f1;box-shadow:0 0 0 1px #6366f11f}.diet-suggestions-list{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 12px 25px #0f172a1f;left:40px;list-style:none;margin-top:4px;max-height:220px;overflow-y:auto;padding:4px 0;position:absolute;right:0;top:100%;z-index:30}.diet-suggestions-list::-webkit-scrollbar{width:6px}.diet-suggestions-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:999px}.diet-suggestion-item{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:6px 10px}.diet-suggestion-item:hover{background:#f3f4ff}.diet-suggestion-icon{font-size:1.2rem}.diet-suggestion-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root[data-theme=dark] .popup-overlay{background:#0f172abf}:root[data-theme=dark] .popup-content{background:#020617;border:1px solid #1f2937;box-shadow:0 30px 80px #000}:root[data-theme=dark] .popup-header{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-bottom:1px solid #1f2937;color:#f9fafb}:root[data-theme=dark] .popup-header h2{color:#f9fafb}:root[data-theme=dark] .close-button{background:#ffffff1a;color:#e5e7eb}:root[data-theme=dark] .close-button:hover{background:#ffffff2e}:root[data-theme=dark] .popup-body{background:radial-gradient(circle at top,#020617 0,#020617 45%,#020617 100%);color:#e5e7eb}:root[data-theme=dark] .diet-popup-table-header,:root[data-theme=dark] .popup-body .field-label,:root[data-theme=dark] .popup-body label{color:#9ca3af}:root[data-theme=dark] .popup-body input,:root[data-theme=dark] .popup-body select,:root[data-theme=dark] .popup-body textarea{background:#020617;border:1px solid #1f2937;color:#e5e7eb}:root[data-theme=dark] .popup-body input::placeholder,:root[data-theme=dark] .popup-body textarea::placeholder{color:#6b7280}:root[data-theme=dark] .popup-body input:focus,:root[data-theme=dark] .popup-body select:focus,:root[data-theme=dark] .popup-body textarea:focus{border-color:#6366f1;box-shadow:0 0 0 1px #6366f159}:root[data-theme=dark] .popup-body .macro-chip,:root[data-theme=dark] .popup-body .macro-pill,:root[data-theme=dark] .popup-body .macro-tag{background:#020617;border:1px solid #1f2937;color:#e5e7eb}:root[data-theme=dark] .diet-popup-table-header{background:#020617;border-bottom:1px solid #111827}:root[data-theme=dark] .diet-popup-list{background:#020617}:root[data-theme=dark] .diet-popup-item{border-bottom-color:#111827}:root[data-theme=dark] .diet-popup-title{color:#e5e7eb}:root[data-theme=dark] .diet-popup-notes{color:#9ca3af}:root[data-theme=dark] .diet-item-qty input,:root[data-theme=dark] .diet-item-serving select{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .col-macro,:root[data-theme=dark] .diet-item-cal{color:#e5e7eb}:root[data-theme=dark] .consume-toggle{background:#020617;border-color:#1f2937;color:#9ca3af}:root[data-theme=dark] .consume-toggle.on{background:#022c22;border-color:#22c55e;color:#22c55e}:root[data-theme=dark] .diet-popup-calculator{background:#020617;border-color:#1f2937}:root[data-theme=dark] .diet-popup-cal-field label{color:#9ca3af}:root[data-theme=dark] .diet-popup-footnote{background:#020617;border-top-color:#111827;color:#9ca3af}:root[data-theme=dark] .popup-body .btn-secondary,:root[data-theme=dark] .popup-body .cancel-button{background:#020617;border:1px solid #4b5563;color:#e5e7eb}:root[data-theme=dark] .popup-body .btn-secondary:hover,:root[data-theme=dark] .popup-body .cancel-button:hover{background:#020617;border-color:#6b7280}:root[data-theme=dark] .popup-body .add-button,:root[data-theme=dark] .popup-body .btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 10px 30px #4f46e580;color:#fff}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.diary-entry-page{background:linear-gradient(135deg,#e8d5ff,#f0e6ff 50%,#e0f0ff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;min-height:100vh;padding:40px 60px}.diary-entry-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:40px}.header-left-content .entry-logo{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#e91e63,#9c27b0,#3f51b5,#2196f3);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;letter-spacing:-1px;margin:0 0 15px}.header-left-content .entry-date{color:#1f2937;font-size:2.2rem;font-weight:600;line-height:1.2;margin:0 0 8px}.header-left-content .entry-time{color:#6b7280;font-size:1.1rem;font-weight:400;margin:0}.entry-action-button{border:none;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.add-link{background:#8b5cf6;color:#fff}.add-link:hover{background:#7c3aed;box-shadow:0 8px 20px #8b5cf64d;transform:translateY(-2px)}.add-image{background:#f3f4f6;color:#374151}.add-image:hover{background:#e5e7eb;box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.diary-entry-content{--paper-max:1120px;--paper-vw:94vw;--paper-width:min(var(--paper-max),var(--paper-vw));--paper-aspect:1650/1165;--side-pad:clamp(16px,3vw,28px);background:#fdf0e7;border:1px solid #fff9;border-radius:22px;box-shadow:0 12px 38px #00000014;margin-top:10px;overflow:hidden;padding:clamp(16px,3vw,28px) 0 clamp(90px,12vh,140px);position:relative}.diary-entry-content:before{aspect-ratio:var(--paper-aspect);background-image:url(/static/media/Group%201051.73b06347f5c0dd1f07ca.png);background-position:top;background-repeat:no-repeat;background-size:contain;border-radius:inherit;content:"";left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.diary-entry-content .text-content{margin:0 auto;padding:0 var(--side-pad);position:relative;width:min(var(--paper-width),100%);z-index:2}.diary-entry-content .content-section{padding:0 var(--side-pad)}.two-editor{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1fr 1fr}.col-textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0000!important;background-image:repeating-linear-gradient(180deg,#0000 0,#0000 calc(1.8rem - 1px),#b4b4b48c calc(1.8rem - 1px),#b4b4b48c 1.8rem)!important;background-position:top;background-size:100% 1.8rem;border:none;color:#1f2937;font:inherit;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:1.05rem;line-height:1.8rem;min-height:260px;overflow:hidden;padding:0;resize:none;width:100%}.lined-text{margin-bottom:25px;padding:0 0 8px}.lined-text p{background-image:repeating-linear-gradient(180deg,#0000 0,#0000 1.7rem,#c8c8c88c 1.7rem,#c8c8c88c calc(1.7rem + 1px));background-position-y:.2rem;background-repeat:repeat-y;background-size:100% 1.8rem;min-height:1.8rem}.lined-text.view-mode p{color:#374151}.lined-text.view-mode.two-col{column-count:2;column-gap:56px;column-rule:2px dotted #6366f159}.entry-grid{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:minmax(0,1fr) 340px;padding:0 var(--side-pad)}.entry-grid.no-rail{grid-template-columns:1fr;justify-items:center}.entry-grid.no-rail .text-content{margin:0 auto;max-width:min(var(--paper-width),1120px);width:100%}.rail-container{align-self:stretch;height:100%;margin-right:8px;position:relative}.right-rail{grid-gap:20px;display:grid;gap:20px;position:-webkit-sticky;position:sticky;top:16px;z-index:5}.rail-image{border-radius:12px;overflow:hidden;transform:rotate(-3deg);transform-origin:center;transition:transform .3s ease,box-shadow .3s ease}.rail-image:hover{transform:rotate(-3deg) translateY(-5px) scale(1.03)}.rail-image img{display:block;width:100%}.delete-image-btn{-webkit-appearance:none;appearance:none}.rail-fixed{position:fixed!important;top:16px;z-index:9}.rail-bottom{bottom:0;left:0;position:absolute!important;right:0}.diary-entry-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border-radius:50px;bottom:30px;box-shadow:0 8px 30px #0000001f;display:flex;gap:20px;left:50%;padding:10px 20px;position:fixed;transform:translateX(-50%);z-index:1000}.nav-button-dairy-entry{align-items:center;background:#8b5cf6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;font-weight:300;height:50px;justify-content:center;line-height:1;transition:all .3s ease;width:50px}.nav-button-dairy-entry:hover{background:#7c3aed;transform:translateY(-3px)}.nav-button-dairy-entry:disabled{background:#c4b5fd;cursor:not-allowed;transform:none}.nav-button-dairy-entry.calendar-button{font-size:1.5rem}.calendar-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.calendar-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;padding:20px}.react-calendar{border:none;border-radius:12px;font-family:inherit}.has-entry{background:#d8b4fe!important;border-radius:50%;color:#581c87;font-weight:700}.loading-state-inline{color:#6b7280;font-size:1.2rem;padding:50px;text-align:center;width:100%}.stt-toolbar{align-items:center;display:flex;gap:10px;margin-bottom:12px}.stt-lang-select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#374151;font-size:.95rem;padding:8px 12px}.stt-mic-btn{align-items:center;background:#111827;border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;gap:8px;padding:8px 14px;position:relative}.stt-mic-btn .stt-dot{background:#10b981;border-radius:50%;height:8px;width:8px}.stt-mic-btn.listening{background:#dc2626}.stt-mic-btn.listening .stt-dot{animation:pulse 1s infinite;background:#fff}.stt-hint{color:#6b7280;font-size:.9rem}@media (max-width:1024px){.diary-entry-page{padding:30px 40px}.diary-entry-content{--paper-max:980px}.entry-grid{grid-template-columns:1fr}.rail-container{align-self:auto;height:auto}.right-rail{position:static}.rail-bottom,.rail-fixed{left:auto!important;position:static!important;width:auto!important}}@media (max-width:768px){.diary-entry-page{padding:30px}.diary-entry-header{flex-direction:column;gap:20px}.header-left-content .entry-logo{font-size:2.2rem}.header-left-content .entry-date{font-size:1.8rem}.diary-entry-content{--paper-max:720px;--paper-vw:92vw;--side-pad:clamp(12px,4vw,22px)}.two-editor{grid-template-columns:1fr}}@media (max-width:480px){.header-right-content{flex-direction:column;width:100%}.entry-action-button{width:100%}.header-left-content .entry-logo{font-size:1.8rem}.header-left-content .entry-date{font-size:1.5rem}.diary-entry-content{--paper-max:440px;--paper-vw:92vw}}.col-textarea,.col-textarea:active,.col-textarea:focus,.col-textarea:focus-visible{-webkit-tap-highlight-color:transparent;border:none!important;box-shadow:none!important;outline:none!important}.col-textarea:focus-visible{box-shadow:0 0 0 0 #0000!important}.col-textarea:focus{outline-color:#0000!important}:root[data-theme=dark] .diary-entry-page{background:radial-gradient(circle at top,#020617 0,#020617 40%,#020617 100%);color:#e5e7eb}:root[data-theme=dark] .header-left-content .entry-date{color:#e5e7eb}:root[data-theme=dark] .header-left-content .entry-time{color:#9ca3af}:root[data-theme=dark] .entry-action-button.add-link{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#f9fafb}:root[data-theme=dark] .entry-action-button.add-link:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 10px 26px #4f46e599}:root[data-theme=dark] .entry-action-button.add-image{background:#020617;border:1px solid #1f2937;color:#e5e7eb}:root[data-theme=dark] .entry-action-button.add-image:hover{background:#020617;box-shadow:0 10px 26px #0f172ae6}:root[data-theme=dark] .diary-entry-content{background:#020617;border-color:#1f2937;box-shadow:0 26px 70px #000}:root[data-theme=dark] .diary-entry-content:before{filter:brightness(.9);opacity:.25}:root[data-theme=dark] .col-textarea{background-image:repeating-linear-gradient(180deg,#0000 0,#0000 calc(1.8rem - 1px),#334155bf calc(1.8rem - 1px),#334155bf 1.8rem)!important;color:#e5e7eb}:root[data-theme=dark] .lined-text p{background-image:repeating-linear-gradient(180deg,#0000 0,#0000 1.7rem,#334155bf 0,#334155bf calc(1.7rem + 1px))}:root[data-theme=dark] .lined-text.view-mode p{color:#e5e7eb}:root[data-theme=dark] .rail-image{background:#020617;box-shadow:0 18px 40px #000000e6}:root[data-theme=dark] .diary-entry-nav{background:#0f172af2;border:1px solid #1f2937;box-shadow:0 20px 60px #000}:root[data-theme=dark] .nav-button-dairy-entry{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#f9fafb}:root[data-theme=dark] .nav-button-dairy-entry:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)}:root[data-theme=dark] .nav-button-dairy-entry:disabled{background:#4b5563}:root[data-theme=dark] .calendar-overlay{background:#0f172ad9}:root[data-theme=dark] .calendar-container{background:#020617;border:1px solid #1f2937;border-radius:16px;box-shadow:0 26px 70px #000}:root[data-theme=dark] .react-calendar{background:#0000;color:#e5e7eb}:root[data-theme=dark] .react-calendar__navigation button{color:#e5e7eb}:root[data-theme=dark] .react-calendar__tile{background:#0000;color:#e5e7eb}:root[data-theme=dark] .react-calendar__tile--now{background:#374151b3}:root[data-theme=dark] .react-calendar__tile--active{background:#6366f1;color:#f9fafb}:root[data-theme=dark] .has-entry{background:#4c1d95!important;color:#e9d5ff!important}:root[data-theme=dark] .stt-lang-select{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .stt-hint{color:#9ca3af}:root[data-theme=dark] .stt-mic-btn{background:#111827}:root[data-theme=dark] .stt-mic-btn.listening{background:#b91c1c}:root[data-theme=dark] .loading-state-inline{color:#9ca3af}:root[data-theme=dark] .calendar-overlay{z-index:2000}.ds-modal-backdrop{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#12152799;display:flex;inset:0;justify-content:center;position:fixed;z-index:1200}.ds-modal{animation:scaleUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 15px 40px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:92vw;overflow:hidden;width:700px}.ds-modal-header{align-items:center;border-bottom:1px solid #e9e9e9;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.ds-header-title{align-items:center;color:#333;display:flex;gap:12px}.ds-header-title h3{font-size:18px;margin:0}.ds-header-icon{color:#555}.ds-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s,color .2s}.ds-close-btn:hover{background-color:#f1f1f1;color:#333}.ds-modal-body{display:flex;flex-direction:column;overflow-y:auto;padding:12px 20px 8px}.ds-result-container{background:#f7f7f9;border-radius:12px;display:flex;flex-direction:column;margin-bottom:8px;padding:12px}.ds-result-box{color:#333;flex-grow:1;overflow-y:auto}.ds-result-text{word-wrap:break-word;font-size:15px;line-height:1.6;white-space:pre-wrap}.ds-error{align-self:flex-start;background:#fbeae9;border-radius:8px;color:#d93025;font-weight:500;padding:10px}.ds-loading-indicator{align-items:center;color:#555;display:flex;font-size:16px;gap:12px;justify-content:center}.ds-result-actions{border-top:1px solid #e9e9e9;display:flex;gap:10px;margin-top:16px;padding-top:16px}.ds-action-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.ds-action-btn:disabled{cursor:not-allowed;opacity:.6}.ds-action-btn.insert{background-color:#e6eef8;color:#0a3a66}.ds-action-btn.insert:hover{background-color:#d1dff1}.ds-action-btn.copy{background-color:#f1f1f1;color:#333}.ds-action-btn.copy:hover{background-color:#e3e3e3}.ds-action-btn.recreate{background-color:#f1f1f1;color:#333}.ds-action-btn.recreate:hover{background-color:#e3e3e3}.ds-prompt-area{align-items:flex-end;display:flex;gap:10px;margin-top:8px;padding-top:0}.ds-prompt-textarea{background:#f9f9f9;border:1px solid #ccc;border-radius:12px;flex-grow:1;font-family:inherit;font-size:16px;max-height:200px;overflow-y:auto;padding:12px 16px;resize:none;transition:border-color .2s,box-shadow .2s}.ds-prompt-textarea:focus{background:#fff;border-color:#6a46ff;box-shadow:0 0 0 3px #6a46ff26;outline:none}.ds-prompt-buttons{flex-direction:column;gap:8px;justify-content:flex-end}.ds-mic-btn,.ds-prompt-buttons{align-items:center;display:flex}.ds-mic-btn{background:#f3f3ff;border:1px solid #d4d4ff;border-radius:999px;cursor:pointer;height:36px;justify-content:center;transition:background-color .2s,transform .2s,box-shadow .2s;width:36px}.ds-mic-btn:hover{background:#e3e3ff;transform:translateY(-1px)}.ds-mic-btn.listening{background:#ffebf0;border-color:#ff6b9a;box-shadow:0 0 0 3px #ff6b9a40}.ds-send-btn{align-items:center;background:#6a46ff;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:background-color .2s,transform .2s;width:48px}.ds-send-btn:hover{background:#5a38e0;transform:scale(1.05)}.ds-send-btn:disabled{background:#c5b9ff;cursor:not-allowed;transform:none}.ds-shortcut-hint{color:#999;font-size:12px;margin:2px 60px 0 0;text-align:right}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ds-spinner{animation:spin .8s linear infinite;border:2px solid #ccc;border-radius:50%;border-top-color:#6a46ff;height:20px;width:20px}.grievances-page{background:linear-gradient(135deg,#e8d5ff,#f0e6ff 50%,#e0f0ff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;min-height:100vh;padding:40px 60px}.grievances-header{align-items:flex-start;display:flex;justify-content:space-between;padding-bottom:30px}.header-left-content .page-section-title{color:#1f2937;font-size:2.2rem;font-weight:600;line-height:1.2;margin:0 0 8px}.header-left-content .page-section-desc{color:#6b7280;font-size:1rem;font-weight:400;margin:0}.header-right-content{display:flex;gap:15px;margin-top:20px}.grievances-action-btn{background:#8b5cf6;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.grievances-action-btn:hover{background:#7c3aed;box-shadow:0 8px 20px #8b5cf633;transform:translateY(-2px)}.error-message-bar,.grievance-loading{background:none;border:none;box-shadow:none;color:#6b7280;font-size:1.2rem;margin:1.5em 0 1em;text-align:center}.error-message-bar{background:#f8d7da;border-radius:8px;color:#ef4444;padding:10px 20px}.grievances-content-section{align-items:flex-start;color:#1f2937;display:flex;font-size:1.1rem;font-weight:400;gap:24px;line-height:1.7;min-height:350px;padding-top:18px;width:100%}.grievances-left{display:flex;flex:0 0 360px;flex-direction:column;gap:18px;max-width:380px}.grievances-right{display:flex;flex:1 1;flex-direction:column;gap:8px}.grievances-hero-card{background-image:url(/static/media/gravience.0e7ed065ef3d37b30036.avif);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:24px;color:#fff;overflow:hidden;padding:24px 26px;position:relative}.grievances-hero-placeholder{background:#0000;position:relative;z-index:1}.grievances-hero-placeholder h3{font-size:1.3rem;font-weight:700;margin:0 0 8px}.grievances-hero-placeholder p{font-size:.95rem;line-height:1.5;margin:0;opacity:.9}.grievances-calendar-card{background:#fff;border-radius:24px;box-shadow:0 10px 26px #0f172a1a;padding:18px 18px 12px}.calendar-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.calendar-card-title-wrapper{display:flex;flex-direction:column;gap:4px}.calendar-card-title-btn{align-items:center;background:#0000;border:none;color:#111827;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:4px;padding:0}.calendar-card-title-btn:hover{color:#4c1d95}.calendar-title-caret{font-size:12px;opacity:.7}.calendar-card-subtitle{color:#9ca3af;font-size:12px}.month-year-picker{display:flex;gap:6px;margin-top:6px}.month-year-picker select{background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;color:#111827;font-size:12px;outline:none;padding:2px 10px}.month-year-picker select:focus{border-color:#8b5cf6}.calendar-card-nav{align-items:center;display:flex;gap:8px}.calendar-card-nav-btn{align-items:center;background:#f3e8ff;border:none;border-radius:999px;color:#6d28d9;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:28px;justify-content:center;transition:all .15s ease;width:28px}.calendar-card-nav-btn:hover{background:#e9d5ff}.grievances-calendar-card .react-calendar{border:none!important;box-shadow:none;font-family:inherit;width:100%}.grievances-calendar-card .react-calendar__navigation{display:none}.grievances-calendar-card .react-calendar__month-view__weekdays{color:#9ca3af;font-size:11px;text-transform:none}.grievances-calendar-card .react-calendar__tile--now{border-radius:999px}.grievances-calendar-card .react-calendar__tile--active{background:#4f46e5;color:#fff}.detail-card-top-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.detail-card-date{color:#000;font-size:20px;font-weight:800;margin-bottom:6px}.grievances-view-btn{background:#f3e8ff;border:none;border-radius:999px;box-shadow:0 4px 10px #0f172a14;color:#4c1d95;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 14px;transition:all .2s ease}.grievances-view-btn:hover{background:#ede9fe;transform:translateY(-1px)}.grievances-detail-card{background:#fff;border-radius:24px;box-shadow:0 14px 32px #0f172a1a;display:flex;flex-direction:column;height:26.2rem;padding:18px 22px 22px}.detail-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.detail-card-title{color:#111827;font-size:15px;font-weight:600}.detail-pill{border-radius:999px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.detail-pill.high{background:#fee2e2;color:#b91c1c}.detail-pill.empty{background:#e5e7eb;color:#6b7280}.grievances-detail-scroll{flex:1 1;margin-top:6px;overflow-y:auto}.lined-text{background-image:repeating-linear-gradient(180deg,#0000 0,#0000 1.7rem,#c8c8c88c 1.7rem,#c8c8c88c calc(1.7rem + 1px));background-position-y:.25rem;background-repeat:repeat-y;background-size:100% 1.8rem;min-height:260px;padding:4px 0 8px;position:relative}.lined-text p{background:#0000;color:#1f2937;font-size:1.05rem;line-height:1.8rem;margin:0;overflow-wrap:anywhere;padding-right:4px;text-align:left;word-break:break-word}.lined-text-wrapper{margin-bottom:0;overflow:hidden;padding-bottom:0;position:relative}.lined-text-textarea{background:#0000;background-attachment:local;background-image:repeating-linear-gradient(180deg,#0000 0,#0000 1.7rem,#c8c8c88c 1.7rem,#c8c8c88c calc(1.7rem + 1px));background-position-y:.25rem;background-repeat:repeat-y;background-size:100% 1.8rem;border:none;box-sizing:border-box;color:#1f2937;font-family:inherit;font-size:1.05rem;height:260px;line-height:1.8rem;margin:0;max-height:260px;opacity:.95;overflow-y:auto;padding:0;resize:none;width:100%}.lined-text-textarea:focus{box-shadow:none;outline:none}.lined-text-textarea::-webkit-scrollbar{width:6px}.lined-text-textarea::-webkit-scrollbar-track{background:#0000}.lined-text-textarea::-webkit-scrollbar-thumb{background:#94a3b8e6;border-radius:999px}.grievances-view-overlay{align-items:center;background:#0f172a80;display:flex;inset:0;justify-content:center;position:fixed;z-index:1200}.grievances-view-modal{background:#fff;border-radius:18px;box-shadow:0 18px 50px #0f172a40;display:flex;flex-direction:column;max-height:75vh;max-width:720px;padding:18px 22px 20px;width:90%}.grievances-view-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.grievances-view-header h3{color:#111827;font-size:1.1rem;font-weight:600;margin:0}.view-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:999px;color:#4b5563;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;transition:all .15s ease;width:30px}.view-close-btn:hover{background:#e5e7eb}.grievances-view-date{color:#6b7280;font-size:.9rem;margin-bottom:10px}.grievances-view-body{border-top:1px solid #e5e7eb;margin-top:4px;overflow-y:auto;padding-top:6px}.grievances-view-body p{color:#111827;font-size:1.02rem;line-height:1.8;margin:0 0 6px;overflow-wrap:anywhere;word-break:break-word}@media (max-width:1024px){.grievances-page{padding:30px 35px}.grievances-content-section{flex-direction:column}.grievances-left{flex:none;max-width:100%}}@media (max-width:768px){.grievances-header{flex-direction:column;gap:20px}}@media (max-width:480px){.grievances-page{padding:10px 2vw}}:root[data-theme=dark] .grievances-page{background:radial-gradient(circle at top,#020617 0,#020617 35%,#020617 50%,#020617 100%);color:#e5e7eb}:root[data-theme=dark] .header-left-content .page-section-title{color:#e5e7eb}:root[data-theme=dark] .header-left-content .page-section-desc{color:#9ca3af}:root[data-theme=dark] .grievances-action-btn{background:#8b5cf6;color:#f9fafb}:root[data-theme=dark] .grievances-action-btn:hover{background:#7c3aed;box-shadow:0 8px 20px #3730a373}:root[data-theme=dark] .header-right-content .action-btn{background:#0000;border:1px solid #4b5563;color:#e5e7eb}:root[data-theme=dark] .grievances-hero-card{box-shadow:0 14px 32px #0f172abf}:root[data-theme=dark] .grievances-calendar-card{background:#020617;border:1px solid #111827;box-shadow:0 14px 32px #000000b3}:root[data-theme=dark] .calendar-card-title-btn{color:#e5e7eb}:root[data-theme=dark] .calendar-card-title-btn:hover{color:#c4b5fd}:root[data-theme=dark] .calendar-card-subtitle{color:#6b7280}:root[data-theme=dark] .month-year-picker select{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .month-year-picker select:focus{border-color:#8b5cf6}:root[data-theme=dark] .calendar-card-nav-btn{background:#111827;color:#c4b5fd}:root[data-theme=dark] .calendar-card-nav-btn:hover{background:#1f2937}:root[data-theme=dark] .grievances-calendar-card .react-calendar__month-view__weekdays{color:#9ca3af}:root[data-theme=dark] .grievances-calendar-card .react-calendar__tile{background:#0000;color:#e5e7eb}:root[data-theme=dark] .grievances-calendar-card .react-calendar__tile--now{background:#8b5cf629}:root[data-theme=dark] .grievances-calendar-card .react-calendar__tile--active{background:#8b5cf6;color:#f9fafb}:root[data-theme=dark] .detail-card-date{color:#f9fafb}:root[data-theme=dark] .grievances-view-btn{background:#8b5cf629;box-shadow:0 4px 14px #0f172ae6;color:#e0e7ff}:root[data-theme=dark] .grievances-view-btn:hover{background:#8b5cf652}:root[data-theme=dark] .grievances-detail-card{background:#020617;border:1px solid #111827;box-shadow:0 20px 50px #000000d9}:root[data-theme=dark] .detail-card-title{color:#e5e7eb}:root[data-theme=dark] .detail-pill.high{background:#ef44441f;color:#fecaca}:root[data-theme=dark] .detail-pill.empty{background:#374151cc;color:#9ca3af}:root[data-theme=dark] .lined-text{background-image:repeating-linear-gradient(180deg,#0000 0,#0000 1.7rem,#374151d9 1.7rem,#374151d9 calc(1.7rem + 1px))}:root[data-theme=dark] .lined-text p{color:#e5e7eb}:root[data-theme=dark] .lined-text-textarea{background-image:repeating-linear-gradient(180deg,#0000 0,#0000 1.7rem,#374151d9 1.7rem,#374151d9 calc(1.7rem + 1px));color:#e5e7eb}:root[data-theme=dark] .lined-text-textarea::-webkit-scrollbar-thumb{background:#4b5563e6}:root[data-theme=dark] .grievances-view-modal{background:#020617;border:1px solid #111827;box-shadow:0 25px 70px #000000f2}:root[data-theme=dark] .grievances-view-header h3{color:#e5e7eb}:root[data-theme=dark] .view-close-btn{background:#111827;color:#e5e7eb}:root[data-theme=dark] .view-close-btn:hover{background:#1f2937}:root[data-theme=dark] .grievances-view-date{color:#9ca3af}:root[data-theme=dark] .grievances-view-body{border-top-color:#1f2937}:root[data-theme=dark] .grievances-view-body p{color:#e5e7eb}:root[data-theme=dark] .error-message-bar{background:#b91c1c2e;border:1px solid #f8717166;color:#fecaca}.logs-page{background:radial-gradient(circle at top left,#f9e9ff 0,#f5f7ff 35%,#f7fbff 70%,#fff 100%);min-height:100vh;padding:24px 32px}.logs-container{border-radius:18px;color:#2f3542;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:22px 24px 26px}.logs-header{align-items:center;border-bottom:1px solid #ecf0f6;display:flex;justify-content:space-between;padding-bottom:18px}.logs-title-section{align-items:center;display:flex;gap:14px}.grievance-back-btn{background:#fff;border:none;border-radius:999px;box-shadow:0 1px 0 #11111a0d,0 0 8px #11111a1a;color:#000;cursor:pointer;padding:8px;transition:all .25s ease}.grievance-back-btn:hover{background:#dde3ff;color:#273c75;transform:translateX(-1px)}.logs-title-section h1{color:#202744;font-size:26px;font-weight:700;letter-spacing:.02em;margin:0}.logs-title-section p{color:#8692b0;font-size:13px;margin:2px 0 0}.logs-actions{display:flex;gap:10px}.logs-actions button{align-items:center;background:linear-gradient(135deg,#6f76ff,#9a6dff);border:none;border-radius:999px;box-shadow:0 6px 16px #6f76ff59;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;letter-spacing:.02em;padding:8px 16px;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.logs-actions button:hover{box-shadow:0 9px 20px #6f76ff66;opacity:.96;transform:translateY(-1px)}.stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:26px;margin-top:22px}.stat-card{background:#fff;border-radius:18px;box-shadow:0 10px 24px #4149b214;cursor:default;gap:14px;overflow:hidden;padding:26px 22px;position:relative}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:16px;flex-shrink:0;font-size:22px;height:44px;justify-content:center;width:44px}.stat-icon.total{background:#677eff1a;color:#677eff}.stat-icon.created{background:#2ed5731a;color:#2ed573}.stat-icon.updated{background:#ffb5451f;color:#ffb549}.stat-icon.status-changed{background:#ff63841a;color:#ff6384}.stat-info{display:flex;flex-direction:column}.stat-value{color:#1e2438;font-size:22px;font-weight:700;line-height:1.1}.stat-label{color:#8c96b2;font-size:12px;letter-spacing:.08em;margin-top:3px;text-transform:uppercase}.logs-filters{margin-bottom:22px}.filters-grid{grid-gap:14px 18px;display:grid;gap:14px 18px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.filter-group{display:flex;flex-direction:column}.filter-group label{color:#555f8b;font-size:13px;font-weight:600;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.filter-group input[type=date]{background:#fff;border:1px solid #dde2f2;border-radius:999px;font-size:13px;padding:8px 14px;transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease}.filter-group select{background:#fff;border:1px solid #dde2f2;border-radius:12px;box-shadow:0 4px 12px #96a3ff1f;font-size:14px;height:44px;padding:12px 16px;transition:all .25s ease}.filter-group input[type=date]:focus{background:#fff;border-color:#6f76ff;box-shadow:0 0 0 2px #6f76ff40;outline:none}.filter-group select:focus{background:#fff;border-color:#6f76ff;box-shadow:0 6px 18px #6f76ff42;outline:none}.filter-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:14px}.clear-filters-btn{background:#ff6b81;border:none;border-radius:999px;box-shadow:0 4px 12px #00000014;color:#fff;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.03em;padding:8px 16px;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}.clear-filters-btn:hover{background:#e84118;transform:translateY(-1px)}.results-count{color:#717da0;font-size:13px;font-weight:600}.logs-content{min-height:220px}.loading{align-items:center;color:#3742fa;display:flex;flex-direction:column;font-weight:600;padding:40px 0}.spinner{border:4px solid #dcdde1;border-top-color:#3742fa;height:34px;margin-bottom:12px;width:34px}.no-logs{color:#7f8fa6;margin-top:40px;text-align:center}.no-logs h3{font-weight:600;margin:12px 0 6px}.no-logs p{font-size:14px}.logs-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:18px}.log-item{background:#fff;border:1px solid #e2e7fb;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-height:130px;padding:14px 16px;transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease}.log-item:hover{border-color:#6f76ff;box-shadow:0 12px 26px #3742fa2e;transform:translateY(-2px)}.log-header{justify-content:space-between}.log-action,.log-header{align-items:center;display:flex}.log-action{gap:8px}.action-icon{align-items:center;color:#6f76ff;display:flex;flex-shrink:0}.action-text{color:#252b43;font-size:15px;font-weight:700;text-transform:capitalize}.action-time{color:#a4b0be;font-size:11px}.log-level{border-radius:999px;color:#fff;font-size:11px;font-weight:600;min-width:80px;padding:4px 10px;text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none}.log-description{color:#57606f;font-size:13px;line-height:1.35;min-height:40px;overflow:hidden;text-overflow:ellipsis}.log-grievance{align-items:baseline;color:#3742fa;display:flex;font-size:12px;font-weight:600;gap:6px}.grievance-label{color:#7f8fa6;font-weight:500}.log-meta{color:#a4b0be;font-size:11px;gap:12px;justify-content:flex-start}.log-meta,.pagination{align-items:center;display:flex}.pagination{flex-wrap:wrap;gap:6px;justify-content:center;margin-top:6px}.pagination-btn{background-color:#f1f2f6;border:1px solid #dcdde1;border-radius:999px;color:#3742fa;cursor:pointer;font-size:13px;min-width:44px;padding:6px 12px;transition:background-color .25s ease,border-color .25s ease,transform .25s ease;-webkit-user-select:none;user-select:none}.pagination-btn:hover:not(:disabled){background-color:#3742fa;border-color:#3742fa;color:#fff;transform:translateY(-1px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.6}.pagination-btn.active{background-color:#3742fa;border-color:#3742fa;color:#fff;font-weight:700}.pagination-ellipsis{color:#a4b0be;font-size:16px;line-height:1;-webkit-user-select:none;user-select:none}@media (max-width:900px){.logs-page{padding:16px}.logs-container{padding:18px 16px 22px}.logs-header{align-items:flex-start;flex-direction:column;gap:10px}.logs-actions{align-self:stretch;justify-content:flex-start}}@media (max-width:600px){.logs-actions{flex-direction:column;gap:8px}.filters-grid,.logs-grid{grid-template-columns:1fr}}:root[data-theme=dark] .logs-page{background:radial-gradient(circle at top left,#818cf82e,#0000 55%),radial-gradient(circle at bottom right,#ec489929,#0000 55%),#020617}:root[data-theme=dark] .logs-container{background:#020617;border:1px solid #111827;border-radius:18px;box-shadow:0 18px 45px #000000e6;color:#e5e7eb}:root[data-theme=dark] .logs-header{border-bottom-color:#111827}:root[data-theme=dark] .logs-title-section h1{color:#e5e7eb}:root[data-theme=dark] .logs-title-section p{color:#9ca3af}:root[data-theme=dark] .grievance-back-btn{background:#020617;box-shadow:0 4px 14px #0f172ae6;color:#e5e7eb}:root[data-theme=dark] .grievance-back-btn:hover{background:#0b1120;color:#c7d2fe}:root[data-theme=dark] .logs-actions button{box-shadow:0 10px 28px #818cf8b3}:root[data-theme=dark] .stat-card{background:#020617;border:1px solid #111827;border-radius:18px;box-shadow:0 18px 40px #0f172af2}:root[data-theme=dark] .stat-value{color:#e5e7eb}:root[data-theme=dark] .filter-group label{color:#9ca3af}:root[data-theme=dark] .filter-group input[type=date],:root[data-theme=dark] .filter-group select{background:#020617;border-color:#1f2937;box-shadow:none;color:#e5e7eb}:root[data-theme=dark] .filter-group input[type=date]::placeholder{color:#6b7280}:root[data-theme=dark] .filter-group input[type=date]:focus,:root[data-theme=dark] .filter-group select:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f173;outline:none}:root[data-theme=dark] .clear-filters-btn{background:#fb7185;box-shadow:0 12px 32px #f87171a6}:root[data-theme=dark] .clear-filters-btn:hover{background:#f97373}:root[data-theme=dark] .results-count{color:#9ca3af}:root[data-theme=dark] .loading{color:#a5b4fc}:root[data-theme=dark] .spinner{border-color:#6366f1 #1f2937 #1f2937}:root[data-theme=dark] .no-logs{color:#9ca3af}:root[data-theme=dark] .log-item{background:#020617;border-color:#1c51c2;box-shadow:none}:root[data-theme=dark] .log-item:hover{border-color:#6366f1;box-shadow:0 16px 40px #0f172af2}:root[data-theme=dark] .action-text{color:#e5e7eb}:root[data-theme=dark] .action-time{color:#6b7280}:root[data-theme=dark] .log-description{color:#9ca3af}:root[data-theme=dark] .log-grievance{color:#a5b4fc}:root[data-theme=dark] .grievance-label,:root[data-theme=dark] .log-meta{color:#6b7280}:root[data-theme=dark] .pagination-btn{background-color:#020617;border-color:#1f2937;color:#a5b4fc}:root[data-theme=dark] .pagination-btn.active,:root[data-theme=dark] .pagination-btn:hover:not(:disabled){background-color:#4f46e5;border-color:#4f46e5;color:#fff}:root[data-theme=dark] .pagination-ellipsis{color:#6b7280}.reaction-modal-overlay{align-items:center;background:#0f172aa6;display:flex;inset:0;justify-content:center;position:fixed;z-index:2500}.reaction-modal{background:#0b1120;border-radius:18px;box-shadow:0 24px 60px #0f172ab3;color:#f9fafb;display:flex;flex-direction:column;max-height:70vh;max-width:90vw;overflow:hidden;position:relative;width:320px}.reaction-modal-header{align-items:center;border-bottom:1px solid #94a3b84d;display:flex;justify-content:space-between;padding:10px 14px 6px}.reaction-tabs{display:flex;gap:8px}.reaction-tab{align-items:center;background:#0000;border:none;border-radius:999px;color:#e5e7eb;cursor:pointer;display:flex;font-size:12px;gap:4px;outline:none;padding:4px 10px}.reaction-tab.active{background:#16a34a;color:#f9fafb}.reaction-tab-emoji{font-size:15px}.reaction-tab-count{font-size:11px}.reaction-modal-close{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:16px}.reaction-modal-body{max-height:250px;overflow-y:auto;padding:8px 0 6px}.reaction-empty{color:#9ca3af;font-size:13px;padding:20px;text-align:center}.reaction-list{list-style:none;margin:0;padding:0}.reaction-item{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:8px 14px}.reaction-item:not(:last-child){border-bottom:1px solid #1f2937cc}.reaction-user{align-items:center;display:flex;gap:8px}.reaction-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.reaction-avatar.placeholder{align-items:center;background:#1f2937;color:#e5e7eb;display:flex;font-size:15px;font-weight:600;justify-content:center}.reaction-user-details{display:flex;flex-direction:column}.reaction-user-name{font-size:13px;font-weight:500}.reaction-user-sub{color:#9ca3af;font-size:11px}.reaction-emoji-btn{background:#0000;border:none;cursor:pointer;font-size:20px}:root[data-theme=dark] .reaction-modal-overlay{background:#0f172acc}:root[data-theme=dark] .reaction-modal{background:#020617;background:var(--bg-card,#020617);box-shadow:0 28px 80px #0f172ae6;color:#e5e7eb;color:var(--text-primary,#e5e7eb)}:root[data-theme=dark] .reaction-modal-header{border-bottom-color:#94a3b866}:root[data-theme=dark] .reaction-tab{color:#e5e7eb;color:var(--text-muted,#e5e7eb)}:root[data-theme=dark] .reaction-tab.active{background:#16a34a;color:#f9fafb}:root[data-theme=dark] .reaction-modal-close{color:#e5e7eb}:root[data-theme=dark] .reaction-modal-body{background:#0000}:root[data-theme=dark] .reaction-empty{color:#9ca3af}:root[data-theme=dark] .reaction-item:not(:last-child){border-bottom-color:#1e40af80}:root[data-theme=dark] .reaction-avatar.placeholder{background:#111827;color:#e5e7eb}:root[data-theme=dark] .reaction-user-name{color:#e5e7eb;color:var(--text-primary,#e5e7eb)}:root[data-theme=dark] .reaction-user-sub{color:#9ca3af;color:var(--text-muted,#9ca3af)}:root[data-theme=dark] .reaction-emoji-btn{color:#f9fafb}.emoji-picker-container{inset:0;pointer-events:none;position:fixed;z-index:9999}.emoji-picker-container>div{pointer-events:auto}.emoji-picker{animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #f3e7ff;border-radius:12px;bottom:100px;box-shadow:0 8px 24px #8b5cf640;display:flex;flex-direction:column;left:441px;max-height:450px;position:fixed;width:360px;z-index:10000}.emoji-header{align-items:center;background:#fafafa;border-bottom:1px solid #f3e7ff;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:12px 16px}.emoji-header h3{color:#2d3748;font-size:16px;font-weight:600;margin:0}.emoji-close-btn{background:none;border:none;border-radius:6px;color:#a0aec0;cursor:pointer;font-size:18px;padding:4px 8px;transition:all .2s}.emoji-close-btn:hover{background:#f3e7ff;color:#8b5cf6;transform:scale(1.1)}.emoji-categories{background:#fafafa;border-bottom:1px solid #f3e7ff;display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;padding:8px}.emoji-categories::-webkit-scrollbar{height:4px}.emoji-categories::-webkit-scrollbar-track{background:#0000}.emoji-categories::-webkit-scrollbar-thumb{background:#d8c7ea;border-radius:2px}.emoji-categories::-webkit-scrollbar-thumb:hover{background:#c4b0d8}.emoji-category-btn{align-items:center;background:#fff;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;justify-content:center;padding:6px 10px;transition:all .2s ease}.emoji-category-btn:hover{background:#f3e7ff;transform:scale(1.1)}.emoji-category-btn.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.emoji-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(8,1fr);max-height:300px;overflow-x:hidden;overflow-y:auto;padding:8px}.emoji-grid::-webkit-scrollbar{width:6px}.emoji-grid::-webkit-scrollbar-track{background:#0000}.emoji-grid::-webkit-scrollbar-thumb{background:#d8c7ea;border-radius:3px}.emoji-grid::-webkit-scrollbar-thumb:hover{background:#c4b0d8}.emoji-item{align-items:center;aspect-ratio:1;background:#fff;border:1px solid #f3e7ff;border-radius:6px;cursor:pointer;display:flex;font-size:24px;font-weight:500;justify-content:center;padding:6px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.emoji-item:hover{background:#f3e7ff;border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf626;transform:scale(1.2)}.emoji-item:active{transform:scale(.95)}.gif-section{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;overflow:hidden;padding:8px}.gif-search-row{align-items:center;display:flex;gap:6px}.gif-search-input{background:#fbf8ff;border:1px solid #e2d5fb;border-radius:8px;flex:1 1;font-size:13px;outline:none;padding:6px 10px;transition:all .2s ease}.gif-search-input:focus{background:#fff;border-color:#8b5cf6;box-shadow:0 0 0 1px #8b5cf640}.gif-search-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.gif-search-btn:hover{box-shadow:0 4px 10px #8b5cf659;transform:translateY(-1px)}.gif-error{color:#e53e3e;font-size:12px;padding:2px 4px}.gif-loading{color:#4a5568;font-size:13px;padding:2px 4px}.gif-grid{grid-gap:4px;display:grid;flex:1 1;gap:4px;grid-auto-rows:90px;grid-template-columns:repeat(3,minmax(0,1fr));overflow-x:hidden;overflow-y:auto;padding:4px}.gif-grid::-webkit-scrollbar{width:6px}.gif-grid::-webkit-scrollbar-track{background:#0000}.gif-grid::-webkit-scrollbar-thumb{background:#d8c7ea;border-radius:3px}.gif-grid::-webkit-scrollbar-thumb:hover{background:#c4b0d8}.gif-item{background:#0000;border:none;border-radius:4px;cursor:pointer;overflow:hidden;padding:0}.gif-item,.gif-item img{display:block;height:100%}.gif-item img{object-fit:cover;width:100%}.gif-item:hover{box-shadow:none;outline:2px solid #8b5cf6;transform:none}.gif-empty{color:#718096;font-size:13px;padding:8px 4px}@media (max-width:768px){.emoji-picker{bottom:80px;left:auto;max-height:400px;right:10px;width:300px}.emoji-grid{grid-template-columns:repeat(6,1fr);max-height:280px}.gif-grid{grid-auto-rows:80px;grid-template-columns:repeat(2,minmax(0,1fr));max-height:260px}}@media (max-width:480px){.emoji-picker{bottom:70px;left:auto;max-height:380px;right:5px;width:260px}.emoji-grid{grid-template-columns:repeat(5,1fr);max-height:250px}.gif-grid{grid-auto-rows:70px;grid-template-columns:repeat(2,minmax(0,1fr));max-height:240px}.emoji-item{font-size:18px}.emoji-category-btn{font-size:16px}}.emoji-tabs{background:#fafafa;border-bottom:1px solid #f3e7ff;display:flex;padding:0 8px}.emoji-tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:#4a5568;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px 0;transition:all .2s ease}.emoji-tab-btn:hover{background:#f3e7ff}.emoji-tab-btn.active{background:#fff;border-bottom-color:#8b5cf6;color:#8b5cf6}.poll-modal-overlay{align-items:flex-end;animation:fadeIn .3s ease;z-index:1001}.poll-modal{border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #0000001a}.poll-modal-header{background:#fff;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.poll-modal-header h2{align-items:center;color:#333;display:flex;font-size:20px;font-weight:600;gap:10px}.poll-modal-header h2:before{content:"📊";font-size:24px}.close-btn{font-size:28px;transition:all .2s ease}.close-btn:active{transform:scale(.95)}.poll-modal-content{padding:24px}.form-group label{letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.form-group input[type=text]{border:2px solid #e0e0e0;border-radius:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:12px 14px;transition:all .2s ease}.form-group input[type=text]:focus{border-color:#8b45ff;box-shadow:0 0 0 3px #8b45ff1a;outline:none}.form-group input[type=text]::placeholder{color:#999}.char-count{font-weight:500;margin-top:6px}.options-list{gap:12px}.option-input-group input{border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;padding:12px 14px;transition:all .2s ease}.option-input-group input:focus{border-color:#8b45ff;box-shadow:0 0 0 3px #8b45ff1a;outline:none}.option-input-group input::placeholder{color:#999}.remove-option-btn{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.remove-option-btn:hover{transform:scale(1.05)}.remove-option-btn:active{transform:scale(.95)}.add-option-btn{border-radius:10px;font-size:14px;margin-top:8px;padding:12px;transition:all .2s ease}.add-option-btn:hover{transform:translateY(-2px)}.add-option-btn:active{transform:translateY(0)}.add-option-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.form-group.checkbox{margin-bottom:16px}.form-group.checkbox label{color:#333;cursor:pointer;font-size:14px;font-weight:500}.form-group.checkbox input{accent-color:#8b45ff}.poll-modal-footer{bottom:0;gap:12px;padding:20px;position:-webkit-sticky;position:sticky;z-index:10}.cancel-btn,.create-btn{border-radius:10px;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase}.cancel-btn{background:#e8e8e8}.cancel-btn:hover{background:#d8d8d8;box-shadow:0 4px 12px #0000001a}.cancel-btn:active{transform:translateY(0)}.create-btn{background:linear-gradient(135deg,#8b45ff,#667eea)}.create-btn:hover:not(:disabled){box-shadow:0 8px 20px #8b45ff4d;transform:translateY(-2px)}.create-btn:active:not(:disabled){transform:translateY(0)}.create-btn:disabled{opacity:.6;transform:none}@media (max-width:480px){.poll-modal{border-radius:16px 16px 0 0;max-width:100%}.poll-modal-header{padding:16px}.poll-modal-header h2{font-size:18px}.poll-modal-content{padding:16px}.form-group{margin-bottom:16px}.option-input-group{gap:8px}.remove-option-btn{font-size:16px;height:36px;width:36px}.poll-modal-footer{gap:8px;padding:16px}.cancel-btn,.create-btn{font-size:13px;padding:10px 16px}}.helper-text{color:#64748b;display:block;font-size:12px;margin-top:6px}.form-group.expiry-group{background:linear-gradient(135deg,#8b45ff0a,#667eea0a);border:1px solid #94a3b880;border-radius:12px;margin-bottom:20px;margin-top:8px;padding:12px 14px}.form-group.expiry-group label{color:#475569;font-size:12px;font-weight:600;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.form-group.expiry-group input[type=datetime-local]{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;outline:none;padding:10px 12px;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;width:100%}.form-group.expiry-group input[type=datetime-local]:hover{background-color:#f8fafc}.form-group.expiry-group input[type=datetime-local]:focus{background-color:#fff;border-color:#8b45ff;box-shadow:0 0 0 2px #8b45ff33}.form-group.expiry-group input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}.form-group.expiry-group input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}.form-group.expiry-group .helper-text{color:#64748b;font-size:11px;margin-top:8px}[data-theme=dark] .poll-modal{border-top:1px solid #1f2937;box-shadow:0 -18px 40px #0f172ae6}[data-theme=dark] .close-btn{color:#9ca3af}[data-theme=dark] .close-btn:hover{background:#111827;color:#e5e7eb}[data-theme=dark] .form-group label{color:#e5e7eb}[data-theme=dark] .form-group input[type=text],[data-theme=dark] .option-input-group input{background:#020617;border-color:#1f2937;color:#e5e7eb}[data-theme=dark] .form-group input[type=text]::placeholder,[data-theme=dark] .option-input-group input::placeholder{color:#6b7280}[data-theme=dark] .form-group input[type=text]:focus,[data-theme=dark] .option-input-group input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf640}[data-theme=dark] .char-count{color:#9ca3af}[data-theme=dark] .remove-option-btn{background:#ef4444}[data-theme=dark] .remove-option-btn:hover{background:#dc2626}[data-theme=dark] .add-option-btn{border-color:#8b5cf6;color:#c4b5fd}[data-theme=dark] .add-option-btn:hover:not(:disabled){background:#8b5cf626}[data-theme=dark] .form-group.checkbox label{color:#e5e7eb}[data-theme=dark] .form-group.checkbox input{accent-color:#8b5cf6}[data-theme=dark] .cancel-btn{background:#111827;color:#e5e7eb}[data-theme=dark] .cancel-btn:hover{background:#1f2937;box-shadow:0 4px 16px #0f172ab3}[data-theme=dark] .create-btn{background:linear-gradient(135deg,#8b5cf6,#4f46e5)}[data-theme=dark] .form-group.expiry-group{background:linear-gradient(135deg,#1e40af73,#4c1d9573);border-color:#94a3b899}[data-theme=dark] .form-group.expiry-group label{color:#cbd5f5}[data-theme=dark] .form-group.expiry-group input[type=datetime-local]{background:#020617;border-color:#1f2937;color:#e5e7eb}[data-theme=dark] .form-group.expiry-group input[type=datetime-local]:hover{background-color:#020617}[data-theme=dark] .form-group.expiry-group input[type=datetime-local]:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf659}[data-theme=dark] .form-group.expiry-group input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(.7)}[data-theme=dark] .form-group.expiry-group .helper-text,[data-theme=dark] .helper-text{color:#9ca3af}.message-info-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.message-info-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:600px;max-width:400px;overflow-y:auto;width:90%}.message-info-header{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0}.message-info-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.close-btn{color:#999;padding:0}.close-btn:hover{background:#f5f5f5;border-radius:50%;color:#333}.message-info-content{padding:20px}.info-section{margin-bottom:20px}.info-section h4{color:#999;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.info-detail{color:#333;font-size:14px;font-weight:500;margin:0}.status-badge{background:linear-gradient(135deg,#8b45ff,#d946ef);border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.read-by-list{display:flex;flex-direction:column;gap:12px}.read-by-item{align-items:center;background:#f9f9f9;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.read-by-item:hover{background:#f0f0f0}.read-by-avatar{align-items:center;background:linear-gradient(135deg,#8b45ff,#d946ef);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.read-by-info{flex:1 1}.read-by-name{color:#333;font-size:13px;font-weight:600;margin:0 0 2px}.read-by-time{color:#999;font-size:11px;margin:0}.read-checkmark{color:#0084ff;font-weight:700}.not-read-list{display:flex;flex-direction:column;gap:12px}.not-read-item{align-items:center;background:#f9f9f9;border-radius:8px;display:flex;gap:12px;padding:12px}.not-read-avatar{align-items:center;background:#ddd;border-radius:50%;color:#666;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.not-read-info{flex:1 1}.not-read-name{color:#999;font-size:13px;font-weight:600;margin:0}.message-info-modal::-webkit-scrollbar{width:6px}.message-info-modal::-webkit-scrollbar-track{background:#0000}.message-info-modal::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.message-info-modal::-webkit-scrollbar-thumb:hover{background:#999}[data-theme=dark] .message-info-overlay{background:#0f172abf}[data-theme=dark] .message-info-modal{background:#020617;border:1px solid #1f2937;border-radius:12px;box-shadow:0 24px 70px #0f172ae6;color:#e5e7eb}[data-theme=dark] .message-info-modal .message-info-header{background:#020617;border-bottom:1px solid #1f2937}[data-theme=dark] .message-info-modal .message-info-header h3{color:#e5e7eb}[data-theme=dark] .message-info-modal .close-btn{color:#9ca3af}[data-theme=dark] .message-info-modal .close-btn:hover{background:#0b1120;color:#e5e7eb}[data-theme=dark] .message-info-modal .message-info-content{background:#020617}[data-theme=dark] .message-info-modal .info-section h4{color:#9ca3af}[data-theme=dark] .message-info-modal .info-detail{color:#e5e7eb}[data-theme=dark] .message-info-modal .status-badge{background:linear-gradient(135deg,#a855f7,#ec4899);color:#f9fafb}[data-theme=dark] .message-info-modal .read-by-item{background:#020617;border:1px solid #111827}[data-theme=dark] .message-info-modal .read-by-item:hover{background:#020617;border-color:#1f2937}[data-theme=dark] .message-info-modal .read-by-avatar{background:linear-gradient(135deg,#a855f7,#ec4899);color:#f9fafb}[data-theme=dark] .message-info-modal .read-by-name{color:#e5e7eb}[data-theme=dark] .message-info-modal .read-by-time{color:#9ca3af}[data-theme=dark] .message-info-modal .read-checkmark{color:#22c55e}[data-theme=dark] .message-info-modal .not-read-item{background:#020617;border:1px solid #020617}[data-theme=dark] .message-info-modal .not-read-avatar{background:#111827;color:#9ca3af}[data-theme=dark] .message-info-modal .not-read-name{color:#9ca3af}[data-theme=dark] .message-info-modal::-webkit-scrollbar-thumb{background:#4b5563}[data-theme=dark] .message-info-modal::-webkit-scrollbar-thumb:hover{background:#6b7280}.asp-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.asp-modal{background:#f7f4ff;border-radius:18px;box-shadow:0 20px 80px #00000040;display:flex;flex-direction:column;height:min(70vh,680px);overflow:hidden;width:min(920px,95vw)}.asp-header{align-items:center;border-bottom:1px solid #e5e7eb;gap:12px;padding:14px 18px 8px}.asp-header,.asp-tabs{display:flex;flex-wrap:wrap}.asp-tabs{gap:8px}.asp-tab{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:5px;color:#4b5563;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.asp-tab.active{background:linear-gradient(135deg,#a855f7,#6366f1);border-color:#0000;box-shadow:0 6px 18px #818cf880;color:#fff}.asp-tab:hover:not(.active){background:#e5e7eb}.asp-search{border:1px solid #e5e7eb;border-radius:999px;font-size:13px;margin-left:auto;min-width:150px;outline:none;padding:8px 12px;width:220px}.asp-body{flex:1 1;overflow:auto;padding:18px 22px 8px}.asp-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.asp-card{aspect-ratio:4/3;background:#0000;border-radius:18px;box-shadow:none;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.asp-card:hover{box-shadow:0 10px 24px #0f172a40;transform:translateY(-4px)}.asp-card-image{background:#111827;height:100%;width:100%}.asp-image{border-radius:18px;height:100%;object-fit:cover;width:100%}.asp-image-fallback{background:#e5e7eb;font-size:40px}.asp-card-icon,.asp-image-fallback{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.asp-card-icon{background:#d4d4d8;color:#fff;font-size:48px}.asp-card-lock-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:6px;font-size:12px;padding:3px 7px;position:absolute;right:8px;top:8px;z-index:2}.asp-card-info{background:linear-gradient(0deg,#000c,#0000);bottom:0;color:#fff;left:0;opacity:0;padding:10px 12px;position:absolute;right:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}.asp-card:hover .asp-card-info{opacity:1;transform:translateY(0)}.asp-card-name{font-size:12px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asp-card-size{font-size:11px;opacity:.9}.asp-empty{align-items:center;color:#6b7280;display:flex;font-size:14px;height:100%;justify-content:center}.asp-footer{background:#f7f4ff;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:10px 20px 12px}.asp-close,.asp-reload,.asp-upload{border-radius:5px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s ease;white-space:nowrap}.asp-close,.asp-reload{background:#fff;border:1px solid #e5e7eb;color:#374151}.asp-close:hover,.asp-reload:hover{background:#f3f4f6}.asp-upload{background:linear-gradient(135deg,#a855f7,#6366f1);border:none;box-shadow:0 8px 20px #818cf880;color:#fff}.asp-upload:hover:not(:disabled){box-shadow:0 12px 26px #818cf8bf;transform:translateY(-1px)}.asp-upload:disabled{cursor:not-allowed;opacity:.5}.swal-high-z{z-index:99999!important}@media (max-width:768px){.asp-modal{height:90vh;width:95vw}.asp-header{align-items:stretch;flex-direction:column}.asp-search{margin-left:0;width:100%}.asp-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.asp-footer{justify-content:center}}@media (max-width:480px){.asp-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}[data-theme=dark] .asp-overlay{background:#0f172ab3!important}[data-theme=dark] .asp-modal{background:#020617!important;border:1px solid #1f2937;box-shadow:0 24px 80px #0f172ae6;color:#e5e7eb}[data-theme=dark] .asp-header{background:#020617}[data-theme=dark] .asp-tab{background:#020617;border-color:#1f2937;color:#cbd5f5}[data-theme=dark] .asp-tab.active{background:linear-gradient(135deg,#a855f7,#6366f1);border-color:#0000;color:#f9fafb}[data-theme=dark] .asp-search{background:#020617;border-color:#1f2937;color:#e5e7eb}[data-theme=dark] .asp-search::placeholder{color:#6b7280}[data-theme=dark] .asp-body{background:#020617}[data-theme=dark] .asp-card{box-shadow:0 1px 4px #0f172acc}[data-theme=dark] .asp-card-image{background:#020617}[data-theme=dark] .asp-card-icon,[data-theme=dark] .asp-image-fallback{background:#0f172a;color:#e5e7eb}[data-theme=dark] .asp-card-info{color:#f9fafb}[data-theme=dark] .asp-empty{color:#9ca3af}[data-theme=dark] .asp-footer{background:#020617;border-top:1px solid #1f2937}[data-theme=dark] .asp-close,[data-theme=dark] .asp-reload{background:#020617;border-color:#1f2937;color:#e5e7eb}[data-theme=dark] .asp-close:hover,[data-theme=dark] .asp-reload:hover{background:#111827}[data-theme=dark] .asp-upload{background:linear-gradient(135deg,#a855f7,#6366f1);border:none;color:#f9fafb}[data-theme=dark] .asp-upload:hover:not(:disabled){box-shadow:0 8px 22px #818cf8cc}.chat-sidebar{background:linear-gradient(180deg,#fff,#f8f9ff);border-right:none;box-shadow:4px 0 20px #667eea26;display:flex;flex-direction:column;overflow:hidden;width:340px}.chat-sidebar-header{background:linear-gradient(135deg,#f5f8ff,#eef2ff 45%,#e0f2fe);color:#fff;padding:20px 16px}.immortality-branding{margin-bottom:8px}.immortality-logo{animation:glow 2s ease-in-out infinite alternate;color:#fff;font-size:20px;font-weight:800;letter-spacing:2px;text-shadow:2px 2px 4px #0003;text-transform:uppercase}@keyframes glow{0%{text-shadow:2px 2px 4px #0003}to{text-shadow:2px 2px 8px #fff6}}.chat-sidebar-header h2{color:#000;font-size:20px;font-weight:600;margin:0}.search-bar-container{background:linear-gradient(135deg,#f5f8ff,#eef2ff 45%,#e0f2fe);padding:12px 16px}.search-input-wrapper{align-items:center;display:flex;gap:8px;position:relative}.search-icon{color:#667eea;left:12px;position:absolute}.search-input{background:#fff;border:2px solid #0000;border-radius:25px;box-shadow:0 4px 12px #00000014;font-size:14px;padding:12px 12px 12px 40px;transition:all .3s ease;width:100%}.search-input:focus{background:#fff;border-color:#f093fb;box-shadow:0 4px 20px #f093fb4d;outline:none}.search-clear-btn{background:none;border:none;color:#999;cursor:pointer;font-size:16px;position:absolute;right:12px;transition:transform .2s ease}.search-clear-btn:hover{color:#667eea;transform:scale(1.2)}.chat-list{background:#fff;flex:1 1;overflow-y:auto;padding:8px 0}.no-chats,.no-results{color:#999;padding:20px;text-align:center}.no-results-subtitle{color:#999;display:block;font-size:12px;margin-top:4px}.section-divider{background:linear-gradient(135deg,#f8f9ff,#e8ecff);color:#667eea;font-size:12px;font-weight:700;letter-spacing:1px;padding:12px 16px;text-transform:uppercase}.chat-item{border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;gap:12px;padding:12px 16px;position:relative;transition:all .3s ease}.chat-item:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;position:absolute;top:0;transition:width .3s ease;width:0}.chat-item:hover{background:linear-gradient(90deg,#667eea0d,#f093fb0d);transform:translateX(5px)}.chat-item:hover:before{width:4px}.chat-item.active{background:linear-gradient(90deg,#667eea1f,#f093fb1f);border-radius:12px;box-shadow:0 4px 12px #667eea33}.chat-item.active:before{border-radius:0 4px 4px 0;width:4px}.chat-item-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:50px;justify-content:center;overflow:hidden;position:relative;width:50px}.chat-item-avatar .avatar-image{height:100%;object-fit:cover;width:100%}.direct-badge{bottom:-2px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:14px;position:absolute;right:-2px}.chat-item-info{flex:1 1;min-width:0}.chat-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.family-group-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:15px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:12px;box-shadow:0 2px 8px #ff6b6b66;color:#fff;flex-shrink:0;font-size:11px;font-weight:700;margin-left:8px;padding:3px 9px}.chat-item-description{color:#666;font-size:13px;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-footer{align-items:center;display:flex;font-size:12px;justify-content:space-between}.chat-item-members{color:#999}.chat-item-time{color:#667eea;font-weight:600}.direct-indicator{color:#000c;font-size:12px;font-weight:400}.member-item{border-bottom:1px solid #f5f5f5}.member-avatar{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb)}.member-info h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:700;margin:0 0 4px;text-align:left}.member-status{color:#999;display:block;font-size:11px;margin-top:4px}@media (max-width:768px){.chat-sidebar{width:280px}}.sidebar-starred-bar{background:#ffd7001f;color:#8b5b00;font-size:12px;margin:4px 16px 6px;padding:6px 12px;transition:background .18s ease,transform .1s ease,box-shadow .18s ease}.sidebar-starred-bar:hover{background:#ffd7002e;box-shadow:0 2px 8px #94a3b859}.sidebar-starred-count{font-weight:700}.sidebar-starred-bar{align-items:center;background:#fff9e6;border:1px solid #ffe3a3;border-radius:999px;color:#92400e;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;margin:6px 12px 4px;padding:6px 10px;transition:background .2s ease,box-shadow .2s ease,transform .1s ease}.sidebar-starred-bar:hover{background:#fffbeb;box-shadow:0 2px 6px #f8c47159;transform:translateY(-1px)}.sidebar-starred-left{align-items:center;display:flex;gap:6px}.sidebar-starred-icon{font-size:14px}.sidebar-starred-count{align-items:center;background:#facc15;border-radius:999px;color:#854d0e;display:inline-flex;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:20px}:root[data-theme=dark] .chat-sidebar{background:radial-gradient(circle at top,#020617 0,#020617 40%,#000 100%);box-shadow:4px 0 30px #0f172ad9}:root[data-theme=dark] .chat-sidebar-header{background:linear-gradient(135deg,#020617,#111827 40%,#4f46e5);color:#e5e7eb}:root[data-theme=dark] .immortality-logo{color:#e5e7eb;text-shadow:0 0 16px #818cf8cc}:root[data-theme=dark] .chat-sidebar-header h2{color:#e5e7eb}:root[data-theme=dark] .search-bar-container{background:linear-gradient(135deg,#020617,#111827 60%,#1e1b4b)}:root[data-theme=dark] .search-input-wrapper .search-icon{color:#a5b4fc}:root[data-theme=dark] .search-input{background:#020617;border-color:#94a3b84d;box-shadow:0 6px 18px #0f172ae6;color:#e5e7eb}:root[data-theme=dark] .search-input::placeholder{color:#6b7280}:root[data-theme=dark] .search-input:focus{background:#020617;border-color:#a855f7;box-shadow:0 8px 24px #4f46e5b3}:root[data-theme=dark] .search-clear-btn{color:#9ca3af}:root[data-theme=dark] .search-clear-btn:hover{color:#a5b4fc}:root[data-theme=dark] .chat-list{background:radial-gradient(circle at top,#020617 0,#020617 40%,#020617 100%)}:root[data-theme=dark] .no-chats,:root[data-theme=dark] .no-results{color:#9ca3af}:root[data-theme=dark] .no-results-subtitle{color:#6b7280}:root[data-theme=dark] .section-divider{background:linear-gradient(135deg,#020617,#111827 60%);color:#a5b4fc}:root[data-theme=dark] .chat-item{border-bottom:1px solid #1e40af73}:root[data-theme=dark] .chat-item:before{background:linear-gradient(135deg,#4f46e5,#7c3aed)}:root[data-theme=dark] .chat-item:hover{background:radial-gradient(circle at left,#4f46e52e,#0000 60%);transform:translateX(5px)}:root[data-theme=dark] .chat-item.active{background:radial-gradient(circle at left,#4f46e552,#0f172ae6);border-radius:12px;box-shadow:0 10px 26px #0f172af2}:root[data-theme=dark] .chat-item-avatar{background:linear-gradient(135deg,#4f46e5,#7c3aed,#f97316);border-color:#020617;box-shadow:0 6px 20px #0f172ae6}:root[data-theme=dark] .family-group-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e5e7eb,#c4b5fd);-webkit-background-clip:text;background-clip:text}:root[data-theme=dark] .chat-item-description{color:#9ca3af}:root[data-theme=dark] .chat-item-members{color:#6b7280}:root[data-theme=dark] .chat-item-time{color:#fde68a}:root[data-theme=dark] .unread-badge{background:linear-gradient(135deg,#f97316,#ef4444);box-shadow:0 4px 16px #f87171cc;color:#0b1120}:root[data-theme=dark] .member-item{border-bottom:1px solid #1e40af73}:root[data-theme=dark] .member-info h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e5e7eb,#c4b5fd);-webkit-background-clip:text;background-clip:text}:root[data-theme=dark] .member-status{color:#6b7280}:root[data-theme=dark] .sidebar-starred-bar{background:radial-gradient(circle at left,#312e81 0,#1e293b 60%);border:1px solid #facc15b3;box-shadow:0 4px 14px #0f172ae6;color:#fef3c7}:root[data-theme=dark] .sidebar-starred-bar:hover{background:radial-gradient(circle at left,#3730a3 0,#111827 70%);box-shadow:0 6px 18px #0f172af2}:root[data-theme=dark] .sidebar-starred-count{background:#facc15;color:#422006}.chat-header{align-items:center;background:linear-gradient(135deg,#f5f8ff,#eef2ff 45%,#e0f2fe);border-bottom:1px solid #e5e7eb;box-shadow:0 3px 10px #0f172a14;display:flex;padding:18px 28px}.chat-header-info{display:flex;flex:1 1;flex-direction:column}.chat-header-title{align-items:center;display:flex;gap:16px}.chat-header-avatar{align-items:center;background:#fff;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 10px #0f172a2e;display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;position:relative;width:56px}.chat-header-avatar img{height:100%;object-fit:cover;width:100%}.chat-header-avatar span{align-items:center;color:#5b21b6;display:flex;font-size:24px;font-weight:700;justify-content:center}.edit-profile-btn{background:#fff;border:none;border-radius:50%;bottom:-6px;box-shadow:0 2px 6px #0f172a40;cursor:pointer;font-size:14px;padding:5px;position:absolute;right:-6px;transition:.2s ease}.edit-profile-btn:hover{transform:scale(1.1)}.chat-header-text{align-items:center;display:flex;gap:10px}.chat-header-text h2{color:#111827;font-size:24px;font-weight:700;letter-spacing:.4px;margin:0;text-shadow:none}.edit-chat-name-btn{background:#0000;border:none;color:#6b7280;cursor:pointer;margin-top:2px;transition:.2s}.edit-chat-name-btn:hover{color:#4f46e5;transform:scale(1.15)}.chat-header-info p{color:#6b7280;font-size:14px;font-weight:500;letter-spacing:.2px;margin:6px 0 0 72px}.connection-status{color:#16a34a;font-weight:600}.connection-status.disconnected{color:#ef4444;font-weight:700;margin-left:6px}:root[data-theme=dark] .chat-header{background:radial-gradient(circle at 0 0,#38bdf82e,#0000 40%),radial-gradient(circle at 100% 100%,#a855f73d,#0000 40%),linear-gradient(135deg,#020617,#020617 45%,#020617);border-bottom:1px solid #94a3b859;box-shadow:0 10px 30px #000000e6}:root[data-theme=dark] .chat-header-text h2{color:#f9fafb;text-shadow:0 2px 8px #000000b3}:root[data-theme=dark] .chat-header-info p{color:#d1d5dbf5}:root[data-theme=dark] .chat-header-avatar{background:#020617;border-color:#e5e7eb;box-shadow:0 6px 18px #000000b3}:root[data-theme=dark] .chat-header-avatar span{color:#a855f7}:root[data-theme=dark] .edit-profile-btn{background:#020617;border:1px solid #1f2937;color:#e5e7eb}:root[data-theme=dark] .edit-chat-name-btn{color:#e5e7eb}:root[data-theme=dark] .connection-status.disconnected{color:#fb7171}.poll-container{background:linear-gradient(135deg,#414141,#363636);border-radius:12px;color:#fff;margin:8px 0;max-width:400px;min-width:250px;padding:16px}.poll-question{align-items:center;display:flex;gap:10px;margin-bottom:16px}.poll-icon{font-size:24px}.poll-question h3{font-size:16px;font-weight:600;margin:0}.poll-options{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.poll-option{background:#ffffff26;border:2px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;padding:12px;text-align:left;transition:all .3s ease}.poll-option:hover{background:#ffffff40;transform:translateX(4px)}.poll-option.voted{background:#ffffff4d;border-color:#4ade80}.option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.option-text{font-size:14px;font-weight:500}.option-votes{background:#fff3;border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.progress-bar{background:#fff3;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{background:#fffc;transition:width .3s ease}.option-footer{align-items:center;display:flex;font-size:12px;justify-content:space-between}.vote-count{color:#fffc}.voted-badge{background:#4ade80;border-radius:4px;font-weight:600;padding:2px 8px}.poll-footer{align-items:center;border-top:1px solid #fff3;color:#fffc;display:flex;font-size:12px;justify-content:space-between;padding-top:8px}.total-votes{font-weight:600}.poll-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.poll-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;margin:0 16px;max-height:80vh;max-width:500px;overflow-y:auto;width:100%}.poll-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px}.poll-modal-header h2{font-size:18px;margin:0}.close-btn{background:none;color:#666;font-size:24px}.poll-modal-content{padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#333}.form-group input[type=text]{border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px;width:100%}.char-count{color:#999;display:block;font-size:12px;margin-top:4px;text-align:right}.options-list{display:flex;flex-direction:column;gap:10px}.option-input-group{align-items:center;display:flex;gap:10px}.option-input-group input{flex:1 1}.remove-option-btn{background:#ff6b6b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;height:36px;transition:all .2s ease;width:36px}.remove-option-btn:hover{background:#ff5252}.add-option-btn{background:none;border:2px dashed #8b45ff;border-radius:8px;color:#8b45ff;cursor:pointer;font-weight:600;margin-top:10px;padding:10px}.add-option-btn:hover{background:#8b45ff1a}.form-group.checkbox,.form-group.checkbox label{align-items:center;display:flex}.form-group.checkbox label{gap:10px;margin:0}.form-group.checkbox input{cursor:pointer;height:18px;margin:0;width:18px}.poll-modal-footer{background:#f9f9f9;border-top:1px solid #e0e0e0;display:flex;gap:10px;padding:16px}.cancel-btn,.create-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s ease}.cancel-btn{background:#e0e0e0;color:#333}.cancel-btn:hover{background:#d0d0d0}.create-btn{background:#8b45ff;color:#fff}.create-btn:hover{background:#7a3ae8}.create-btn:disabled{cursor:not-allowed;opacity:.5}.poll-option.disabled{cursor:default;opacity:.7;transform:none}.poll-option.disabled:hover{background:#ffffff26}.expired-badge{background:#ef4444;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.poll-footer-right{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.poll-expiry-label{font-size:11px;opacity:.9}.poll-expiry-label.expired{color:#fecaca}[data-theme=dark] .poll-container{background:radial-gradient(circle at top left,#000,#020617 55%,#000);border:1px solid #1f2937;border-radius:14px;color:#e5e7eb}[data-theme=dark] .poll-option{background:#0f172acc;border-color:#94a3b873;color:#e5e7eb}[data-theme=dark] .poll-option:hover{background:#1e40af66}[data-theme=dark] .poll-option.voted{background:#16a34a40;border-color:#22c55e}[data-theme=dark] .progress-bar{background:#0f172acc}[data-theme=dark] .progress-fill{background:linear-gradient(90deg,#22c55e,#4ade80)}[data-theme=dark] .vote-count{color:#e2e8f0d9}[data-theme=dark] .voted-badge{background:#22c55e;color:#052e16}[data-theme=dark] .poll-footer{border-top-color:#1e40af99;color:#e2e8f0cc}[data-theme=dark] .poll-expiry-label{color:#cbd5f5}[data-theme=dark] .poll-expiry-label.expired{color:#fecaca}[data-theme=dark] .poll-modal-overlay{background:#0f172abf}[data-theme=dark] .poll-modal{background:#020617;border:1px solid #1f2937;border-radius:20px;box-shadow:0 24px 80px #000000e6;color:#e5e7eb}[data-theme=dark] .poll-modal-header{background:#020617;border-bottom:1px solid #1f2937}[data-theme=dark] .poll-modal-header h2{color:#e5e7eb}[data-theme=dark] .poll-modal-header .close-btn{color:#9ca3af}[data-theme=dark] .poll-modal-header .close-btn:hover{background:#020617;color:#f9fafb}[data-theme=dark] .poll-modal-content{background:#020617}[data-theme=dark] .poll-modal-content .form-group label{color:#e5e7eb}[data-theme=dark] .poll-modal-content input[type=text]{background:#020617;border-color:#1f2937;color:#e5e7eb}[data-theme=dark] .poll-modal-content input[type=text]::placeholder{color:#64748b}[data-theme=dark] .poll-modal-content input[type=text]:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf659}[data-theme=dark] .poll-modal-content .char-count{color:#9ca3af}[data-theme=dark] .poll-modal-content .remove-option-btn{background:#ef4444}[data-theme=dark] .poll-modal-content .remove-option-btn:hover{background:#b91c1c}[data-theme=dark] .poll-modal-content .add-option-btn{border-color:#8b5cf6;color:#c4b5fd}[data-theme=dark] .poll-modal-content .add-option-btn:hover{background:#8b5cf626}[data-theme=dark] .poll-modal-content .form-group.checkbox label{color:#e5e7eb}[data-theme=dark] .poll-modal-content .form-group.checkbox input{accent-color:#8b5cf6}[data-theme=dark] .poll-modal-footer{background:#020617;border-top:1px solid #1f2937}[data-theme=dark] .poll-modal-footer .cancel-btn{background:#111827;color:#e5e7eb}[data-theme=dark] .poll-modal-footer .cancel-btn:hover{background:#020617}[data-theme=dark] .poll-modal-footer .create-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#f9fafb}[data-theme=dark] .poll-modal-footer .create-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#4f46e5)}[data-theme=dark] .poll-modal-footer .create-btn:disabled{cursor:not-allowed;opacity:.6}.message-actions-container{align-items:center;display:flex;opacity:0;position:relative;transition:opacity .2s ease,visibility .2s ease;visibility:hidden}.message:hover .message-actions-container{opacity:1;visibility:visible}.message-menu-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;height:28px;justify-content:center;padding:4px;transition:all .2s ease;width:28px}.message-menu-btn:hover{background:#8b45ff1a;color:#8b45ff}.message-menu-btn:disabled{cursor:not-allowed;opacity:.5}.message-menu-btn:active{transform:scale(.95)}.message-menu-overlay{background:#0000;inset:0;position:fixed;z-index:99998}.message-menu-dropdown.fixed{animation:slideUp .15s ease;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 24px #0000002e;left:0;max-width:260px;min-width:200px;overflow:hidden;position:fixed!important;top:0;z-index:99999}.menu-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;font-size:13px;gap:12px;padding:10px 16px;text-align:left;transition:background .2s ease;width:100%}.menu-item:hover{background:#f5f5f5}.menu-item:disabled{cursor:not-allowed;opacity:.6}.menu-item:active{background:#e8e8e8}.menu-item.info-item{color:#8b45ff;font-weight:600}.menu-item.info-item:hover{background:#8b45ff1a}.menu-item.delete-item{color:#ff6b6b}.menu-item.delete-item:hover{background:#ff6b6b1a}.menu-item.report-item{color:#ff3b30}.menu-item.report-item:hover{background:#ff3b301a}.menu-item.react-item{color:#ff9500}.menu-icon{font-size:16px;min-width:20px;text-align:center}.menu-text{flex:1 1;white-space:nowrap}.menu-divider{background:#f0f0f0;height:1px;margin:4px 0}.message{position:relative;transition:background-color .2s ease}.message:hover{background-color:#8b45ff05}@media (max-width:768px){.message-menu-dropdown.fixed{max-width:220px;min-width:180px}.menu-item{font-size:12px;padding:8px 12px}}.react-item-wrapper{position:relative}.reaction-picker{background:#0000000a;border-radius:999px;display:flex;gap:6px;margin-top:6px;padding:4px 6px}.reaction-option{background:#0000;border:none;cursor:pointer;font-size:16px;line-height:1;padding:3px;transition:transform .1s ease}.reaction-option:hover{transform:scale(1.1)}[data-theme=dark] .message-menu-overlay{background:#0f172aa6}[data-theme=dark] .message-menu-btn{color:#9ca3af}[data-theme=dark] .message-menu-btn:hover{background:#8b5cf62e;color:#e5e7eb}[data-theme=dark] .message-menu-dropdown.fixed{background:#020617;border-color:#1f2937;box-shadow:0 18px 45px #0f172ad9}[data-theme=dark] .menu-item{color:#e5e7eb}[data-theme=dark] .menu-item:hover{background:#0b1120}[data-theme=dark] .menu-item:active{background:#020617}[data-theme=dark] .menu-item.info-item{color:#a855f7}[data-theme=dark] .menu-item.info-item:hover{background:#a855f729}[data-theme=dark] .menu-item.delete-item{color:#f97373}[data-theme=dark] .menu-item.delete-item:hover{background:#f8717129}[data-theme=dark] .menu-item.report-item{color:#fb7185}[data-theme=dark] .menu-item.report-item:hover{background:#f8717129}[data-theme=dark] .menu-item.react-item{color:#fdba74}[data-theme=dark] .menu-divider{background:#1f2937}[data-theme=dark] .message:hover{background-color:#0f172aa6}[data-theme=dark] .reaction-picker{background:#0f172ae6}[data-theme=dark] .reaction-option{color:#f9fafb}.chat-messages{background:linear-gradient(180deg,#f8f9ff,#fff 50%,#f8f9ff);display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.message-date-divider{align-items:center;display:flex;gap:12px;justify-content:center;margin:12px 0}.message-date-divider span{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 4px 12px #667eea4d;color:#fff;font-size:12px;font-weight:600;padding:6px 16px}.message{align-items:flex-end;animation:slideIn .4s ease;display:flex;gap:10px}.message.own-message{flex-direction:row-reverse}.message-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border:2px solid #fff;border-radius:50%;box-shadow:0 4px 8px #667eea4d;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.message-content{display:flex;flex-direction:column;gap:4px;max-width:400px}.message-sender{color:#667eea;font-size:12px;font-weight:700}.message-bubble{word-wrap:break-word;background:linear-gradient(135deg,#fff,#f8f9ff);border:1px solid #667eea1a;border-radius:18px;box-shadow:0 4px 12px #00000014;color:#333;font-size:14px;line-height:1.5;padding:12px 16px}.own-message .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 12px #667eea66;color:#fff}.message-bubble p{font-size:15px;margin:0}.message.anonymous-message .message-avatar{animation:anonymousGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea80}@keyframes anonymousGlow{0%,to{box-shadow:0 4px 12px #667eea80}50%{box-shadow:0 4px 20px #764ba2b3}}.message.anonymous-message .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 16px #667eea66;color:#fff}.anonymous-badge{align-items:center;background:#ffffff40;border-radius:10px;display:inline-flex;font-size:13px;margin-left:6px;opacity:.9;padding:2px 8px}.message-file{align-items:center;background:linear-gradient(135deg,#667eea1a,#f093fb1a);border:2px solid #667eea33;border-radius:14px;display:flex;gap:12px;min-width:200px;padding:14px}.file-icon{color:#667eea;flex-shrink:0;font-size:28px}.media-message{gap:8px}.message-image,.message-video{border:3px solid #0000;border-radius:12px;box-shadow:0 4px 12px #00000026;cursor:pointer;max-height:280px;max-width:280px;transition:all .3s ease}.message-image:hover,.message-video:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea4d;transform:scale(1.02)}.lightbox-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.lightbox-content{animation:zoomIn .4s ease;max-height:90vh;max-width:90vw;position:relative}.lightbox-content img{border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:100%;max-width:100%}.lightbox-close{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:50%;box-shadow:0 4px 12px #ff6b6b66;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:0;top:-50px;transition:all .3s ease;width:40px}.lightbox-close:hover{box-shadow:0 4px 20px #ff6b6b99;transform:scale(1.1)}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.message-actions{display:flex;gap:6px;opacity:0;transition:opacity .3s ease}.message:hover .message-actions{opacity:1}.message-action-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 8px #667eea4d;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .3s ease}.message-action-btn:hover{box-shadow:0 4px 12px #667eea80;transform:translateY(-2px)}.message-time{color:#999;font-size:11px}.message-status-icon{font-size:12px;font-weight:700;transition:all .3s ease}.message-status-icon.delivered,.message-status-icon.sent{color:#999}.message-status-icon.seen{color:#667eea;font-weight:700;text-shadow:0 0 8px #667eea80}.own-message .message-status-icon.delivered,.own-message .message-status-icon.sent{color:#ffffffb3}.own-message .message-status-icon.seen{color:#fff;text-shadow:0 0 8px #ffffff80}.file-download-link{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 8px #667eea4d;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;text-decoration:none;transition:all .3s ease;width:36px}.file-download-link:hover{box-shadow:0 4px 12px #667eea80;transform:scale(1.1)}.own-message .file-download-link{background:#fff;color:#667eea}.file-info{flex:1 1}.file-name{color:#333;font-size:14px;font-weight:700;margin:0}.file-size{color:#999;font-size:11px;margin:2px 0 0}.own-message .file-size{color:#fffc}.own-message .file-name{color:#fff}.media-caption{color:#333;font-size:13px;margin:0}.own-message .media-caption{color:#fff}.message-edited{color:#999;font-size:11px;font-style:italic;margin-left:4px}.own-message .message-edited{color:#ffffffb3}.message-sending{color:#999;font-size:11px;font-style:italic}.message-footer{font-size:12px;gap:6px}.message-footer,.no-messages{align-items:center;display:flex}.no-messages{color:#999;flex:1 1;flex-direction:column;gap:12px;justify-content:center}.no-messages p{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;margin:0}.no-messages-subtitle{color:#ccc;font-size:14px}@media (max-width:768px){.message-content{max-width:280px}}@media (max-width:380px){.message-content{max-width:220px}}.media-message{align-items:flex-start;display:flex;flex-direction:column}.message-image{border-radius:14px;box-shadow:0 6px 16px #00000026;height:auto;margin-top:6px;max-width:100%;object-fit:cover;width:auto}.message-image.small{background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #b79df6;border-radius:18px;box-shadow:0 10px 25px #667eea59;max-width:330px;padding:10px}.message-bubble.image-wrapper{background:none!important;border:none!important;box-shadow:none!important;padding:0!important}.avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.message-reply-preview{display:flex;margin-bottom:4px;width:100%}.own-message .message-reply-preview{justify-content:flex-end}.reply-preview-box{align-items:stretch;border-radius:10px;display:flex;max-width:80%;overflow:hidden}.message:not(.own-message) .reply-preview-box{background:#0000000a}.own-message .reply-preview-box{background:#0000002e}.reply-preview-bar{background:linear-gradient(135deg,#4543e2,#553cdf);width:4px}.reply-preview-content{display:flex;flex-direction:column;gap:2px;padding:6px 10px}.reply-sender{font-size:11px;font-weight:600;margin:0}.message:not(.own-message) .reply-sender{color:#000}.own-message .reply-sender{color:#4c30e3}.reply-text{font-size:12px;max-width:220px}.message:not(.own-message) .reply-text{color:#444}.own-message .reply-text{color:#000}@media (max-width:480px){.reply-preview-box{max-width:90%}.reply-text{max-width:180px}}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction-chip{align-items:center;background:#0000000a;border-radius:14px;cursor:default;display:inline-flex;font-size:11px;gap:3px;padding:2px 6px}.reaction-chip .reaction-emoji{font-size:13px}.reaction-chip .reaction-count{font-weight:600;opacity:.8}.reaction-chip.own-reaction{background:#667eea29;border:1px solid #667eea80}.message-anonymous-self{color:#94a3b8;font-size:11px;font-style:italic;margin-left:8px}.mention-tag{border-radius:999px;color:#73beff;display:inline-block;font-size:.9em;font-weight:600;margin:0 1px;padding:1px 6px}.mention-tag-me{background:#fb923c2e;color:#c2410c}.chat-event-card{background:linear-gradient(135deg,#8b5cf614,#38bdf814);border:1px solid #94a3b880;border-radius:14px;cursor:pointer;padding:10px 12px;transition:transform .12s ease,box-shadow .12s ease}.chat-event-card:hover{box-shadow:0 10px 22px #0f172a4d;transform:translateY(-1px)}.chat-event-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.chat-event-pill{background:#0f172acc;border-radius:999px;color:#e5e7eb;font-size:11px;padding:3px 8px}.chat-event-date{color:#94a3b8;font-size:11px}.chat-event-title{color:#e5e7eb;font-size:14px;font-weight:600;margin-bottom:2px}.chat-event-desc,.chat-event-location{color:#cbd5f5;font-size:12px}.chat-event-desc{margin-top:4px}.chat-event-footer{color:#a5b4fc;font-size:11px;margin-top:6px}:root[data-theme=dark] .chat-messages{background:radial-gradient(circle at top,#111827 0,#020617 40%,#020617 100%)}:root[data-theme=dark] .message-date-divider span{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 16px #0f172ae6}:root[data-theme=dark] .message-sender{color:#a5b4fc}:root[data-theme=dark] .message-bubble{background:radial-gradient(circle at top left,#111827 0,#020617 60%);border:1px solid #94a3b873;box-shadow:0 8px 24px #0f172ae6;color:#e5e7eb}:root[data-theme=dark] .own-message .message-bubble{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#f9fafb}:root[data-theme=dark] .message.anonymous-message .message-bubble{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 10px 28px #581c87e6;color:#f9fafb}:root[data-theme=dark] .message.anonymous-message .message-avatar{box-shadow:0 6px 18px #818cf8e6}:root[data-theme=dark] .anonymous-badge{background:#0f172a99;color:#e5e7eb}:root[data-theme=dark] .message-file{background:linear-gradient(135deg,#4f46e540,#9333ea40);border-color:#818cf8b3}:root[data-theme=dark] .file-icon{color:#a5b4fc}:root[data-theme=dark] .file-name{color:#e5e7eb}:root[data-theme=dark] .file-size{color:#9ca3af}:root[data-theme=dark] .own-message .file-size{color:#f9fafbd9}:root[data-theme=dark] .message-image,:root[data-theme=dark] .message-video{border-color:#818cf8cc;box-shadow:0 10px 30px #0f172af2}:root[data-theme=dark] .message-image.small{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#c4b5fd;box-shadow:0 14px 36px #4f46e5e6}:root[data-theme=dark] .lightbox-overlay{background:radial-gradient(circle at top,#0f172afa,#0f172afa)}:root[data-theme=dark] .message-edited,:root[data-theme=dark] .message-sending,:root[data-theme=dark] .message-time{color:#9ca3af}:root[data-theme=dark] .own-message .message-edited{color:#e2e8f0cc}:root[data-theme=dark] .media-caption{color:#e5e7eb}:root[data-theme=dark] .own-message .media-caption{color:#f9fafb}:root[data-theme=dark] .message-status-icon.delivered,:root[data-theme=dark] .message-status-icon.sent{color:#9ca3af}:root[data-theme=dark] .message-status-icon.seen{color:#a5b4fc;text-shadow:0 0 10px #818cf8cc}:root[data-theme=dark] .file-download-link{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 6px 18px #0f172af2;color:#f9fafb}:root[data-theme=dark] .own-message .file-download-link{background:#f9fafb;color:#4f46e5}:root[data-theme=dark] .typing-indicator{color:#a5b4fc}:root[data-theme=dark] .no-messages{color:#9ca3af}:root[data-theme=dark] .no-messages p{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#6366f1);-webkit-background-clip:text;background-clip:text}:root[data-theme=dark] .no-messages-subtitle{color:#6b7280}:root[data-theme=dark] .message:not(.own-message) .reply-preview-box,:root[data-theme=dark] .reply-preview-box{background:#0f172ae6}:root[data-theme=dark] .own-message .reply-preview-box{background:#00000040}:root[data-theme=dark] .reply-preview-bar{background:linear-gradient(135deg,#4f46e5,#7c3aed)}:root[data-theme=dark] .message:not(.own-message) .reply-sender{color:#e5e7eb}:root[data-theme=dark] .own-message .reply-sender{color:#c4b5fd}:root[data-theme=dark] .message:not(.own-message) .reply-text{color:#d1d5db}:root[data-theme=dark] .own-message .reply-text{color:#f9fafb}:root[data-theme=dark] .reaction-chip{background:#0f172ae6;color:#e5e7eb}:root[data-theme=dark] .reaction-chip.own-reaction{background:#4f46e54d;border-color:#818cf8e6}:root[data-theme=dark] .message-anonymous-self{color:#9ca3af}:root[data-theme=dark] .mention-tag{background:#2563eb33;color:#bfdbfe}:root[data-theme=dark] .mention-tag-me{background:#f9731640;color:#fed7aa}.chat-input-container{background:#0000;border-top:none;position:relative}.chat-input-form{padding:18px 20px}.chat-input-wrapper{background:#fff;border:2px solid #0000;border-radius:28px;box-shadow:0 8px 24px #667eea33;height:56px;padding-left:52px;padding-right:67px;position:relative;transition:all .3s ease}.chat-input-wrapper:focus-within{border-color:#667eea;box-shadow:0 8px 32px #667eea4d}.chat-input{background:#0000;border:0;color:#333;font-size:15px;outline:none;padding-top:15px;width:100%}.chat-input::placeholder{color:#b5b9c1}.chat-input-wrapper .emoji-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:0;border-radius:50%;box-shadow:0 4px 8px #667eea4d;cursor:pointer;display:flex;height:32px;justify-content:center;left:12px;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:32px}.chat-input-wrapper .emoji-btn:hover{box-shadow:0 4px 12px #667eea80;transform:translateY(-50%) scale(1.1)}.chat-input-wrapper .emoji-btn img{filter:brightness(0) invert(1);height:20px;width:20px}.chat-input-wrapper .file-menu-btn{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:50%;box-shadow:0 4px 8px #f093fb4d;color:#fff;display:flex;height:32px;justify-content:center;position:absolute;right:66px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:32px}.chat-input-wrapper .file-menu-btn:hover{box-shadow:0 4px 12px #f093fb80;transform:translateY(-50%) scale(1.1)}.media-btn{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:50%;box-shadow:0 4px 8px #f093fb4d;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:58px;top:50%;transform:translateY(-50%);transition:.2s ease;width:36px}.media-btn:hover{transform:translateY(-50%) scale(1.1)}.chat-input-wrapper .chat-send-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:999px;box-shadow:0 10px 20px #667eea66;color:#fff;display:flex;height:40px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px}.chat-send-btn:hover:not(:disabled){box-shadow:0 12px 24px #667eea73;filter:brightness(1.2);transform:translateY(-50%) translateX(-1px)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.5}.media-menu{animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border:2px solid #667eea;border-radius:16px;bottom:100%;box-shadow:0 8px 32px #667eea4d;display:flex;flex-direction:column;gap:4px;margin-bottom:8px;min-width:180px;padding:8px;position:absolute;right:0;z-index:100}.media-option{align-items:center;background:none;border:none;border-radius:12px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:12px 16px;text-align:left;transition:all .3s ease}.media-option:hover{background:linear-gradient(135deg,#667eea1a,#f093fb1a);transform:translateX(4px)}.media-option.photo:hover{background:linear-gradient(135deg,#ff6b6b26,#ee5a6f26)}.media-option.video:hover{background:linear-gradient(135deg,#4ecdc426,#55d09d26)}.media-option.audio:hover{background:linear-gradient(135deg,#ffa72626,#fbbc0526)}.media-option.document:hover{background:linear-gradient(135deg,#42a5f526,#3a86ff26)}.media-option.poll{color:#667eea;font-weight:700}.media-option.poll:hover{background:linear-gradient(135deg,#667eea33,#764ba233);box-shadow:0 4px 12px #667eea4d}.media-icon{font-size:22px;min-width:28px;text-align:center}.anonymous-checkbox-container{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#667eea1a,#f093fb1a);border-top:2px solid #667eea33;display:flex;justify-content:flex-end;order:-1;padding:12px 20px}.anonymous-checkbox{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;display:flex;gap:10px;padding:8px 12px;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:fit-content}.anonymous-checkbox:hover{background:linear-gradient(135deg,#667eea26,#764ba226);transform:scale(1.02)}.anonymous-checkbox input[type=checkbox]{accent-color:#667eea;border-radius:4px;cursor:pointer;height:20px;width:20px}.anonymous-label{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#495057;display:flex;font-size:14px;font-weight:600;gap:6px}.reply-input-preview{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#667eea14,#f093fb14);border-bottom:2px solid #667eea33;order:-2;padding:12px 20px}.reply-input-content{align-items:flex-start;background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;gap:12px;padding:14px}.reply-sender{color:#667eea;font-size:13px;font-weight:700;margin:0 0 4px}.reply-text{color:#666;font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-cancel-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:8px;box-shadow:0 4px 8px #ff6b6b4d;color:#fff;cursor:pointer;flex-shrink:0;font-size:16px;padding:6px 10px;transition:all .3s ease}.reply-cancel-btn:hover{box-shadow:0 4px 12px #ff6b6b80;transform:scale(1.1)}.file-preview{background:linear-gradient(135deg,#667eea0d,#f093fb0d);border-top:2px solid #667eea33;padding:12px 20px}.file-preview-item{align-items:center;background:#fff;border:2px solid #667eea33;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;gap:12px;padding:14px;position:relative}.preview-image,.preview-video{border:2px solid #667eea;border-radius:8px;max-height:80px;max-width:80px}.preview-icon{align-items:center;color:#667eea;display:flex;font-size:32px;justify-content:center;width:80px}.preview-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-size{color:#999;font-size:12px;margin:4px 0 0}.preview-remove{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:50%;box-shadow:0 4px 8px #ff6b6b4d;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.preview-remove:hover{box-shadow:0 4px 12px #ff6b6b80;transform:scale(1.1)}.preview-section{align-items:center;display:flex;flex-direction:column;gap:12px}.preview-filename{color:#666;font-size:12px;margin-top:8px}.profile-picture-upload{margin:20px 0;text-align:center}.upload-placeholder{background:linear-gradient(135deg,#667eea0d,#f093fb0d);border:3px dashed #667eea;border-radius:16px;cursor:pointer;font-size:16px;padding:40px 20px;transition:all .3s ease}.upload-placeholder:hover{background:linear-gradient(135deg,#667eea26,#f093fb26);border-color:#764ba2;transform:scale(1.02)}.profile-picture-preview{border:3px solid #667eea;border-radius:12px;box-shadow:0 8px 24px #667eea4d;margin-bottom:10px;max-height:200px;max-width:200px}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;font-weight:700;padding:12px 28px;transition:all .3s ease}.save-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.cancel-btn{background:linear-gradient(135deg,#f0f0f0,#e0e0e0);border-radius:12px;color:#666;font-weight:700;padding:12px 28px;transition:all .3s ease}.cancel-btn:hover{background:linear-gradient(135deg,#e0e0e0,#d0d0d0);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.edit-chat-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eea66;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1500}.edit-chat-modal{animation:slideUp .4s ease;background:#fff;background-clip:padding-box,border-box;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-origin:border-box;border:3px solid #0000;border-radius:20px;box-shadow:0 20px 60px #667eea66;max-width:450px;padding:32px;width:90%}.edit-chat-modal h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;margin:0 0 24px}.edit-chat-modal input{border:2px solid #e0e0e0;border-radius:12px;box-sizing:border-box;font-size:15px;margin-bottom:20px;padding:14px;transition:all .3s ease;width:100%}.edit-chat-modal input:focus{border-color:#667eea;box-shadow:0 4px 12px #667eea33;outline:none}@media (max-width:768px){.chat-input-form{padding:12px}.chat-input-wrapper{border-radius:25px;height:50px;padding-left:48px;padding-right:92px}.chat-input-wrapper .emoji-btn{height:28px;left:10px;width:28px}.chat-input-wrapper .emoji-btn img{height:18px;width:18px}.chat-input-wrapper .file-menu-btn{height:28px;right:58px;width:28px}.chat-input-wrapper .chat-send-btn{height:36px;right:8px;width:36px}}@media (max-width:380px){.chat-input-wrapper{height:46px;padding-left:44px;padding-right:84px}.chat-input{font-size:14px}}.selected-file-preview{display:inline-block;margin-bottom:8px;position:relative}.mention-dropdown{background:#fff;border-radius:12px;bottom:56px;box-shadow:0 10px 30px #00000026;left:16px;max-height:220px;overflow-y:auto;padding:6px 0;position:absolute;right:16px;z-index:20}.mention-item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:10px;padding:6px 12px;text-align:left;width:100%}.mention-item:hover{background:#f3f4ff}.mention-avatar-circle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:13px;font-weight:600;height:28px;justify-content:center;width:28px}.mention-text{font-size:14px;font-weight:500}.gif-preview{border:1px solid #ccc;border-radius:10px;height:auto;width:120px}.remove-file-btn{background:#ff3b30;height:24px;right:-8px;top:-8px;width:24px}:root[data-theme=dark] .chat-input-wrapper{background:#020617;border-color:#4f46e5d9;box-shadow:0 10px 30px #0f172af2}:root[data-theme=dark] .chat-input-wrapper:focus-within{border-color:#6366f1;box-shadow:0 14px 40px #4f46e5cc}:root[data-theme=dark] .chat-input{color:#e5e7eb}:root[data-theme=dark] .chat-input::placeholder{color:#6b7280}:root[data-theme=dark] .media-menu{background:#020617;border-color:#4f46e5;box-shadow:0 18px 45px #0f172af2}:root[data-theme=dark] .media-option{color:#e5e7eb}:root[data-theme=dark] .media-option:hover{background:linear-gradient(135deg,#4f46e566,#9333ea4d)}:root[data-theme=dark] .media-option.photo:hover{background:linear-gradient(135deg,#f871714d,#ef44444d)}:root[data-theme=dark] .media-option.video:hover{background:linear-gradient(135deg,#22c55e4d,#10b9814d)}:root[data-theme=dark] .media-option.audio:hover{background:linear-gradient(135deg,#eab30859,#f59e0b4d)}:root[data-theme=dark] .media-option.document:hover{background:linear-gradient(135deg,#3b82f659,#2563eb4d)}:root[data-theme=dark] .media-option.poll{color:#a5b4fc}:root[data-theme=dark] .anonymous-checkbox-container{background:linear-gradient(135deg,#4f46e52e,#9333ea2e);border-top-color:#4f46e566}:root[data-theme=dark] .anonymous-checkbox{background:#020617;box-shadow:0 6px 18px #0f172ae6}:root[data-theme=dark] .anonymous-label{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#6366f1);-webkit-background-clip:text}:root[data-theme=dark] .reply-input-preview{background:linear-gradient(135deg,#4f46e538,#9333ea38);border-bottom-color:#4f46e580}:root[data-theme=dark] .reply-input-content{background:#020617;box-shadow:0 6px 18px #0f172ae6}:root[data-theme=dark] .reply-sender{color:#a5b4fc}:root[data-theme=dark] .reply-text{color:#e5e7eb}:root[data-theme=dark] .file-preview{background:linear-gradient(135deg,#4f46e529,#9333ea29);border-top-color:#4f46e580}:root[data-theme=dark] .file-preview-item{background:#020617;border-color:#4f46e599;box-shadow:0 6px 18px #0f172ae6}:root[data-theme=dark] .preview-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a5b4fc,#c4b5fd);-webkit-background-clip:text}:root[data-theme=dark] .preview-filename,:root[data-theme=dark] .preview-size{color:#9ca3af}:root[data-theme=dark] .upload-placeholder{background:linear-gradient(135deg,#4f46e529,#9333ea29);border-color:#4f46e5}:root[data-theme=dark] .upload-placeholder:hover{background:linear-gradient(135deg,#4f46e54d,#9333ea4d);border-color:#6366f1}:root[data-theme=dark] .profile-picture-preview{border-color:#4f46e5;box-shadow:0 10px 30px #0f172af2}:root[data-theme=dark] .cancel-btn{background:linear-gradient(135deg,#111827,#020617);color:#e5e7eb}:root[data-theme=dark] .cancel-btn:hover{background:linear-gradient(135deg,#020617,#020617);box-shadow:0 6px 18px #000c}:root[data-theme=dark] .edit-chat-modal-overlay{background:#0f172abf}:root[data-theme=dark] .edit-chat-modal{background:#020617;background-image:linear-gradient(#020617,#020617),linear-gradient(135deg,#4f46e5,#a855f7,#ec4899);box-shadow:0 24px 70px #000000f2}:root[data-theme=dark] .edit-chat-modal input{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .edit-chat-modal input:focus{border-color:#4f46e5;box-shadow:0 6px 18px #4f46e580}:root[data-theme=dark] .mention-dropdown{background:#020617;box-shadow:0 18px 45px #000000e6}:root[data-theme=dark] .mention-item{color:#e5e7eb}:root[data-theme=dark] .mention-item:hover{background:#111827}:root[data-theme=dark] .mention-text{color:#e5e7eb}.typing-indicator{animation:fadeInTyping .3s ease-out;color:#667eea;font-size:13px;font-weight:600;gap:8px;padding:12px 20px}.typing-dots,.typing-indicator{align-items:center;display:flex}.typing-dots{gap:3px}.typing-dot{animation:typingBlink 1.4s ease-in-out infinite;background:#667eea;border-radius:50%;height:6px;opacity:.7;width:6px}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBlink{0%{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}to{opacity:.5;transform:translateY(0)}}@keyframes fadeInTyping{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}:root[data-theme=dark] .typing-indicator{color:#c7d2fe}:root[data-theme=dark] .typing-dot{background:#c7d2fe;box-shadow:0 0 8px #818cf8b3;opacity:.9}.empty-state{animation:fadeInEmpty .4s ease;background:linear-gradient(135deg,#667eea0d,#f093fb0d);flex:1 1;flex-direction:column;gap:18px;height:100%;padding:40px 20px;text-align:center}.empty-state,.empty-state-icon{align-items:center;display:flex;justify-content:center}.empty-state-icon{animation:iconFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:20px;box-shadow:0 6px 20px #667eea4d;color:#fff;font-size:40px;height:90px;width:90px}.empty-state-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;font-size:22px;font-weight:700;margin:0}.empty-state-subtitle{color:#999;font-size:14px;line-height:1.5;margin:0;max-width:260px}@keyframes fadeInEmpty{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}:root[data-theme=dark] .empty-state{background:radial-gradient(circle at top,#0f172af2 0,#0f172afa 45%,#020617 100%)}:root[data-theme=dark] .empty-state-icon{background:conic-gradient(from 180deg,#4f46e5,#7c3aed,#f97316,#4f46e5);box-shadow:0 10px 30px #0f172af2,0 0 30px #818cf899;color:#f9fafb}:root[data-theme=dark] .empty-state-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e5e7eb,#c4b5fd);-webkit-background-clip:text;background-clip:text}:root[data-theme=dark] .empty-state-subtitle{color:#9ca3af}.family-chats-container{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);display:flex;gap:0;height:92vh;position:relative}.socket-warning-banner{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);box-shadow:0 4px 12px #ff6b6b4d;color:#fff;display:flex;font-weight:600;justify-content:space-between;left:0;padding:12px 20px;position:fixed;right:0;top:0;z-index:1000}.socket-warning-banner button{background:#fff;border:none;border-radius:20px;color:#ff6b6b;cursor:pointer;font-weight:600;padding:8px 16px;transition:transform .2s ease}.socket-warning-banner button:hover{transform:scale(1.05)}.chat-main{background:linear-gradient(180deg,#fff,#f8f9ff)}.chat-main,.no-chat-selected{display:flex;flex:1 1;flex-direction:column}.no-chat-selected{align-items:center;background:linear-gradient(135deg,#667eea0d,#f093fb0d);color:#999;gap:16px;justify-content:center}.no-chat-selected h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700;margin:0}.family-chats-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);display:flex;flex-direction:column;gap:16px;height:100vh;justify-content:center}.spinner{border:5px solid #ffffff4d;border-top-color:#fff;box-shadow:0 4px 12px #0003;height:50px;width:50px}*{scrollbar-color:#667eea #667eea1a;scrollbar-width:thin}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#667eea0d}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.pinned-banner{align-items:center;background:#fff7d6;border-bottom:1px solid #0000000d;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 14px}.pinned-icon{font-size:16px}.pinned-content{align-items:flex-start;display:flex;flex-direction:column}.pinned-label{color:#b07a00;font-weight:600;margin-bottom:2px}.pinned-text{color:#333;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message.highlight-pinned .message-bubble{animation:pinnedHighlight 1.2s ease-out}@keyframes pinnedHighlight{0%{background-color:#fff9e0;box-shadow:0 0 0 #ffe69600}40%{background-color:#fff2bf;box-shadow:0 0 12px #ffc800b3}to{background-color:inherit;box-shadow:none}}.starred-bar{align-items:center;background:#ffd7001f;border-radius:999px;color:#8b5b00;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;margin:8px 16px 4px;padding:6px 12px;transition:background .15s ease,transform .1s ease}.starred-bar:hover{background:#ffd70033;transform:translateY(-1px)}.starred-bar-left{align-items:center;display:flex;gap:6px}.starred-bar-icon{font-size:14px}.starred-bar-count{font-size:12px;font-weight:600}.starred-modal-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.starred-modal{background:#fff;border-radius:16px;box-shadow:0 18px 45px #0f172a59;display:flex;flex-direction:column;max-height:70vh;overflow:hidden;width:360px}.starred-modal-header{align-items:center;border-bottom:1px solid #94a3b833;display:flex;justify-content:space-between;padding:12px 16px}.starred-modal-header h3{font-size:15px;font-weight:600;margin:0}.starred-modal-close{background:#0000;border:none;cursor:pointer;font-size:16px;padding:4px}.starred-modal-list{overflow-y:auto;padding:8px 12px 12px}.starred-item{border-radius:10px;cursor:pointer;margin-bottom:4px;padding:8px;transition:background .15s ease}.starred-item:hover{background:#94a3b826}.starred-item-meta{color:#64748b;display:flex;font-size:11px;justify-content:space-between;margin-bottom:3px}.starred-item-text{color:#0f172a;font-size:13px}.highlight-pinned{animation:highlightFade 1.2s ease-out}@keyframes highlightFade{0%{background-color:#facc1573}to{background-color:initial}}:root[data-theme=dark] .family-chats-container{background:radial-gradient(circle at 0 0,#1e293b 0,#020617 40%,#020617 100%)}:root[data-theme=dark] .chat-main{background:radial-gradient(circle at 0 0,#020617 0,#020617 45%,#020617 100%)}:root[data-theme=dark] .no-chat-selected{background:radial-gradient(circle at 0 0,#38bdf814,#0000 40%),radial-gradient(circle at 100% 100%,#a855f717,#0000 40%),#020617;color:#9ca3af}:root[data-theme=dark] .no-chat-selected h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;background-clip:text}:root[data-theme=dark] .family-chats-loading{background:radial-gradient(circle at 0 0,#020617 0,#111827 40%,#020617 100%)}:root[data-theme=dark] .spinner{border-color:#e5e7eb #94a3b866 #94a3b866}:root[data-theme=dark] .pinned-banner{background:#1e40af59;border-bottom:1px solid #0f172ae6}:root[data-theme=dark] .pinned-label{color:#facc15}:root[data-theme=dark] .pinned-text{color:#e5e7eb}:root[data-theme=dark] .starred-bar{background:#facc151f;color:#facc15}:root[data-theme=dark] .starred-bar:hover{background:#facc152e}:root[data-theme=dark] .starred-bar-count{color:#fcd34d}:root[data-theme=dark] .starred-modal-overlay{background:#020617b3}:root[data-theme=dark] .starred-modal{background:#020617;border:1px solid #1e40afb3;box-shadow:0 28px 80px #000000e6}:root[data-theme=dark] .starred-modal-header{border-bottom-color:#1e40afb3}:root[data-theme=dark] .starred-modal-header h3{color:#e5e7eb}:root[data-theme=dark] .starred-modal-close{color:#9ca3af}:root[data-theme=dark] .starred-modal-close:hover{color:#e5e7eb}:root[data-theme=dark] .starred-item{background:#0000}:root[data-theme=dark] .starred-item:hover{background:#1e40af52}:root[data-theme=dark] .starred-item-meta{color:#9ca3af}:root[data-theme=dark] .starred-item-text{color:#e5e7eb}:root[data-theme=dark] .highlight-pinned{animation:highlightFadeDark 1.2s ease-out}:root[data-theme=dark] .header-content h1{color:#fff}@keyframes highlightFadeDark{0%{background-color:#facc154d}to{background-color:initial}}:root[data-theme=dark] .socket-warning-banner{background:linear-gradient(135deg,#b91c1c,#ef4444);box-shadow:0 8px 24px #ef444480}:root[data-theme=dark] ::-webkit-scrollbar-track{background:#020617}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4f46e5,#7c3aed)}:root[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5)}.fi-left-sidebar{background:#fff;border-right:1px solid #e5e7eb;height:calc(100vh - 64px);left:64px;overflow-y:auto;padding:20px;position:fixed;top:64px;width:280px;z-index:20}.fi-profile-card{border-bottom:1px solid #e5e7eb;padding-bottom:20px;text-align:center}.fi-avatar-wrapper{display:inline-block;margin-bottom:15px;position:relative}.fi-profile-avatar{border:3px solid #8b5cf6;border-radius:50%;height:80px;object-fit:cover;width:80px}.fi-profile-avatar-initials{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;color:#fff;display:flex;font-size:28px;font-weight:700;height:80px;justify-content:center;width:80px}.fi-online-status{background:#10b981;border:2px solid #fff;border-radius:50%;bottom:5px;height:14px;position:absolute;right:5px;width:14px}.fi-profile-name{color:#111827;font-size:18px;font-weight:700;margin:0 0 5px}.fi-profile-location{color:#6b7280;font-size:14px;margin:0 0 15px;text-align:center}.fi-profile-stats{display:flex;justify-content:space-around;margin-top:15px}.fi-stat-block{text-align:center}.fi-stat-number{color:#111827;display:block;font-size:20px;font-weight:700}.fi-stat-label{color:#9ca3af;display:block;font-size:12px;margin-top:2px}.fi-sidebar-nav{display:flex;flex-direction:column;gap:5px;margin-top:20px}.fi-nav-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:15px;gap:12px;padding:12px 15px;position:relative;text-align:left;transition:all .2s;width:100%}.fi-nav-item:hover{background:#f3f4f6;color:#111827}.fi-nav-item.active{background:#8b5cf6;color:#fff}.fi-nav-item svg{flex-shrink:0}.fi-contacts-section{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.fi-contacts-section h3{color:#111827;font-size:14px;font-weight:600;margin:0 0 15px}.fi-contacts-list{display:flex;flex-direction:column;gap:12px}.fi-contact-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:background-color .2s ease}.fi-contact-item:hover{background-color:#7c3aed0d}.fi-contact-item img{border-radius:50%;height:40px;object-fit:cover;width:40px}.fi-contact-initials{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.fi-contact-info{flex:1 1;min-width:0}.fi-contact-info h4{color:#111827;font-size:13px;font-weight:600;margin:0 0 3px}.fi-contact-info p{color:#9ca3af;font-size:11px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fi-contact-action{background:none;border:none;color:#9ca3af;cursor:pointer;padding:5px}.fi-avatar-wrapper .fi-profile-avatar-initials.has-story,.fi-avatar-wrapper .fi-profile-avatar.has-story{border:3px solid #8b5cf6;box-shadow:0 0 0 2px #fff;padding:3px}.fi-story-count-badge{background:#8b5cf6;bottom:0;font-size:12px;font-weight:600;height:24px;right:0;width:24px;z-index:10}.fi-notification-badge,.fi-story-count-badge{align-items:center;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;justify-content:center;position:absolute}.fi-notification-badge{background:#ef4444;font-size:11px;font-weight:700;height:20px;right:8px;top:8px;width:20px}@media (max-width:1024px){.fi-left-sidebar{display:none}}:root[data-theme=dark] .fi-left-sidebar{background:radial-gradient(circle at 0 0,#020617 0,#020617 70%);border-right-color:#111827;color:#e5e7eb}:root[data-theme=dark] .fi-left-sidebar h1,:root[data-theme=dark] .fi-left-sidebar h2,:root[data-theme=dark] .fi-left-sidebar h3,:root[data-theme=dark] .fi-left-sidebar h4,:root[data-theme=dark] .fi-left-sidebar p,:root[data-theme=dark] .fi-left-sidebar span{color:#e5e7eb}:root[data-theme=dark] .fi-profile-card{border-bottom-color:#1f2937}:root[data-theme=dark] .fi-profile-name{color:#f9fafb}:root[data-theme=dark] .fi-profile-location{color:#9ca3af}:root[data-theme=dark] .fi-stat-number{color:#f9fafb}:root[data-theme=dark] .fi-stat-label{color:#9ca3af}:root[data-theme=dark] .fi-sidebar-nav{border-top-color:#1f2937}:root[data-theme=dark] .fi-nav-item{background:#0000;color:#e5e7ebd9}:root[data-theme=dark] .fi-nav-item:hover{background:#94a3b81f;color:#f9fafb}:root[data-theme=dark] .fi-nav-item.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}:root[data-theme=dark] .fi-contacts-section{border-top-color:#1f2937}:root[data-theme=dark] .fi-contacts-section h3{color:#e5e7eb}:root[data-theme=dark] .fi-contact-item:hover{background:#581c8759}:root[data-theme=dark] .fi-contact-info h4{color:#e5e7eb}:root[data-theme=dark] .fi-contact-info p{color:#9ca3af}:root[data-theme=dark] .fi-left-sidebar .fi-followers-empty,:root[data-theme=dark] .fi-left-sidebar .fi-followers-title{color:#e5e7eb}:root[data-theme=dark] .fi-story-count-badge{background:#8b5cf6;border-color:#020617}:root[data-theme=dark] .fi-notification-badge{border-color:#020617}.post-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow:hidden;padding:10px}.post-header{align-items:center;display:flex;gap:12px;padding:15px 20px}.post-header img{border-radius:50%;height:40px;object-fit:cover;width:40px}.post-header-info{display:flex;flex-direction:column;gap:2px}.post-header-top-row{align-items:center;display:flex;gap:8px}.post-header-top-row h4,.post-user-info h4{color:#111827;font-size:15px;font-weight:600;margin:0}.post-header-date,.post-user-info span{color:#9ca3af;font-size:13px;font-weight:500;margin-top:2px}.post-profile-avatar-initials{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;text-transform:uppercase;width:40px}.post-images-container{border-radius:12px;height:400px;overflow:hidden;position:relative;width:100%}.post-images{grid-gap:2px;background:#f3f4f6;display:grid;gap:2px;grid-auto-rows:400px;height:100%}.post-images img{display:block;height:100%;object-fit:cover;width:100%}.post-images:has(img:only-child){background:#f3f4f6;border-radius:12px;display:block!important;height:auto!important;width:100%}.post-images:has(img:only-child) img{display:block;height:auto;margin:0 auto;max-height:600px;object-fit:contain;width:100%}.post-images.two-grid{grid-gap:2px;background:#f3f4f6;display:grid;gap:2px;grid-auto-rows:400px;grid-template-columns:1fr 1fr;height:400px;width:100%}.post-images.two-grid img{display:block;height:100%;object-fit:cover;width:100%}.post-images.three-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;height:400px;width:100%}.post-images.three-grid img:first-child{grid-column:1/span 1;grid-row:1/span 2}.post-images.three-grid img:nth-child(2){grid-column:2;grid-row:1}.post-images.three-grid img:nth-child(3){grid-column:2;grid-row:2}.post-images:has(img:nth-child(4)):not(:has(img:nth-child(5))){grid-auto-rows:200px;grid-template-columns:repeat(2,1fr);height:400px}.post-images.five-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;height:400px;width:100%}.post-images.five-grid img:first-child{grid-column:1/span 1;grid-row:1/span 2}.post-images.five-grid img:nth-child(2){grid-column:2;grid-row:1}.post-images.five-grid img:nth-child(3){grid-column:3;grid-row:1}.post-images.five-grid img:nth-child(4){grid-column:2;grid-row:2}.post-images.five-grid img:nth-child(5){grid-column:3;grid-row:2}.view-all-overlay{background:#000000a6;border-radius:8px;bottom:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;left:12px;padding:10px 20px;position:absolute;transition:background .2s;z-index:9}.view-all-overlay:hover{background:#3c3c3ccc}.post-caption{padding-left:10px;padding-top:10px;position:relative}.post-caption p{color:#4b5563;font-size:14px;line-height:1.5;margin:0;transition:all .3s ease}.post-caption p.collapsed{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal}.post-caption p.expanded{display:block;white-space:normal}.read-more-btn{background:none;border:none;color:#8b5cf6;cursor:pointer;display:inline;font-size:13px;font-weight:600;margin-left:4px;padding:0;transition:color .2s}.read-more-btn:hover{color:#7c3aed;text-decoration:underline}.post-actions-post{border-top:1px solid #f3f4f6;display:flex;gap:20px;padding-left:10px;padding-top:15px}.action-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;transition:color .2s}.action-btn:hover{color:#8b5cf6}.action-btn.liked{color:#ef4444}.music-banner-overlay{align-items:center;animation:slideUpFade .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:8px;bottom:12px;display:flex;gap:12px;justify-content:space-between;left:12px;padding:10px 12px;position:absolute;right:12px;z-index:10}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.music-banner-content{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.music-icon-wave{align-items:center;animation:pulse 2s ease-in-out infinite;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.music-banner-info{align-items:center;color:#fff;display:flex;flex:1 1;font-size:13px;gap:6px;min-width:0}.music-banner-track{font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-banner-separator{flex-shrink:0;opacity:.7}.music-banner-artist{font-weight:400;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-banner-mute-btn,.music-mute-fab{align-items:center;background:#fff3;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.music-banner-mute-btn:active,.music-banner-mute-btn:hover,.music-mute-fab:active,.music-mute-fab:hover{background:#111;transform:scale(1.1)}.music-mute-fab{background:#222;border:none;border-radius:50%;bottom:16px;box-shadow:0 2px 8px #0000002e;height:38px;padding:0;position:absolute;right:16px;transition:background .2s;width:38px;z-index:20}.music-mute-fab:active,.music-mute-fab:hover{background:#111;transform:scale(1.1)}.music-header-mute-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;margin-left:2px;margin-top:1px;padding:2px 4px;transition:background .2s}.music-header-mute-btn:active,.music-header-mute-btn:hover{background:#232323}.header-music-banner{align-items:center;border-radius:6px;color:#0e0e0e;display:flex;font-size:13px;gap:6px;margin-top:3px;padding:3px 8px;width:-webkit-fit-content;width:fit-content}.header-music-banner .music-icon{align-items:center;display:flex;justify-content:center;margin-right:2px}.header-music-banner .music-track{color:#070707;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-music-banner .music-artist{color:#0e0e0e;font-weight:400}.header-info-banner{align-items:center;border-radius:6px;color:#0e0e0e;display:flex;font-size:13px;gap:6px;margin-top:3px;min-height:24px;width:-webkit-fit-content;width:fit-content}.header-info-banner.alternating{animation:fadeIn .3s ease-in-out}.header-info-banner .info-icon{align-items:center;display:flex;justify-content:center;margin-right:2px}.header-info-banner .info-text{color:#070707;font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-info-banner .music-track{color:#070707;font-weight:600}.header-info-banner .music-artist{color:#0e0e0e;font-weight:400}.header-info-banner .location-text{color:#070707;font-weight:500}.comments-section{border-top:1px solid #f3f4f6;max-height:400px;overflow-y:auto;padding:15px 20px}.comment{display:flex;gap:10px;margin-bottom:15px}.comment img{border-radius:50%;height:32px;object-fit:cover;width:32px}.comment-content{flex:1 1}.comment-content strong{color:#111827;font-size:14px}.comment-content p{color:#6b7280;font-size:14px;margin:4px 0 0}.comment-form{align-items:center;gap:10px;margin-top:15px;position:relative}.gif-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:50%;box-shadow:0 2px 8px #8b5cf64d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .3s ease}.gif-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf680;transform:scale(1.1)}.gif-button:active{transform:scale(.95)}.gif-button svg{stroke:#fff;height:24px;width:24px}.gif-preview-container{animation:slideIn .3s ease;border:3px solid #8b5cf6;border-radius:12px;box-shadow:0 4px 12px #8b5cf633;display:inline-block;margin:10px 0;overflow:hidden;position:relative}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gif-preview{border-radius:8px;display:block;max-height:220px;max-width:220px}.gif-preview-remove{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #ef444466;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:28px;justify-content:center;line-height:1;position:absolute;right:-10px;top:-10px;transition:all .2s;width:28px}.gif-preview-remove:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.15)}.gif-preview-remove:active{transform:scale(.9)}.comment-gif{border:2px solid #e5e7eb;border-radius:8px;display:block;margin-top:8px;max-height:220px;max-width:220px;transition:transform .2s}.comment-gif:hover{border-color:#8b5cf6;transform:scale(1.02)}.gif-picker-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.gif-picker-modal{animation:modalSlideUp .4s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:650px;overflow:hidden;width:90%}.gif-picker-header{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-bottom:2px solid #7c3aed;display:flex;justify-content:space-between;padding:18px 24px}.gif-picker-header h3{color:#fff;font-size:20px;font-weight:700;letter-spacing:-.5px;margin:0}.gif-picker-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;font-weight:300;height:36px;justify-content:center;transition:all .2s;width:36px}.gif-picker-close:hover{background:#ffffff4d;transform:rotate(90deg)}.gif-picker-close:active{transform:rotate(90deg) scale(.9)}.gif-picker-search{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 20px}.gif-picker-search input{background:#fff;border:2px solid #e5e7eb;border-radius:25px;font-size:15px;outline:none;padding:12px 18px;transition:all .3s;width:100%}.gif-picker-search input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.gif-picker-search input::placeholder{color:#9ca3af}.gif-picker-grid{grid-gap:10px;background:#fafafa;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:520px;overflow-y:auto;padding:16px}.gif-picker-grid::-webkit-scrollbar{width:8px}.gif-picker-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.gif-picker-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:10px}.gif-picker-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.gif-picker-item{aspect-ratio:1;border:3px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.gif-picker-item:after{background:linear-gradient(135deg,#8b5cf64d,#7c3aed4d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.gif-picker-item:hover{border-color:#8b5cf6;box-shadow:0 8px 20px #8b5cf666;transform:scale(1.08);z-index:10}.gif-picker-item:hover:after{opacity:1}.gif-picker-item:active{transform:scale(.95)}.gif-picker-item img{display:block;height:100%;object-fit:cover;width:100%}.gif-picker-empty,.gif-picker-loading{color:#6b7280;font-size:16px;font-weight:500;grid-column:1/-1;padding:60px 20px;text-align:center}.gif-picker-loading{align-items:center;display:flex;flex-direction:column;gap:16px}.gif-picker-loading:before{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#8b5cf6;content:"";height:40px;width:40px}.gif-picker-empty{align-items:center;display:flex;flex-direction:column;gap:12px}.gif-picker-empty:before{content:"🔍";font-size:48px}@media (max-width:768px){.gif-picker-modal{border-radius:16px;max-height:90vh;width:95%}.gif-picker-header{padding:14px 18px}.gif-picker-header h3{font-size:18px}.gif-picker-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));max-height:450px;padding:12px}.gif-picker-search{padding:12px 16px}.comment-gif,.gif-preview{max-height:180px;max-width:180px}}@media (max-width:480px){.gif-picker-modal{border-radius:0;max-height:100vh;max-width:100%;width:100%}.gif-picker-grid{gap:6px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.gif-button{padding:6px}.gif-button svg{height:20px;width:20px}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.gif-picker-item.loading{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.gif-picker-modal:after{background:#fff;border-top:1px solid #e5e7eb;bottom:0;color:#9ca3af;content:"Powered by Tenor";font-size:11px;font-weight:500;left:0;padding:8px;position:-webkit-sticky;position:sticky;right:0;text-align:center}.comment-form input{border:1px solid #e5e7eb;border-radius:25px;flex:1 1;font-size:14px;outline:none;padding:10px 15px}.comment-form button{background:#8b5cf6;border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .2s}.comment-form button:hover{background:#7c3aed}.comment-form button:disabled{background:#d1d5db;cursor:not-allowed}.no-comments{color:#9ca3af;font-size:14px;padding:20px 0;text-align:center}.comment-avatar-initials{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:13px;font-weight:600;height:32px;text-transform:uppercase;width:32px}.comment-avatar-initials,.image-modal-overlay{align-items:center;display:flex;justify-content:center}.image-modal-overlay{background:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:100}.image-modal{background:#fff;border-radius:16px;box-shadow:0 4px 32px #0000002e;display:flex;flex-wrap:wrap;gap:14px;max-height:90vh;max-width:90vw;overflow-y:auto;padding:24px;position:relative}.modal-img{border-radius:12px;margin-bottom:8px;max-height:300px;max-width:80vw;object-fit:contain;width:250px}.close-modal{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:17px;font-weight:700;padding:7px 18px;position:absolute;right:24px;top:16px}.likes-modal{background:#2e2e2e;border-radius:18px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;max-height:70vh;max-width:90vw;overflow:hidden;width:420px}.likes-modal-header{align-items:center;border-bottom:1px solid #262626;display:flex;justify-content:center;padding:10px 16px;position:relative}.likes-modal-header h3{color:#f9fafb;font-size:15px;font-weight:600;margin:0}.likes-modal-close{background:#0000;border:none;color:#f9fafb;cursor:pointer;font-size:16px;padding:4px 6px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.likes-modal-list{overflow-y:auto;padding:6px 0}.likes-modal-user{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:8px 16px}.likes-modal-user:hover{background:#2e2e2e}.likes-modal-user-left{align-items:center;display:flex;gap:10px}.likes-modal-avatar,.likes-modal-avatar-initials{border-radius:50%;height:40px;object-fit:cover;width:40px}.likes-modal-avatar-initials{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-weight:600;justify-content:center;text-transform:uppercase}.likes-modal-user-text{display:flex;flex-direction:column;line-height:1.2}.likes-modal-username{color:#f9fafb;font-size:14px;font-weight:600}.likes-modal-fullname{color:#a1a1aa;font-size:13px}.likes-modal-follow-btn{background:#0095f6;border:none;border-radius:999px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:6px 14px}.likes-modal-follow-btn:hover{background:#0077c2}.likes-modal-empty{color:#a1a1aa;font-size:14px;padding:18px 16px;text-align:center}@media (max-width:600px){.likes-modal{border-radius:0;max-height:80vh;max-width:100%;width:100%}.likes-modal-user{padding:10px 14px}}@media (max-width:768px){.music-banner-overlay{bottom:8px;left:8px;padding:8px 10px;right:8px}.music-banner-track{max-width:150px}.music-banner-info{font-size:12px}.music-banner-mute-btn{height:28px;width:28px}.post-images img{height:350px}}.post-menu-btn{background:none;border:none;cursor:pointer;padding:6px;position:absolute;right:10px;top:5px;z-index:99}.post-dropdown-menu{background:#fff;border-radius:8px;box-shadow:0 4px 24px #0000001a;min-width:110px;padding:6px 0;position:absolute;right:0;top:28px;z-index:100}.delete-post-btn{background:none;border:none;border-radius:6px;color:#ef4444;cursor:pointer;font-size:15px;font-weight:600;padding:8px 18px;text-align:left;transition:background .2s;width:100%}.delete-post-btn:hover{background:#f3f4f6}.edit-post-caption-btn{background:none;border:none;border-radius:6px;color:#4b5563;cursor:pointer;font-size:14px;font-weight:500;padding:8px 18px;text-align:left;transition:background .2s,color .2s;width:100%}.edit-post-caption-btn+.delete-post-btn{border-top:1px solid #f3f4f6}.edit-post-caption-btn:hover{color:#111827}.edit-post-caption-btn{color:#8b5cf6}.edit-post-caption-btn:hover{background:#f3f4f6;color:#7c3aed}:root[data-theme=dark] .post-card{background:#020617;border:1px solid #111827;box-shadow:0 18px 45px #0f172ae6}:root[data-theme=dark] .post-header-top-row h4,:root[data-theme=dark] .post-user-info h4{color:#e5e7eb}:root[data-theme=dark] .post-header-date,:root[data-theme=dark] .post-user-info span{color:#9ca3af}:root[data-theme=dark] .post-caption p{color:#e5e7eb}:root[data-theme=dark] .read-more-btn{color:#8b5cf6;color:var(--accent-primary,#8b5cf6)}:root[data-theme=dark] .read-more-btn:hover{color:#a5b4fc}:root[data-theme=dark] .post-actions-post{border-top-color:#111827}:root[data-theme=dark] .action-btn{color:#9ca3af}:root[data-theme=dark] .action-btn:hover{color:#8b5cf6;color:var(--accent-primary,#8b5cf6)}:root[data-theme=dark] .comments-section{border-top-color:#111827}:root[data-theme=dark] .comment-content strong{color:#e5e7eb}:root[data-theme=dark] .comment-content p{color:#9ca3af}:root[data-theme=dark] .no-comments{color:#6b7280}:root[data-theme=dark] .comment-form input{background:#020617;border-color:#111827;color:#e5e7eb}:root[data-theme=dark] .comment-form input::placeholder{color:#6b7280}:root[data-theme=dark] .comment-form button{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}:root[data-theme=dark] .comment-form button:disabled{background:#1f2937;color:#6b7280}:root[data-theme=dark] .music-banner-overlay{background:#0f172ae6}:root[data-theme=dark] .music-mute-fab{background:#020617;box-shadow:0 8px 22px #0f172ae6}:root[data-theme=dark] .music-mute-fab:hover{background:#111827}:root[data-theme=dark] .header-info-banner,:root[data-theme=dark] .header-music-banner{background:#020617;color:#e5e7eb}:root[data-theme=dark] .header-info-banner .info-text,:root[data-theme=dark] .header-info-banner .location-text,:root[data-theme=dark] .header-info-banner .music-track,:root[data-theme=dark] .header-music-banner .music-track{color:#e5e7eb}:root[data-theme=dark] .header-info-banner .music-artist,:root[data-theme=dark] .header-music-banner .music-artist{color:#9ca3af}:root[data-theme=dark] .image-modal{background:#020617;box-shadow:0 24px 60px #0f172af2}:root[data-theme=dark] .close-modal{background:#ef4444}:root[data-theme=dark] .post-dropdown-menu{background:#020617;border:1px solid #111827;box-shadow:0 18px 45px #0f172ae6}:root[data-theme=dark] .edit-post-caption-btn{color:#e5e7eb}:root[data-theme=dark] .edit-post-caption-btn:hover{background:#020617;color:#c7d2fe}:root[data-theme=dark] .delete-post-btn:hover{background:#020617}:root[data-theme=dark] .gif-picker-modal{background:#020617;box-shadow:0 24px 70px #0f172af2}:root[data-theme=dark] .gif-picker-header{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-bottom-color:#4338ca}:root[data-theme=dark] .gif-picker-search{background:#020617;border-bottom-color:#111827}:root[data-theme=dark] .gif-picker-search input{background:#020617;border-color:#111827;color:#e5e7eb}:root[data-theme=dark] .gif-picker-search input::placeholder{color:#6b7280}:root[data-theme=dark] .gif-picker-grid{background:#020617}:root[data-theme=dark] .gif-picker-empty,:root[data-theme=dark] .gif-picker-loading{color:#9ca3af}:root[data-theme=dark] .gif-picker-modal:after{background:#020617;border-top-color:#111827;color:#6b7280}:root[data-theme=dark] .gif-picker-grid::-webkit-scrollbar-track{background:#020617}:root[data-theme=dark] .gif-picker-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4f46e5,#7c3aed)}:root[data-theme=dark] .gif-preview-container{border-color:#8b5cf6}:root[data-theme=dark] .likes-modal{background:#020617;box-shadow:0 24px 70px #0f172af2}:root[data-theme=dark] .likes-modal-user:hover{background:#020617}.post-sidebar{background:#f8f9fa;border-right:1px solid #e5e7eb;width:300px}.post-sidebar-header{border-bottom:1px solid #e5e7eb;padding:20px}.post-sidebar-header h2{font-size:20px}.close-btn{border-radius:50%;height:36px;width:36px}.close-btn:hover{transform:rotate(90deg)}.post-user-info-sidebar{border-bottom:1px solid #e5e7eb;padding:20px}.post-options{flex:1 1;gap:8px;overflow-y:auto;padding:10px}.post-option-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px;text-align:left;transition:all .2s}.post-option-btn:hover{background:#f9fafb;border-color:#8b5cf6;transform:translateX(4px)}.option-icon{background:#f3f4f6;border-radius:50%;color:#6b7280;transition:all .2s}.post-option-btn:hover .option-icon{background:#ede9fe;color:#8b5cf6}.aspect-ratio-selector{background:#f9f5ff;border:1px solid #e5e7eb;border-radius:8px;margin-top:8px;padding:15px 16px}.selector-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.aspect-btn{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;flex:1 1;padding:10px;transition:all .2s ease}.aspect-btn:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-2px)}.aspect-btn.active{background:#ede9fe;border-color:#8b5cf6}.aspect-btn svg{color:#6b7280}.aspect-btn.active svg{color:#8b5cf6}@media (max-width:768px){.post-sidebar{max-height:250px;width:100%}.post-options{flex-direction:row;overflow-x:auto;overflow-y:hidden}.post-option-btn{min-width:140px}.aspect-ratio-selector{min-width:220px}}:root[data-theme=dark] .post-sidebar{background:#020617;border-right:1px solid #0f172a}:root[data-theme=dark] .post-sidebar-header{border-bottom:1px solid #111827}:root[data-theme=dark] .post-sidebar-header h2{color:#e5e7eb}:root[data-theme=dark] .close-btn{background:#0f172a;color:#9ca3af}:root[data-theme=dark] .close-btn:hover{background:#111827;color:#f9fafb}:root[data-theme=dark] .post-user-info-sidebar{border-bottom:1px solid #111827}:root[data-theme=dark] .user-avatar-sidebar{border-color:#1f2937}:root[data-theme=dark] .post-options{background:#0000}:root[data-theme=dark] .post-option-btn{background:#020617;border-color:#111827;color:#e5e7eb}:root[data-theme=dark] .post-option-btn:hover{background:#0b1220;border-color:#4f46e5}:root[data-theme=dark] .post-option-btn:hover .option-icon{background:#4f46e529;color:#a855f7}:root[data-theme=dark] .aspect-ratio-selector{background:#020617;border-color:#111827}:root[data-theme=dark] .selector-label{color:#e5e7eb}:root[data-theme=dark] .aspect-btn{background:#020617;border-color:#111827}:root[data-theme=dark] .aspect-btn:hover{background:#0b1220;border-color:#4b5563}:root[data-theme=dark] .aspect-btn.active{background:#4f46e52e;border-color:#4f46e5}:root[data-theme=dark] .aspect-btn svg{color:#9ca3af}:root[data-theme=dark] .aspect-btn.active svg{color:#a855f7}.location-step{margin:18px 0 0;position:relative}.location-label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.location-label{color:#2d2d2d;font-size:15px;font-weight:500;letter-spacing:0}.location-pin{align-items:center;display:flex;margin-left:6px}.location-input{background:#fff;border:1px solid #dadada;border-radius:7px;box-sizing:border-box;font-size:15px;padding:8px 12px}.location-input:focus{border-color:#8b5cf6;outline:none}.location-loading{color:#8b5cf6;font-size:14px;left:10px;position:absolute;top:38px}.location-list{background:#fff;border:1px solid #ececec;border-radius:6px;list-style:none;margin:2px 0 0;max-height:160px;overflow-y:auto;padding:0;position:absolute;width:100%;z-index:30}.location-list-item{cursor:pointer;font-size:15px;padding:10px 12px}.location-list-item:hover{background:#f6f1ff;color:#8b5cf6}.image-thumbnails{background:#f8f9fa;border-top:1px solid #e5e7eb;display:flex;gap:8px;overflow-x:auto;padding:12px 20px;scrollbar-color:#cbd5e0 #f8f9fa;scrollbar-width:thin}.image-thumbnails::-webkit-scrollbar{height:6px}.image-thumbnails::-webkit-scrollbar-track{background:#f8f9fa}.image-thumbnails::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.image-thumbnails::-webkit-scrollbar-thumb:hover{background:#a0aec0}.thumbnail-item{border:2px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;height:60px;overflow:hidden;position:relative;transition:all .2s ease;width:60px}.thumbnail-item:hover{border-color:#8b5cf6;transform:translateY(-2px)}.thumbnail-item.active{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf6}.thumbnail-item img{height:100%;object-fit:cover;width:100%}.remove-thumb-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;cursor:pointer;display:flex;height:20px;justify-content:center;opacity:0;position:absolute;right:2px;top:2px;transition:all .2s ease;width:20px;z-index:10}.thumbnail-item:hover .remove-thumb-btn{opacity:1}.remove-thumb-btn:hover{background:#ef4444e6;transform:scale(1.1)}.post-preview-panel{background:#000;display:flex;flex:1 1;flex-direction:column}.post-preview-header{align-items:center;background:#f9f5ff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.post-preview-header h3{color:#111827;font-size:18px;font-weight:700;margin:0}.image-counter{color:#6b7280;font-size:14px;font-weight:500}.post-preview-content{background:#f9f5ff;flex:1 1;overflow:hidden;position:relative}.post-placeholder,.post-preview-content{align-items:center;display:flex;justify-content:center}.post-placeholder{cursor:pointer;height:100%;transition:all .3s ease;width:100%}.post-placeholder:hover{background:#ffffff0d}.upload-prompt{color:#fff}.upload-prompt p{color:#e5e7eb;font-size:18px;margin:8px 0}.upload-hint{display:block;font-size:13px;margin-top:8px}.image-nav-btn{align-items:center;background:#00000080;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:40px;z-index:10}.image-nav-btn:hover{background:#000000b3;transform:translateY(-50%) scale(1.1)}.image-nav-btn.prev{left:15px}.image-nav-btn.next{right:15px}.post-image-preview{align-items:center;background:#000;display:flex;justify-content:center;max-width:600px;position:relative;width:100%}.post-image-preview img{display:block;max-height:calc(85vh - 200px);max-width:100%}.caption-overlay{bottom:60px;z-index:5}.caption-input{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.music-preview-overlay{-webkit-user-select:none;user-select:none;z-index:15}.music-play-toggle-btn{align-items:center;background:#fff3;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.music-play-toggle-btn:hover{background:#ffffff4d}.remove-music-btn{flex-shrink:0}.remove-music-btn:hover{background:#ef4444cc}.post-actions{background:#f9f5ff;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:20px}.discard-btn{background:#f3f4f6;border-radius:8px;color:#374151}.discard-btn:hover{background:#e5e7eb}.share-post-btn{background:#a855f7;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px;transition:all .2s}.share-post-btn:hover:not(:disabled){box-shadow:0 6px 20px #0866ff66;transform:translateY(-2px)}.share-post-btn:disabled{background:#cbd5e0;cursor:not-allowed;opacity:.5}.next-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px;transition:all .2s}.next-btn:hover:not(:disabled){box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.next-btn:disabled{background:#d1d5db;cursor:not-allowed;opacity:.5}.image-loading-spinner{color:#6b7280;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.spinner{border:4px solid #f3f4f6;margin:0 auto 12px}.image-error-state{color:#ef4444;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.image-error-state svg{color:#ef4444;margin-bottom:12px}.image-error-state button{background:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:8px;padding:8px 16px}.image-error-state button:hover{background:#7c3aed}[data-theme=dark] .post-preview-panel{background:#020617}[data-theme=dark] .post-preview-header{background:#020617;border-bottom:1px solid #1f2937}[data-theme=dark] .post-preview-header h3{color:#e5e7eb}[data-theme=dark] .image-counter{color:#9ca3af}[data-theme=dark] .post-preview-content{background:#020617}[data-theme=dark] .post-placeholder:hover{background:#0f172a99}[data-theme=dark] .upload-prompt,[data-theme=dark] .upload-prompt p{color:#e5e7eb}[data-theme=dark] .upload-hint{color:#9ca3af}[data-theme=dark] .post-image-preview{background:#020617}[data-theme=dark] .caption-input{background:#0f172ae6;border-color:#e5e7eb}[data-theme=dark] .post-actions{background:#020617;border-top:1px solid #1f2937}[data-theme=dark] .discard-btn{background:#111827;color:#e5e7eb}[data-theme=dark] .discard-btn:hover{background:#1f2937}[data-theme=dark] .share-post-btn:disabled{background:#4b5563;color:#d1d5db}[data-theme=dark] .next-btn:disabled{background:#4b5563}[data-theme=dark] .image-loading-spinner{color:#9ca3af}[data-theme=dark] .spinner{border-color:#8b5cf6 #1f2937 #1f2937}[data-theme=dark] .image-error-state,[data-theme=dark] .image-error-state svg{color:#fca5a5}[data-theme=dark] .image-error-state button{background:#7c3aed}[data-theme=dark] .image-error-state button:hover{background:#6d28d9}.music-picker-overlay{animation:fadeIn .2s ease}.music-picker-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.music-picker-modal{animation:slideUp .3s ease;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:90%}.music-picker-header{border-bottom:1px solid #e5e7eb}.music-picker-header h3{color:#111827}.music-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.music-close-btn:hover{background:#e5e7eb;color:#111827;transform:rotate(90deg)}.music-search-bar{background:#f9fafb;border-bottom:1px solid #e5e7eb;gap:12px}.music-search-bar svg{color:#9ca3af;flex-shrink:0}.music-search-bar input{background:#0000;color:#111827;font-size:15px}.music-search-bar input::placeholder{color:#9ca3af}.music-list::-webkit-scrollbar{width:8px}.music-list::-webkit-scrollbar-track{background:#f9fafb}.music-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.music-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.music-item{border-radius:12px;padding:12px;transition:all .2s}.music-item:hover{background:#f3f4f6;transform:translateX(4px)}.track-album-art{border-radius:8px;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:56px;width:56px}.track-name{color:#111827;font-size:15px;font-weight:600;margin-bottom:4px}.track-artist{color:#6b7280;font-size:13px}.track-album{color:#9ca3af;font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-actions{flex-shrink:0}.play-preview-btn,.select-track-btn{border-radius:8px;font-weight:500}.play-preview-btn{background:#f3f4f6;height:36px;padding:0;width:36px}.play-preview-btn:hover:not(.disabled){background:#e5e7eb;transform:scale(1.05)}.play-preview-btn.disabled{background:#e5e7eb;cursor:not-allowed;opacity:.3}.select-track-btn{background:#8b5cf6;padding:8px 16px}.select-track-btn:hover{background:#7c3aed;box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.music-loading,.no-music{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.music-loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#8b5cf6;height:48px;margin-bottom:16px;width:48px}.music-loading p,.no-music p{color:#374151;font-size:16px;font-weight:500;margin:8px 0}.no-music svg{color:#cbd5e0;margin-bottom:16px}.no-music span{color:#9ca3af;font-size:14px}@media (max-width:600px){.music-picker-modal{border-radius:0;max-height:100vh;max-width:100%;width:100%}.track-actions{flex-direction:column}.select-track-btn{width:100%}}.imtr2-overlay{align-items:center;display:flex;font-family:system-ui,-apple-system,BlinkMacSystemFont,Inter,Roboto,sans-serif;inset:0;justify-content:center;position:fixed;z-index:12000}.imtr2-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a59;inset:0;position:absolute}.imtr2-modal{background:#fff;border-radius:28px;box-shadow:0 18px 55px #0f172a2e;display:flex;flex-direction:column;max-height:95vh;max-width:95vw;overflow:hidden;position:relative;width:540px}.imtr2-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:14px 18px 10px}.imtr2-header h3{color:#111827;font-size:16px;font-weight:600;margin:0}.imtr2-btn-back{align-items:center;background:#0000;border:none;border-radius:999px;cursor:pointer;display:flex;justify-content:center;padding:6px}.imtr2-btn-back:hover{background:#f3f4f6}.imtr2-btn-done{background:#2563eb;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:6px 12px}.imtr2-btn-done:hover{background:#1d4ed8}.imtr2-content{overflow-y:auto;padding:14px 18px 20px}.imtr2-track{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;display:flex;gap:12px;margin-bottom:18px;padding:12px}.imtr2-thumb{border-radius:12px;height:56px;object-fit:cover;width:56px}.imtr2-meta{flex:1 1;min-width:0}.imtr2-title{color:#111827;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imtr2-artist{color:#6b7280;font-size:13px;margin-top:2px}.imtr2-waveform-section{margin-top:10px}.imtr2-waveform-track{background:#f3f4ff;border:1px solid #e5e7ff;border-radius:18px;cursor:grab;height:96px;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.imtr2-waveform-track:active{cursor:grabbing}.imtr2-waveform-bars{align-items:center;display:flex;gap:3px;inset:0;padding:0 8px;position:absolute}.imtr2-wavebar{background:#c7d2fe;border-radius:999px;flex:1 1;min-width:3px;opacity:.7;transition:transform .15s ease,background .15s ease,opacity .15s ease}.imtr2-wavebar.active{background:#8b5cf6;opacity:1}.imtr2-wavebar.playing{background:#22c55e;transform:scaleY(1.25)}.imtr2-window{background:linear-gradient(90deg,#8b5cf61f,#8b5cf608);border:2px solid #8b5cf6;border-radius:16px;bottom:0;box-shadow:0 0 0 1px #8b5cf626;pointer-events:none;position:absolute;top:0}.imtr2-handle{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:999px;box-shadow:0 3px 10px #94a3b866;display:flex;height:46px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:18px}.imtr2-handle-left{left:-9px}.imtr2-handle-right{right:-9px}.imtr2-handle.handle-active{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf640}.imtr2-grip{background:#e5e7eb;border-radius:999px;height:28px;width:4px}.imtr2-times{color:#6b7280;display:flex;font-size:12px;font-weight:500;justify-content:space-between;margin-top:8px}.imtr2-controls{gap:16px;margin:18px 0 10px}.imtr2-btn-play,.imtr2-controls{align-items:center;display:flex;justify-content:center}.imtr2-btn-play{background:#8b5cf6;border:none;border-radius:999px;box-shadow:0 10px 22px #8b5cf652;color:#fff;cursor:pointer;height:52px;width:52px}.imtr2-btn-play svg{fill:#fff}.imtr2-btn-play:hover{background:#7c3aed}.imtr2-info{background:#eef2ff;border-radius:999px;color:#4f46e5;font-size:13px;font-weight:600;padding:8px 14px}.imtr2-duration-area{margin-top:10px}.imtr2-duration-label{color:#6b7280;font-size:13px;font-weight:500}.imtr2-duration-bubbles{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.imtr2-duration-bubble{background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:7px 14px}.imtr2-duration-bubble.active{background:#eef2ff;border-color:#8b5cf6;color:#4f46e5}@media (max-width:640px){.imtr2-modal{align-self:flex-end;border-radius:24px 24px 0 0;max-width:100vw;width:100vw}.imtr2-controls{flex-direction:column}.imtr2-btn-play{border-radius:16px;width:100%}.imtr2-info{text-align:center;width:100%}}.image-editor-overlay{align-items:center;animation:fadeIn .2s ease;display:flex;inset:0;justify-content:center;position:fixed;z-index:12000}.image-editor-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;inset:0;position:absolute}.image-editor-modal{align-items:center;animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 25px 80px #00000080;display:flex;height:80vh;justify-content:center;max-width:95vw;overflow:hidden;position:relative;width:1200px;z-index:2}.image-editor-modal [class*=FIE_]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@media (max-width:768px){.image-editor-modal{border-radius:0;height:100vh;max-width:100vw;width:100vw}}.ReactCrop{cursor:crosshair;display:inline-block;max-width:100%;overflow:hidden;position:relative}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-height:inherit;max-width:100%}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-selection{-webkit-box-shadow:0 0 0 9999em #00000080;box-shadow:0 0 0 9999em #00000080;cursor:move;left:0;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;color:#fff}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}.ReactCrop__crop-selection:focus{border-color:#00f;border-style:solid;outline:none}.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{background-color:#fff6;content:"";display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{height:100%;width:1px}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute}.ReactCrop__drag-handle:after{background-color:#0003;border:1px solid #ffffffb3;content:"";display:block;height:10px;outline:1px solid #0000;position:absolute;width:10px}.ReactCrop__drag-handle:focus:after{background:#2dbfff;border-color:#00f}.ReactCrop .ord-nw{cursor:nw-resize;left:0;margin-left:-5px;margin-top:-5px;top:0}.ReactCrop .ord-nw:after{left:0;top:0}.ReactCrop .ord-n{cursor:n-resize;left:50%;margin-left:-5px;margin-top:-5px;top:0}.ReactCrop .ord-n:after{top:0}.ReactCrop .ord-ne{cursor:ne-resize;margin-right:-5px;margin-top:-5px;right:0;top:0}.ReactCrop .ord-ne:after{right:0;top:0}.ReactCrop .ord-e{cursor:e-resize;margin-right:-5px;margin-top:-5px;right:0;top:50%}.ReactCrop .ord-e:after{right:0}.ReactCrop .ord-se{bottom:0;cursor:se-resize;margin-bottom:-5px;margin-right:-5px;right:0}.ReactCrop .ord-se:after{bottom:0;right:0}.ReactCrop .ord-s{bottom:0;cursor:s-resize;left:50%;margin-bottom:-5px;margin-left:-5px}.ReactCrop .ord-s:after{bottom:0}.ReactCrop .ord-sw{bottom:0;cursor:sw-resize;left:0;margin-bottom:-5px;margin-left:-5px}.ReactCrop .ord-sw:after{bottom:0;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;margin-left:-5px;margin-top:-5px;top:50%}.ReactCrop .ord-w:after{left:0}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:6px;left:0;margin-top:-3px;top:0;width:100%}.ReactCrop__drag-bar.ord-e{height:100%;margin-right:-3px;right:0;top:0;width:6px}.ReactCrop__drag-bar.ord-s{bottom:0;height:6px;left:0;margin-bottom:-3px;width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;margin-left:-3px;top:0;width:6px}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:24px;width:24px}}.cropper-modal-overlay{align-items:center;animation:fadeIn .28s cubic-bezier(.61,.03,.74,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#242424e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:12001}.cropper-modal-content{align-items:center;animation:glassZoomIn .4s cubic-bezier(.61,.03,.74,.82);background:#222231fc;border-radius:20px;box-shadow:0 32px 96px 0 #4824fc26,0 4px 32px 0 #4824fc1c;display:flex;flex-direction:column;max-width:540px;min-width:340px;padding:32px 0 20px;position:relative;width:80vw}@keyframes glassZoomIn{0%{opacity:0;transform:scale(.96) translateY(28px)}to{opacity:1;transform:scale(1) translateY(0)}}.cropper-controls{align-items:center;background:#2c1e444d;border-radius:8px;box-shadow:0 2px 9px #9865ff0a;color:#fff;display:flex;justify-content:center;margin:20px 0 12px;padding:8px 12px;width:80%}.cropper-controls label{align-items:center;color:#ebebfa;display:flex;font-size:15px;font-weight:600;gap:16px;letter-spacing:.02em;width:100%}.cropper-controls input[type=range]{accent-color:#7c44fa;background:linear-gradient(90deg,#7c44fa,#60aaff);border-radius:3px;height:3px;width:90%}.cropper-actions{display:flex;gap:20px;justify-content:center;margin-top:18px}.crop-btn{background:#667eea;border:none;border-radius:10px;box-shadow:0 8px 30px 0 #4824fc1f;color:#fff;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:.04em;padding:10px 32px;transition:transform .15s,box-shadow .18s,background .26s;z-index:999}.crop-btn:hover{background:#5a67d8;box-shadow:0 10px 32px #4824fc2e;transform:scale(1.04)}.cancel-btn{background:#282828ed;border:none;border-radius:10px;color:#ebebfa;cursor:pointer;font-size:16px;font-weight:600;opacity:.9;padding:10px 25px;transition:background .2s,transform .19s}.cancel-btn:hover{background:#272727;opacity:1;transform:scale(1.03)}@media (max-width:700px){.cropper-modal-content{min-width:20vw;padding:12px 0 7px;width:98vw}.easy-crop-container{height:60vw!important;max-width:98vw;min-height:230px;width:95vw!important}}.original-btn{background:#0000;border:1px solid #78788ccc;border-radius:10px;color:#ebebfa;cursor:pointer;font-size:16px;font-weight:600;opacity:.95;padding:10px 22px;transition:background .2s,transform .19s,border-color .2s}.original-btn:hover{background:#5975f0;border-color:#9b8cff;opacity:1;transform:scale(1.03)}.easy-crop-container{background:#181628;border-radius:16px;box-shadow:0 0 0 2px #2af2ff33;height:400px;margin-bottom:12px;max-width:76vw;overflow:hidden;width:400px}.easy-crop-inner{position:relative}.ReactCrop,.easy-crop-inner{height:100%;width:100%}.ReactCrop__crop-selection{border:2px solid #00ffffe6;border-radius:4px}.ReactCrop__rule-of-thirds-h:before,.ReactCrop__rule-of-thirds-v:before{background-color:#ffffffa6}.post-creation-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed!important;right:0;top:0;z-index:1000!important}.post-creation-backdrop{bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.post-creation-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;height:85vh;max-width:1200px;overflow:hidden;position:relative;width:50%;z-index:1001}.post-sidebar{background:#f9f5ff;border-right:1px solid #ece4ff;display:flex;flex-direction:column;padding:20px 18px 16px;width:250px}.post-sidebar-header{align-items:center;display:flex;justify-content:space-between;padding-bottom:14px}.post-sidebar-header h2{color:#111827;font-size:18px;font-weight:700;margin:0}.post-user-info-sidebar{align-items:center;display:flex;gap:12px;padding:8px 0 16px}.post-user-avatar{object-fit:cover}.post-user-avatar,.post-user-initials{border:2px solid #fff;border-radius:50%;box-shadow:0 4px 10px #94a3b859;height:44px;width:44px}.post-user-initials{align-items:center;background:#e5ddff;color:#4b5563;display:flex;font-size:16px;font-weight:600;justify-content:center;text-transform:uppercase}.post-user-name{color:#111827;font-size:15px;font-weight:600}.post-options{display:flex;flex-direction:column;padding-bottom:8px;padding-top:4px}.post-option-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:12px;padding:10px 0 14px;position:relative;transition:background .15s ease}.post-option-btn:hover{background:#00000008}.post-option-btn:not(:last-child):after{background:#ece4ff;bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.post-option-btn .option-icon{align-items:center;background:#b096ee;border-radius:999px;color:#fff;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.post-option-btn .option-text{display:flex;flex-direction:column}.post-option-btn .option-title{color:#111827;font-size:14px;font-weight:600}.post-option-btn .option-subtitle{color:#9ca3af;font-size:11px}.aspect-ratio-section{margin-top:6px;padding-top:10px}.aspect-ratio-title{color:#6b7280;font-size:12px;font-weight:600;margin-bottom:8px}.aspect-ratio-options{display:flex;gap:8px}.aspect-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .15s ease;width:32px}.aspect-btn span{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;display:block;height:14px;width:18px}.aspect-btn.active{background:#f3e8ff}.aspect-btn.active,.aspect-btn.active span{border-color:#a855f7}.location-section{margin-top:16px}.location-label{color:#6b7280;font-size:12px;font-weight:600;margin-bottom:6px}.location-input-wrapper{position:relative}.location-input{background:#f9f5ff;border:1px solid #e5e7eb;border-radius:8px;color:#111827;font-size:13px;outline:none;padding:8px 10px 8px 30px;width:100%}.location-input:focus{border-color:#a855f7}.location-input-icon{color:#a855f7;font-size:14px;left:9px;position:absolute;top:50%;transform:translateY(-50%)}.post-creation-modal ::-webkit-scrollbar{height:8px;width:8px}.post-creation-modal ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.post-creation-modal ::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.post-creation-modal ::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (max-width:1024px){.post-creation-modal{height:90vh;width:95%}}@media (max-width:768px){.post-creation-modal{border-radius:0;flex-direction:column;height:100vh;max-width:100%;width:100%}.post-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;max-height:200px;width:100%!important}.post-options{flex-direction:row!important;overflow-x:auto;overflow-y:hidden;padding:10px 15px}.post-option-btn{flex-shrink:0;min-width:140px}.aspect-ratio-selector{flex-shrink:0;min-width:220px}.post-preview-panel{flex:1 1}.post-actions{flex-direction:row;gap:8px}}@media (max-width:480px){.post-creation-overlay{padding:0}.post-sidebar-header h2{font-size:18px}.option-title{font-size:14px}.aspect-ratio-options{gap:6px}.aspect-btn{padding:8px}}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.pointer-events-none{pointer-events:none}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.transition-all{transition:all .2s ease}.transition-transform{transition:transform .2s ease}.transition-opacity{transition:opacity .2s ease}.transition-colors{transition:background-color .2s ease,color .2s ease,border-color .2s ease}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#8b5cf6}button:disabled{cursor:not-allowed;opacity:.5}.hover-lift:hover{transform:translateY(-2px)}.hover-scale:hover{transform:scale(1.05)}.hover-shadow:hover{box-shadow:0 4px 12px #00000026}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce{animation:bounce 1s infinite}.gradient-purple{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-blue{background:linear-gradient(135deg,#0866ff,#0052cc)}.gradient-green{background:linear-gradient(135deg,#1db954,#1ed760)}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.p-0{padding:0}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.m-0{margin:0}.m-1{margin:4px}.m-2{margin:8px}.m-3{margin:12px}.m-4{margin:16px}.m-5{margin:20px}.rounded-sm{border-radius:4px}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 1px 3px #0000001a}.shadow-md{box-shadow:0 4px 6px #0000001a}.shadow-lg{box-shadow:0 10px 15px #0000001a}.shadow-xl{box-shadow:0 20px 25px #00000026}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}@media print{.post-creation-overlay{display:none}}@media (prefers-contrast:high){.post-creation-modal{border:2px solid #000}button{border:2px solid}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.focus-visible:focus{outline:2px solid #8b5cf6;outline-offset:2px}:root{--color-primary:#8b5cf6;--color-primary-dark:#7c3aed;--color-secondary:#0866ff;--color-success:#1db954;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--border-radius:8px;--border-radius-lg:12px;--border-radius-xl:16px;--transition-fast:0.1s;--transition-base:0.2s;--transition-slow:0.3s}.event-sharing-indicator{align-items:center;animation:slideDownBadge .4s ease;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:24px;box-shadow:0 8px 24px #8b5cf673;color:#fff;display:flex;font-size:14px;font-weight:600;gap:10px;left:50%;padding:10px 24px;position:absolute;top:-50px;transform:translateX(-50%);white-space:nowrap;z-index:1002}@keyframes slideDownBadge{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.event-sharing-icon{font-size:20px;line-height:1}.event-sharing-text{line-height:1.2;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root[data-theme=dark] .post-creation-overlay{background:#000000eb}:root[data-theme=dark] .post-creation-modal{background:#020617;border-radius:18px;box-shadow:0 24px 70px #0f172af2,0 0 0 1px #0f172a}:root[data-theme=dark] .post-creation-modal ::-webkit-scrollbar-track{background:#020617}:root[data-theme=dark] .post-creation-modal ::-webkit-scrollbar-thumb{background:#1f2937}:root[data-theme=dark] .post-creation-modal ::-webkit-scrollbar-thumb:hover{background:#4b5563}:root[data-theme=dark] .loading-spinner{border-color:#8b5cf6 #020617 #020617}:root[data-theme=dark] .post-creation-modal button{color:#e5e7eb}:root[data-theme=dark] .post-creation-modal button:disabled{background-color:#111827!important;color:#6b7280!important;opacity:.45}:root[data-theme=dark] .shadow,:root[data-theme=dark] .shadow-lg,:root[data-theme=dark] .shadow-md,:root[data-theme=dark] .shadow-sm,:root[data-theme=dark] .shadow-xl{box-shadow:0 18px 45px #0f172ae6}:root[data-theme=dark] .focus-visible:focus{outline-color:#a855f7}.main-content{margin:0 auto;max-width:700px;padding:20px;width:100%}.top-hearder{align-items:center;display:flex;gap:20px;margin-bottom:20px}.search-bar-wrapper{flex:1 1;position:relative}.search-bar{align-items:center;background:#fff;border-radius:25px;box-shadow:0 1px 3px #0000001a;display:flex;gap:10px;padding:12px 20px;position:relative}.search-bar input{background:#0000;border:none;color:#111827;flex:1 1;font-size:15px;outline:none}.search-bar input::placeholder{color:#9ca3af}.search-clear{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;transition:all .2s;width:24px}.search-clear:hover{background:#e5e7eb;color:#111827}.search-results{animation:slideDown .2s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:100}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-loading,.search-no-results{color:#6b7280;font-size:14px;padding:24px;text-align:center}.search-result-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#f9fafb}.search-result-avatar,.search-result-avatar-initials{border-radius:50%;flex-shrink:0;height:48px;width:48px}.search-result-avatar{object-fit:cover}.search-result-avatar-initials{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;font-size:18px;font-weight:600;justify-content:center}.search-result-info{flex:1 1}.search-result-name{color:#111827;font-size:15px;font-weight:600;margin-bottom:2px}.search-result-role{color:#6b7280;font-size:13px}@media (max-width:768px){.search-bar-wrapper{width:100%}}.create-post-btn-top{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:25px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s;white-space:nowrap}.plus-icon{background-color:#fff;border-radius:50%;color:#8b5cf6;padding:2px}.create-post-btn-top:hover{box-shadow:0 6px 16px #8b5cf666;transform:translateY(-2px)}.stories-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.stories-section h3{color:#111827;font-size:18px;font-weight:700;margin:0 0 15px}.stories-container{display:flex;gap:15px;padding-bottom:5px}.stories-container::-webkit-scrollbar{height:5px}.stories-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.story-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:70px;position:relative;transition:transform .2s}.story-item:hover{transform:scale(1.04)}.story-avatar{align-items:center;background:#fff;border-radius:50%;display:flex;height:70px;justify-content:center;overflow:hidden;padding:3px;position:relative;width:70px}.story-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.story-avatar.add-story{background:#f9fafb;border:3px solid #e5e7eb;color:#6b7280}.story-avatar.unviewed{border:3px solid #8b5cf6}.story-avatar.viewed{border:3px solid #d1d5db}.story-item span{color:#6b7280;font-size:12px;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-count{background:#8b5cf6;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:11px;font-weight:700;height:22px;justify-content:center;position:absolute;right:5px;top:0;width:22px}.feed-tabs,.story-count{align-items:center;display:flex}.feed-tabs{gap:20px;justify-content:space-between;margin-bottom:20px}.feed-only h1{color:#111827;font-size:24px;font-weight:700;margin:0}.feed-buttons{background:#fff;border-radius:20px;box-shadow:0 1px 3px #0000001a;display:flex;gap:10px;padding:4px}.tab-button{background:#0000;border:none;border-radius:16px;color:#6b7280;cursor:pointer;font-size:15px;font-weight:600;padding:10px 24px;transition:all .3s;white-space:nowrap}.tab-button.active{background:#8b5cf6;box-shadow:0 4px 12px #8b5cf64d;color:#fff}.tab-button:hover:not(.active){background:#f3f4f6;color:#374151}.posts-feed{display:flex;flex-direction:column;gap:20px}.loading,.no-posts{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;color:#6b7280;font-size:15px;padding:60px 40px;text-align:center}@media (max-width:768px){.top-hearder{flex-direction:column;gap:12px}.create-post-btn-top,.search-bar{width:100%}.feed-tabs{align-items:flex-start;flex-direction:column;gap:12px}.feed-buttons{justify-content:center;width:100%}}@media (max-width:640px){.main-content,.stories-section{padding:15px}.stories-container{gap:12px}.story-item{min-width:65px}.story-avatar{height:65px;width:65px}.feed-only h1{font-size:20px}.tab-button{font-size:14px;padding:8px 20px}}.source-picker-modal{align-items:center;animation:modalFadeIn .3s ease;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1200}.source-picker-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#111827bf;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1201}.source-picker-card{animation:slideUpScale .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 20px 60px #8b5cf626,0 10px 30px #0000001a,inset 0 1px 0 #ffffff80;display:flex;flex-direction:column;max-width:420px;overflow:hidden;padding:32px 24px;position:relative;width:90%;z-index:1210}@keyframes slideUpScale{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-glow{animation:rotateGlow 8s linear infinite;background:radial-gradient(circle,#8b5cf626 0,#0000 70%);height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:-1}@keyframes rotateGlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0 0 24px;text-align:center}.picker-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.picker-option{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #8b5cf61a;border-radius:16px;box-shadow:0 2px 8px #8b5cf60d;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.picker-option:before{background:linear-gradient(90deg,#0000,#8b5cf61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.picker-option:hover:before{left:100%}.picker-option:hover{background:#8b5cf614;border-color:#8b5cf64d;box-shadow:0 8px 20px #8b5cf626,0 2px 8px #0000000d;transform:translateY(-2px) scale(1.01)}.picker-option:active{transform:translateY(0) scale(.98)}.option-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:12px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;height:48px;transition:all .3s;width:48px}.picker-option:hover .option-icon{box-shadow:0 6px 16px #8b5cf666;transform:rotate(-5deg) scale(1.1)}.option-text{flex:1 1;gap:4px;text-align:left}.option-title{font-size:16px;letter-spacing:-.2px}.option-subtitle{font-size:13px;font-weight:400}.option-arrow{flex-shrink:0;transition:all .3s}.picker-option:hover .option-arrow{color:#8b5cf6;transform:translateX(4px)}.picker-cancel{background:#6344ef14;border:1px solid #6944ef33;border-radius:14px;color:#8b5cf6;cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:14px;transition:all .3s;width:100%}.picker-cancel:hover{background:#5b37ff1f;border-color:#5d28f04d;transform:translateY(-1px)}.picker-cancel:active{transform:translateY(0)}@media (max-width:480px){.source-picker-card{border-radius:20px;padding:24px 20px;width:95%}.modal-title{font-size:20px;margin-bottom:20px}.picker-option{gap:12px;padding:14px}.option-icon{height:42px;width:42px}.option-title{font-size:15px}.option-subtitle{font-size:12px}.picker-cancel{font-size:14px;padding:12px}}@media (max-width:360px){.source-picker-card{padding:20px 16px}.picker-options{gap:10px}}:root[data-theme=dark] .search-bar{background:#020617;box-shadow:0 18px 45px #0f172ab3}:root[data-theme=dark] .search-bar input{color:#e5e7eb}:root[data-theme=dark] .search-bar input::placeholder{color:#9ca3af}:root[data-theme=dark] .search-clear{background:#020617;color:#9ca3af}:root[data-theme=dark] .search-clear:hover{background:#111827;color:#e5e7eb}:root[data-theme=dark] .search-results{background:#020617;border:1px solid #1f2937;box-shadow:0 24px 60px #0f172ad9}:root[data-theme=dark] .search-loading,:root[data-theme=dark] .search-no-results{color:#9ca3af}:root[data-theme=dark] .search-result-item{border-bottom-color:#111827}:root[data-theme=dark] .search-result-item:hover{background:#020617}:root[data-theme=dark] .search-result-name{color:#e5e7eb}:root[data-theme=dark] .search-result-role{color:#9ca3af}:root[data-theme=dark] .stories-section{background:#020617;box-shadow:0 18px 45px #0f172acc}:root[data-theme=dark] .stories-section h3{color:#e5e7eb}:root[data-theme=dark] .story-avatar{background:#020617}:root[data-theme=dark] .story-avatar.add-story{background:#020617;border-color:#1f2937;color:#9ca3af}:root[data-theme=dark] .story-item span{color:#9ca3af}:root[data-theme=dark] .story-count{border-color:#020617}:root[data-theme=dark] .feed-only h1{color:#e5e7eb}:root[data-theme=dark] .feed-buttons{background:#020617;box-shadow:0 18px 45px #0f172acc}:root[data-theme=dark] .tab-button{color:#9ca3af}:root[data-theme=dark] .tab-button:hover:not(.active){background:#020617;color:#e5e7eb}:root[data-theme=dark] .tab-button.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 12px 30px #581c87cc;color:#fff}:root[data-theme=dark] .loading,:root[data-theme=dark] .no-posts{background:#020617;box-shadow:0 18px 45px #0f172ad9;color:#9ca3af}:root[data-theme=dark] .source-picker-backdrop{background:#0f172ae6}:root[data-theme=dark] .source-picker-card{background:#0f172af5;border-color:#374151cc;box-shadow:0 24px 70px #0f172af2,inset 0 1px 0 #94a3b84d}:root[data-theme=dark] .modal-glow{background:radial-gradient(circle,#818cf859 0,#0000 70%)}:root[data-theme=dark] .picker-option{background:#0f172ae6;border-color:#374151e6;box-shadow:0 2px 10px #0f172ae6}:root[data-theme=dark] .picker-option:hover{background:#1e40af40;border-color:#818cf8cc}:root[data-theme=dark] .option-subtitle{color:#9ca3af}:root[data-theme=dark] .option-arrow{color:#6b7280}:root[data-theme=dark] .picker-option:hover .option-arrow{color:#a5b4fc}:root[data-theme=dark] .picker-cancel{background:#2563eb1f;border-color:#3b82f699;color:#c7d2fe}:root[data-theme=dark] .picker-cancel:hover{background:#1e40af40;border-color:#818cf8e6}:root{--swal2-outline:0 0 0 3px #6496c880;--swal2-container-padding:0.625em;--swal2-backdrop:#0006;--swal2-backdrop-transition:background-color 0.15s;--swal2-width:32em;--swal2-padding:0 0 1.25em;--swal2-border:none;--swal2-border-radius:0.3125rem;--swal2-background:#fff;--swal2-color:#545454;--swal2-show-animation:swal2-show 0.3s;--swal2-hide-animation:swal2-hide 0.15s forwards;--swal2-icon-zoom:1;--swal2-icon-animations:true;--swal2-title-padding:0.8em 1em 0;--swal2-html-container-padding:1em 1.6em 0.3em;--swal2-input-border:1px solid #d9d9d9;--swal2-input-border-radius:0.1875em;--swal2-input-box-shadow:inset 0 1px 1px #0000000f,0 0 0 3px #0000;--swal2-input-background:#0000;--swal2-input-transition:border-color 0.2s,box-shadow 0.2s;--swal2-input-hover-box-shadow:inset 0 1px 1px #0000000f,0 0 0 3px #0000;--swal2-input-focus-border:1px solid #b4dbed;--swal2-input-focus-box-shadow:inset 0 1px 1px #0000000f,0 0 0 3px #6496c880;--swal2-progress-step-background:#add8e6;--swal2-validation-message-background:#f0f0f0;--swal2-validation-message-color:#666;--swal2-footer-border-color:#eee;--swal2-footer-background:#0000;--swal2-footer-color:inherit;--swal2-timer-progress-bar-background:#0000004d;--swal2-close-button-position:initial;--swal2-close-button-inset:auto;--swal2-close-button-font-size:2.5em;--swal2-close-button-color:#ccc;--swal2-close-button-transition:color 0.2s,box-shadow 0.2s;--swal2-close-button-outline:initial;--swal2-close-button-box-shadow:inset 0 0 0 3px #0000;--swal2-close-button-focus-box-shadow:inset var(--swal2-outline);--swal2-close-button-hover-transform:none;--swal2-actions-justify-content:center;--swal2-actions-width:auto;--swal2-actions-margin:1.25em auto 0;--swal2-actions-padding:0;--swal2-actions-border-radius:0;--swal2-actions-background:#0000;--swal2-action-button-transition:background-color 0.2s,box-shadow 0.2s;--swal2-action-button-hover:#000 10%;--swal2-action-button-active:#000 10%;--swal2-confirm-button-box-shadow:none;--swal2-confirm-button-border-radius:0.25em;--swal2-confirm-button-background-color:#7066e0;--swal2-confirm-button-color:#fff;--swal2-deny-button-box-shadow:none;--swal2-deny-button-border-radius:0.25em;--swal2-deny-button-background-color:#dc3741;--swal2-deny-button-color:#fff;--swal2-cancel-button-box-shadow:none;--swal2-cancel-button-border-radius:0.25em;--swal2-cancel-button-background-color:#6e7881;--swal2-cancel-button-color:#fff;--swal2-toast-show-animation:swal2-toast-show 0.5s;--swal2-toast-hide-animation:swal2-toast-hide 0.1s forwards;--swal2-toast-border:none;--swal2-toast-box-shadow:0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075)}[data-swal2-theme=dark]{--swal2-dark-theme-black:#19191a;--swal2-dark-theme-white:#e1e1e1;--swal2-background:var(--swal2-dark-theme-black);--swal2-color:var(--swal2-dark-theme-white);--swal2-footer-border-color:#555;--swal2-input-background:color-mix(in srgb,var(--swal2-dark-theme-black),var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background:color-mix(in srgb,var(--swal2-dark-theme-black),var(--swal2-dark-theme-white) 10%);--swal2-validation-message-color:var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background:#ffffffb3}@media(prefers-color-scheme:dark){[data-swal2-theme=auto]{--swal2-dark-theme-black:#19191a;--swal2-dark-theme-white:#e1e1e1;--swal2-background:var(--swal2-dark-theme-black);--swal2-color:var(--swal2-dark-theme-white);--swal2-footer-border-color:#555;--swal2-input-background:color-mix(in srgb,var(--swal2-dark-theme-black),var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background:color-mix(in srgb,var(--swal2-dark-theme-black),var(--swal2-dark-theme-white) 10%);--swal2-validation-message-color:var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background:#ffffffb3}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{background-color:#0000!important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px #0006;box-shadow:0 0 10px var(--swal2-backdrop)}body.swal2-toast-shown .swal2-container{background-color:#0000;box-sizing:border-box;max-width:100%;pointer-events:none;width:360px}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static!important}}div:where(.swal2-container){-webkit-overflow-scrolling:touch;box-sizing:border-box;display:grid;grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";grid-template-rows:minmax(-webkit-min-content,auto) minmax(-webkit-min-content,auto) minmax(-webkit-min-content,auto);grid-template-rows:minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);height:100%;inset:0;overflow-x:hidden;padding:.625em;padding:var(--swal2-container-padding);position:fixed;transition:background-color .15s;transition:var(--swal2-backdrop-transition);z-index:1060}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:#0006;background:var(--swal2-backdrop)}div:where(.swal2-container).swal2-backdrop-hide{background:#0000!important}div:where(.swal2-container).swal2-bottom-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-top-start{grid-template-columns:minmax(0,1fr) auto auto}div:where(.swal2-container).swal2-bottom,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-top{grid-template-columns:auto minmax(0,1fr) auto}div:where(.swal2-container).swal2-bottom-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-top-end{grid-template-columns:auto auto minmax(0,1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-left>.swal2-popup,div:where(.swal2-container).swal2-center-start>.swal2-popup{align-self:center;grid-row:2}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-left>.swal2-popup,div:where(.swal2-container).swal2-bottom-start>.swal2-popup{align-self:end;grid-column:1;grid-row:3}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup,div:where(.swal2-container).swal2-grow-row>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{align-self:stretch;grid-row:1/4}div:where(.swal2-container).swal2-no-transition{transition:none!important}div:where(.swal2-container)[popover]{border:0;width:auto}div:where(.swal2-container) div:where(.swal2-popup){background:#fff;background:var(--swal2-background);border:none;border:var(--swal2-border);border-radius:.3125rem;border-radius:var(--swal2-border-radius);box-sizing:border-box;color:#545454;color:var(--swal2-color);container-name:swal2-popup;display:none;font-family:inherit;font-size:1rem;grid-template-columns:minmax(0,100%);max-width:100%;padding:0 0 1.25em;padding:var(--swal2-padding);position:relative;width:32em;width:var(--swal2-width)}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable{cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging{cursor:grabbing}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){color:inherit;cursor:auto;font-size:1.875em;font-weight:600;margin:0;max-width:100%;overflow-wrap:break-word;padding:.8em 1em 0;padding:var(--swal2-title-padding);position:relative;text-align:center;text-transform:none}div:where(.swal2-container) div:where(.swal2-actions){align-items:center;background:#0000;background:var(--swal2-actions-background);border-radius:0;border-radius:var(--swal2-actions-border-radius);box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;justify-content:var(--swal2-actions-justify-content);margin:1.25em auto 0;margin:var(--swal2-actions-margin);padding:0;padding:var(--swal2-actions-padding);width:auto;width:var(--swal2-actions-width);z-index:1}div:where(.swal2-container) div:where(.swal2-loader){align-items:center;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-color:#2778c4 #0000;border-radius:100%;border-style:solid;border-width:.25em;display:none;height:2.2em;justify-content:center;margin:0 1.875em;width:2.2em}div:where(.swal2-container) button:where(.swal2-styled){border:none;box-shadow:0 0 0 3px #0000;font-weight:500;margin:.3125em;padding:.625em 1.1em;transition:background-color .2s,box-shadow .2s;transition:var(--swal2-action-button-transition)}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;background-color:#7066e0;background-color:var(--swal2-confirm-button-background-color);border-radius:.25em;border-radius:var(--swal2-confirm-button-border-radius);box-shadow:none;box-shadow:var(--swal2-confirm-button-box-shadow);color:#fff;color:var(--swal2-confirm-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:color-mix(in srgb,#7066e0,#000 10%);background-color:color-mix(in srgb,var(--swal2-confirm-button-background-color),var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active{background-color:color-mix(in srgb,#7066e0,#000 10%);background-color:color-mix(in srgb,var(--swal2-confirm-button-background-color),var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;background-color:#dc3741;background-color:var(--swal2-deny-button-background-color);border-radius:.25em;border-radius:var(--swal2-deny-button-border-radius);box-shadow:none;box-shadow:var(--swal2-deny-button-box-shadow);color:#fff;color:var(--swal2-deny-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover{background-color:color-mix(in srgb,#dc3741,#000 10%);background-color:color-mix(in srgb,var(--swal2-deny-button-background-color),var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active{background-color:color-mix(in srgb,#dc3741,#000 10%);background-color:color-mix(in srgb,var(--swal2-deny-button-background-color),var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;background-color:#6e7881;background-color:var(--swal2-cancel-button-background-color);border-radius:.25em;border-radius:var(--swal2-cancel-button-border-radius);box-shadow:none;box-shadow:var(--swal2-cancel-button-box-shadow);color:#fff;color:var(--swal2-cancel-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover{background-color:color-mix(in srgb,#6e7881,#000 10%);background-color:color-mix(in srgb,var(--swal2-cancel-button-background-color),var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active{background-color:color-mix(in srgb,#6e7881,#000 10%);background-color:color-mix(in srgb,var(--swal2-cancel-button-background-color),var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{box-shadow:var(--swal2-action-button-focus-box-shadow);outline:none}div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading){opacity:.4}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){background:#0000;background:var(--swal2-footer-background);border-top:1px solid #eee;border-top:1px solid var(--swal2-footer-border-color);color:inherit;color:var(--swal2-footer-color);cursor:auto;font-size:1em;margin:1em 0 0;padding:1em 1em 0;text-align:center}div:where(.swal2-container) .swal2-timer-progress-bar-container{border-bottom-left-radius:.3125rem;border-bottom-left-radius:var(--swal2-border-radius);border-bottom-right-radius:.3125rem;border-bottom-right-radius:var(--swal2-border-radius);bottom:0;grid-column:auto!important;left:0;overflow:hidden;position:absolute;right:0}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){background:#0000004d;background:var(--swal2-timer-progress-bar-background);height:.25em;width:100%}div:where(.swal2-container) img:where(.swal2-image){cursor:auto;margin:2em auto 1em;max-width:100%}div:where(.swal2-container) button:where(.swal2-close){align-items:center;background:#0000;border:none;border-radius:.3125rem;border-radius:var(--swal2-border-radius);color:#ccc;color:var(--swal2-close-button-color);cursor:pointer;font-family:monospace;font-size:2.5em;font-size:var(--swal2-close-button-font-size);height:1.2em;inset:auto;inset:var(--swal2-close-button-inset);justify-content:center;justify-self:end;margin-bottom:-1.2em;margin-right:0;margin-top:0;outline:initial;outline:var(--swal2-close-button-outline);overflow:hidden;padding:0;position:static;position:var(--swal2-close-button-position);transition:color .2s,box-shadow .2s;transition:var(--swal2-close-button-transition);width:1.2em;z-index:2}div:where(.swal2-container) button:where(.swal2-close):hover{background:#0000;color:#f27474;transform:none;transform:var(--swal2-close-button-hover-transform)}div:where(.swal2-container) button:where(.swal2-close):focus-visible{box-shadow:inset 0 0 0 3px #6496c880;box-shadow:var(--swal2-close-button-focus-box-shadow);outline:none}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-html-container){color:inherit;cursor:auto;font-size:1.125em;font-weight:400;justify-content:center;line-height:normal;margin:0;overflow:auto;overflow-wrap:break-word;padding:1em 1.6em .3em;padding:var(--swal2-html-container-padding);text-align:center;word-break:break-word;z-index:1}div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) label:where(.swal2-checkbox),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) textarea:where(.swal2-textarea){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) textarea:where(.swal2-textarea){background:#0000;background:var(--swal2-input-background);border:1px solid #d9d9d9;border:var(--swal2-input-border);border-radius:.1875em;border-radius:var(--swal2-input-border-radius);box-shadow:inset 0 1px 1px #0000000f,0 0 0 3px #0000;box-shadow:var(--swal2-input-box-shadow);box-sizing:border-box;color:inherit;font-size:1.125em;transition:border-color .2s,box-shadow .2s;transition:var(--swal2-input-transition);width:auto}div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}div:where(.swal2-container) input:where(.swal2-file):hover,div:where(.swal2-container) input:where(.swal2-input):hover,div:where(.swal2-container) textarea:where(.swal2-textarea):hover{box-shadow:inset 0 1px 1px #0000000f,0 0 0 3px #0000;box-shadow:var(--swal2-input-hover-box-shadow)}div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:1px solid #b4dbed;border:var(--swal2-input-focus-border);box-shadow:inset 0 1px 1px #0000000f,0 0 0 3px #6496c880;box-shadow:var(--swal2-input-focus-box-shadow);outline:none}div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{background:#fff;background:var(--swal2-background);margin:1em 2em 3px}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{color:inherit;font-weight:600;text-align:center;width:20%}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{font-size:1.125em;height:2.625em;line-height:2.625em;padding:0}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{background:#0000;background:var(--swal2-input-background);font-size:1.125em;margin-left:auto;margin-right:auto;width:75%}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{background:#0000;background:var(--swal2-input-background);color:inherit;font-size:1.125em;max-width:100%;min-width:50%;padding:.375em .625em}div:where(.swal2-container) .swal2-checkbox,div:where(.swal2-container) .swal2-radio{align-items:center;background:#fff;background:var(--swal2-background);color:inherit;justify-content:center}div:where(.swal2-container) .swal2-checkbox label,div:where(.swal2-container) .swal2-radio label{font-size:1.125em;margin:0 .6em}div:where(.swal2-container) .swal2-checkbox input,div:where(.swal2-container) .swal2-radio input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;background:#f0f0f0;background:var(--swal2-validation-message-background);color:#666;color:var(--swal2-validation-message-color);font-size:1em;font-weight:300;justify-content:center;margin:1em 0 0;overflow:hidden;padding:.625em}div:where(.swal2-container) div:where(.swal2-validation-message):before{background-color:#f27474;border-radius:50%;color:#fff;content:"!";display:inline-block;font-weight:600;height:1.5em;line-height:1.5em;margin:0 .625em;min-width:1.5em;text-align:center;width:1.5em}div:where(.swal2-container) .swal2-progress-steps{align-items:center;background:#0000;flex-wrap:wrap;font-weight:600;margin:1.25em auto;max-width:100%;padding:0}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{background:#2778c4;border-radius:2em;color:#fff;flex-shrink:0;height:2em;line-height:2em;text-align:center;width:2em;z-index:20}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;background:var(--swal2-progress-step-background);color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6;background:var(--swal2-progress-step-background)}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{background:#2778c4;flex-shrink:0;height:.4em;margin:0 -1px;width:2.5em;z-index:10}div:where(.swal2-icon){zoom:1;zoom:var(--swal2-icon-zoom);border:.25em solid #000;border-radius:50%;box-sizing:initial;cursor:default;font-family:inherit;height:5em;justify-content:center;line-height:5em;margin:2.5em auto .6em;position:relative;-webkit-user-select:none;user-select:none;width:5em}div:where(.swal2-icon) .swal2-icon-content{align-items:center;display:flex;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{flex-grow:1;position:relative}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{background-color:#f27474;border-radius:.125em;display:block;height:.3125em;position:absolute;top:2.3125em;width:2.9375em}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}}div:where(.swal2-icon).swal2-warning{border-color:#f8bb86;color:#f8bb86}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}}div:where(.swal2-icon).swal2-info{border-color:#3fc3ee;color:#3fc3ee}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}}div:where(.swal2-icon).swal2-question{border-color:#87adbd;color:#87adbd}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{border-radius:50%;height:7.5em;position:absolute;width:3.75em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{border-radius:7.5em 0 0 7.5em;left:-2.0635em;top:-.4375em;transform:rotate(-45deg);transform-origin:3.75em 3.75em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{border-radius:0 7.5em 7.5em 0;left:1.875em;top:-.6875em;transform:rotate(-45deg);transform-origin:0 3.75em}div:where(.swal2-icon).swal2-success .swal2-success-ring{border:.25em solid #a5dc864d;border-radius:50%;box-sizing:initial;height:100%;left:-.25em;position:absolute;top:-.25em;width:100%;z-index:2}div:where(.swal2-icon).swal2-success .swal2-success-fix{height:5.625em;left:1.625em;position:absolute;top:.5em;transform:rotate(-45deg);width:.4375em;z-index:1}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{background-color:#a5dc86;border-radius:.125em;display:block;height:.3125em;position:absolute;z-index:2}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{left:.8125em;top:2.875em;transform:rotate(45deg);width:1.5625em}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{right:.5em;top:2.375em;transform:rotate(-45deg);width:2.9375em}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:swal2-show .3s;animation:var(--swal2-show-animation)}.swal2-hide{animation:swal2-hide .15s forwards;animation:var(--swal2-hide-animation)}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{height:50px;overflow:scroll;position:absolute;top:-9999px;width:50px}.swal2-rtl .swal2-close{margin-left:0;margin-right:0}.swal2-rtl .swal2-timer-progress-bar{left:auto;right:0}.swal2-toast{background:#fff;background:var(--swal2-background);border:none;border:var(--swal2-toast-border);box-shadow:0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075);box-shadow:var(--swal2-toast-box-shadow);box-sizing:border-box;grid-column:1/4!important;grid-row:1/4!important;grid-template-columns:-webkit-min-content auto -webkit-min-content;grid-template-columns:min-content auto min-content;overflow-y:hidden;padding:1em;pointer-events:all}.swal2-toast>*{grid-column:2}.swal2-toast h2:where(.swal2-title){font-size:1em;margin:.5em 1em;padding:0;text-align:left;text-align:initial}.swal2-toast .swal2-loading{justify-content:center}.swal2-toast input:where(.swal2-input){font-size:1em;height:2em;margin:.5em}.swal2-toast .swal2-validation-message{font-size:1em}.swal2-toast div:where(.swal2-footer){font-size:.8em;margin:.5em 0 0;padding:.5em 0 0}.swal2-toast button:where(.swal2-close){align-self:center;font-size:2em;grid-column:3/3;grid-row:1/99;height:.8em;margin:0;width:.8em}.swal2-toast div:where(.swal2-html-container){font-size:1em;margin:.5em 1em;overflow:visible;overflow:initial;padding:0;text-align:left;text-align:initial}.swal2-toast div:where(.swal2-html-container):empty{padding:0}.swal2-toast .swal2-loader{margin:.25em}.swal2-toast .swal2-icon,.swal2-toast .swal2-loader{align-self:center;grid-column:1;grid-row:1/99;height:2em;width:2em}.swal2-toast .swal2-icon{margin:0 .5em 0 0;min-width:2em}.swal2-toast .swal2-icon .swal2-icon-content{align-items:center;display:flex;font-size:1.8em;font-weight:700}.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{height:2em;width:2em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-toast div:where(.swal2-actions){height:auto;justify-content:flex-start;margin:.5em 0 0;padding:0 .5em}.swal2-toast button:where(.swal2-styled){font-size:1em;margin:.25em .5em;padding:.4em .6em}.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-toast .swal2-success [class^=swal2-success-circular-line]{border-radius:50%;height:3em;position:absolute;width:1.6em}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{border-radius:4em 0 0 4em;left:-.5em;top:-.8em;transform:rotate(-45deg);transform-origin:2em 2em}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{border-radius:0 4em 4em 0;left:.9375em;top:-.25em;transform-origin:0 1.5em}.swal2-toast .swal2-success .swal2-success-ring{height:2em;width:2em}.swal2-toast .swal2-success .swal2-success-fix{height:2.6875em;left:.4375em;top:0;width:.4375em}.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{left:.1875em;top:1.125em;width:.75em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{right:.1875em;top:.9375em;width:1.375em}@container swal2-popup style(--swal2-icon-animations:true){.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}}.swal2-toast.swal2-show{animation:swal2-toast-show .5s;animation:var(--swal2-toast-show-animation)}.swal2-toast.swal2-hide{animation:swal2-toast-hide .1s forwards;animation:var(--swal2-toast-hide-animation)}@keyframes swal2-show{0%{opacity:0;transform:translate3d(0,-50px,0) scale(.9)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes swal2-hide{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(0,-50px,0) scale(.9)}}@keyframes swal2-animate-success-line-tip{0%{left:.0625em;top:1.1875em;width:0}54%{left:.125em;top:1.0625em;width:0}70%{left:-.375em;top:2.1875em;width:3.125em}84%{left:1.3125em;top:3em;width:1.0625em}to{left:.8125em;top:2.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{right:2.875em;top:3.375em;width:0}65%{right:2.875em;top:3.375em;width:0}84%{right:0;top:2.1875em;width:3.4375em}to{right:.5em;top:2.375em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;opacity:0;transform:scale(.4)}50%{margin-top:1.625em;opacity:0;transform:scale(.4)}80%{margin-top:-.375em;transform:scale(1.15)}to{margin-top:0;opacity:1;transform:scale(1)}}@keyframes swal2-animate-error-icon{0%{opacity:0;transform:rotateX(100deg)}to{opacity:1;transform:rotateX(0deg)}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-1turn)}to{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{opacity:0;transform:rotate(45deg)}25%{opacity:.4;transform:rotate(-25deg)}50%{opacity:.8;transform:rotate(15deg)}75%{opacity:1;transform:rotate(-5deg)}to{opacity:1;transform:rotateX(0)}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotate(2deg)}33%{transform:translateY(0) rotate(-2deg)}66%{transform:translateY(.3125em) rotate(2deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes swal2-toast-hide{to{opacity:0;transform:rotate(1deg)}}@keyframes swal2-toast-animate-success-line-tip{0%{left:.0625em;top:.5625em;width:0}54%{left:.125em;top:.125em;width:0}70%{left:-.25em;top:.625em;width:1.625em}84%{left:.75em;top:1.0625em;width:.5em}to{left:.1875em;top:1.125em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{right:1.375em;top:1.625em;width:0}65%{right:.9375em;top:1.25em;width:0}84%{right:0;top:.9375em;width:1.125em}to{right:.1875em;top:.9375em;width:1.375em}}.fi-right-sidebar{background:#f9fafb;border-left:1px solid #e5e7eb;height:calc(100vh - 64px);overflow-y:auto;padding:20px;position:fixed;right:0;top:64px;width:350px;z-index:3}.fi-family-members-card,.fi-requests-card,.fi-suggestions-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.fi-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.fi-card-header h3,.fi-family-members-card h3,.fi-suggestions-card h3{color:#111827;font-size:16px;font-weight:700;margin:0}.fi-badge{background:#ef4444;border-radius:12px;color:#fff;font-size:12px;font-weight:700;padding:3px 10px}.fi-request-list,.fi-suggestion-list{display:flex;flex-direction:column;gap:15px;margin-top:20px}.fi-request-item,.fi-suggestion-item{align-items:center;display:flex;gap:12px}.fi-request-item img,.fi-suggestion-item img{border-radius:50%;height:45px;object-fit:cover;width:45px}.fi-suggestion-avatar-initials{font-size:16px;height:45px;width:45px}.fi-request-info,.fi-suggestion-info{flex:1 1;min-width:0}.fi-request-info h4,.fi-suggestion-info h4{color:#111827;cursor:pointer;font-size:14px;font-weight:600;margin:0 0 3px}.fi-request-info p,.fi-suggestion-info p{color:#9ca3af;font-size:12px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fi-request-info small{color:#9ca3af;display:block;font-size:11px;margin-top:2px}.fi-request-actions{display:flex;gap:8px;margin-top:10px}.fi-btn-accept,.fi-btn-decline{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px;transition:all .2s}.fi-btn-accept{background:#8b5cf6;color:#fff}.fi-btn-accept:hover{background:#7c3aed}.fi-btn-decline{background:#f3f4f6;color:#6b7280}.fi-btn-decline:hover{background:#e5e7eb}.fi-btn-add-friend{background:#f3f4f6;border:none;border-radius:8px;color:#8b5cf6;cursor:pointer;padding:8px;transition:all .2s}.fi-btn-add-friend:hover{background:#ede9fe}.fi-members-avatars{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-bottom:15px}.fi-member-avatar-small{border:2px solid #fff;border-radius:50%;height:35px;margin-left:-8px;object-fit:cover;width:35px}.fi-member-avatar-small:first-child{margin-left:0}.fi-family-members-card{text-align:center}.fi-family-members-card h3{font-size:16px;margin:0 0 5px}.fi-family-members-card p{color:#6b7280;font-size:13px;margin:0}.fi-member-avatar-initials-small{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;font-size:12px;font-weight:700;justify-content:center}.fi-footer-links{display:flex;flex-direction:column;gap:10px;padding:15px 0}.fi-footer-links a{color:#6b7280;font-size:13px;text-decoration:none;transition:color .2s}.fi-footer-links a:hover{color:#8b5cf6}@media (max-width:1024px){.fi-right-sidebar{border-left:none;height:auto;position:static;width:100%}}@media (max-width:640px){.fi-right-sidebar{padding:15px}}.fi-send-request-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;margin-bottom:20px;padding:15px;transition:transform .2s;width:100%}.fi-send-request-btn:hover{transform:translateY(-2px)}.fi-send-request-btn svg{flex-shrink:0}.fi-suggestions-loading{color:#9ca3af;padding:20px;text-align:center}.fi-suggestions-loading p{font-size:14px;margin:0}.fi-no-suggestions{color:#6b7280;padding:30px 20px;text-align:center}.fi-no-suggestions p{font-size:14px;margin:5px 0}.fi-no-suggestions p:first-child{color:#4b5563;font-weight:600}.fi-suggestion-avatar-img{border-radius:50%;flex-shrink:0;height:50px;object-fit:cover;width:50px}.fi-suggestion-avatar-initials{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:50px;justify-content:center;width:50px}.fi-active-p{text-align:center}.fi-request-info:hover h4,.fi-suggestion-info:hover h4{color:#7c3aed}.fi-request-info,.fi-suggestion-info{transition:all .2s ease}:root[data-theme=dark] .fi-right-sidebar{background:radial-gradient(circle at 0 0,#020617 0,#020617 70%);border-left-color:#111827;color:#e5e7eb}:root[data-theme=dark] .fi-right-sidebar h1,:root[data-theme=dark] .fi-right-sidebar h2,:root[data-theme=dark] .fi-right-sidebar h3,:root[data-theme=dark] .fi-right-sidebar h4,:root[data-theme=dark] .fi-right-sidebar p,:root[data-theme=dark] .fi-right-sidebar span{color:#e5e7eb}:root[data-theme=dark] .fi-family-members-card,:root[data-theme=dark] .fi-requests-card,:root[data-theme=dark] .fi-suggestions-card{background:radial-gradient(circle at 0 0,#020617 0,#020617 70%);border:1px solid #111827;box-shadow:0 18px 45px #0f172ab3}:root[data-theme=dark] .fi-card-header h3,:root[data-theme=dark] .fi-family-members-card h3,:root[data-theme=dark] .fi-suggestions-card h3{color:#f9fafb}:root[data-theme=dark] .fi-badge{background:#ef4444;color:#fff}:root[data-theme=dark] .fi-request-info h4,:root[data-theme=dark] .fi-suggestion-info h4{color:#e5e7eb}:root[data-theme=dark] .fi-family-members-card p,:root[data-theme=dark] .fi-request-info p,:root[data-theme=dark] .fi-request-info small,:root[data-theme=dark] .fi-suggestion-info p{color:#9ca3af}:root[data-theme=dark] .fi-btn-accept{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}:root[data-theme=dark] .fi-btn-accept:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}:root[data-theme=dark] .fi-btn-decline{background:#020617;border:1px solid #374151;color:#e5e7eb}:root[data-theme=dark] .fi-btn-decline:hover{background:#111827;border-color:#4b5563}:root[data-theme=dark] .fi-btn-add-friend{background:#020617;border:1px solid #4f46e5;color:#a5b4fc}:root[data-theme=dark] .fi-btn-add-friend:hover{background:#111827;color:#c7d2fe}:root[data-theme=dark] .fi-send-request-btn{box-shadow:0 12px 30px #0f172ae6}:root[data-theme=dark] .fi-footer-links a{color:#9ca3af}:root[data-theme=dark] .fi-footer-links a:hover{color:#c4b5fd}:root[data-theme=dark] .fi-no-suggestions,:root[data-theme=dark] .fi-suggestions-loading,:root[data-theme=dark] .fi-suggestions-loading p{color:#9ca3af}:root[data-theme=dark] .fi-no-suggestions p:first-child{color:#e5e7eb}:root[data-theme=dark] .fi-request-info:hover h4,:root[data-theme=dark] .fi-suggestion-info:hover h4{color:#c4b5fd}.story-creation-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.story-creation-backdrop{inset:0;position:absolute}.story-creation-modal{animation:slideUp .3s ease;background:#f9f8ff;border-radius:18px;box-shadow:0 20px 60px #00000080;display:flex;gap:32px;height:85vh;max-width:1200px;overflow:hidden;padding:24px 28px 20px;position:relative;width:59%}.story-sidebar{background:#0000;border:none;display:flex;flex-direction:column;padding:0 0 18px 4px;width:260px}.story-sidebar-header{align-items:center;display:flex;justify-content:space-between;padding:4px 0 14px 14px}.story-sidebar-header h2{color:#111827;font-size:18px;font-weight:700;margin:0}.close-btn{align-items:center;background:#e5e7eb;border:none;border-radius:999px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:20px;top:16px;transition:all .2s;width:32px}.close-btn:hover{background:#d1d5db;color:#111827}.story-user-info-sidebar{align-items:center;display:flex;gap:12px;padding:14px 14px 16px}.user-avatar-sidebar{object-fit:cover}.user-avatar-fallback,.user-avatar-sidebar{border:2px solid #e5e7eb;border-radius:50%;height:48px;width:48px}.user-avatar-fallback{align-items:center;background:#e5e7eb;display:flex;justify-content:center;text-transform:uppercase}.user-avatar-fallback,.user-name-sidebar{color:#111827;font-size:16px;font-weight:600}.story-options{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:14px 14px 0}.story-option-btn{align-items:center;background:#0000;border:none;border-radius:0;cursor:pointer;display:flex;gap:12px;padding:10px 0;transition:background .15s ease}.story-option-btn:hover{background:#00000008}.story-option-btn{padding-bottom:14px;position:relative}.story-option-btn:not(:last-child):after{background:#e5e7eb;bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.option-icon{align-items:center;background:linear-gradient(135deg,#ede9fe,#e0e7ff);border-radius:999px;color:#8b5cf6;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.option-text{display:flex;flex-direction:column}.option-title{color:#111827;font-size:15px}.option-subtitle{color:#6b7280;font-size:12px}.story-preview-panel{display:flex;flex:1 1;flex-direction:column}.story-preview-header{align-items:center;display:flex;justify-content:space-between;padding:4px 4px 16px}.story-preview-header h3{color:#111827;display:flex;font-size:18px;font-weight:700;justify-content:flex-end;margin:0}.story-preview-content{flex:1 1;position:relative}.story-image-preview,.story-preview-content{align-items:center;display:flex;justify-content:center}.story-image-preview{background:#0000;box-shadow:none;height:auto;max-width:520px;padding:0}.story-image-preview img{object-fit:cover}.story-image-preview img,.story-video-preview{border-radius:18px;box-shadow:none;max-height:100%;width:100%}.story-preview-content{padding:10px 40px 0}.story-image-preview{max-width:100%;width:100%}.story-image-preview img,.story-video-preview{max-height:420px;max-width:800px;object-fit:cover;width:125%}.story-placeholder{align-items:center;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:18px;cursor:pointer;display:flex;height:320px;justify-content:center;max-width:520px;width:100%}.upload-prompt{color:#4b5563;text-align:center}.upload-prompt svg{color:#8b5cf6;margin-bottom:16px}.upload-prompt p{color:#9ca3af;font-size:16px}.caption-overlay{bottom:18px;left:50%;position:absolute;transform:translateX(-50%);width:80%}.caption-input{background:#000000b3;border:2px solid #fff;border-radius:12px;color:#fff;font-size:16px;min-height:60px;outline:none;padding:12px;resize:none;width:100%}.caption-input::placeholder{color:#fff9}.story-actions{display:flex;gap:12px;padding-top:18px}.discard-btn{background:#9f9f9f;border:none;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px;transition:all .2s}.discard-btn:hover{background:#9333ea}.share-story-btn{background:#a855f7;border:1px solid #e5e7eb;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px;transition:all .2s}.share-story-btn:hover:not(:disabled){border-color:#8b5cf6;box-shadow:0 6px 20px #94a3b866}.share-story-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.story-creation-modal{flex-direction:column;height:90vh;padding:18px 16px 16px;width:95%}.story-sidebar{width:100%}.story-options{flex-direction:row;overflow-x:auto;padding-bottom:10px}.story-option-btn{min-width:120px;padding-inline:10px}.story-actions{flex-direction:column}}.story-filerobot-editor-overlay{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:4000}.story-filerobot-editor-backdrop{background:#0000008c;inset:0;position:absolute;z-index:1}.story-filerobot-editor-modal{align-items:center;background:#0000;display:flex;height:68vh;justify-content:center;max-width:60vw;position:relative;z-index:2}.music-picker-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.music-picker-backdrop{background:#000000b3;bottom:0;left:0;position:absolute;right:0;top:0}.music-picker-modal{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:80vh;overflow:hidden;position:relative;width:500px}.music-picker-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.music-picker-header h3{font-size:20px;font-weight:600;margin:0}.music-picker-header button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:4px}.music-search-bar{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:10px;padding:15px 20px}.music-search-bar input{border:none;flex:1 1;font-size:14px;outline:none}.music-list{flex:1 1;overflow-y:auto;padding:10px}.music-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px;transition:all .3s ease}.music-item:hover{background:#f5f5f5;transform:translateX(5px)}.track-album-art{border-radius:4px;height:50px;object-fit:cover;width:50px}.track-info{flex:1 1;min-width:0}.track-name{font-size:14px;font-weight:500}.track-artist,.track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{color:#666;font-size:12px}.track-actions{display:flex;gap:8px}.play-preview-btn,.select-track-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.play-preview-btn{align-items:center;background:#f0f0f0;display:flex;justify-content:center}.play-preview-btn:hover{background:#e0e0e0}.select-track-btn{background:#1db954;color:#fff;font-weight:500}.select-track-btn:hover{background:#1ed760}.music-loading,.no-music{color:#666;padding:40px 20px;text-align:center}.music-item.playing{animation:playingPulse 2s ease-in-out infinite;background:linear-gradient(90deg,#f5f5f5,#e8f5e9 50%,#f5f5f5)}@keyframes playingPulse{0%,to{background:linear-gradient(90deg,#f5f5f5,#e8f5e9 50%,#f5f5f5)}50%{background:linear-gradient(90deg,#e8f5e9,#c8e6c9 50%,#e8f5e9)}}.play-preview-btn.playing{animation:playingBounce .6s ease-in-out infinite alternate;background:#1db954;color:#fff}@keyframes playingBounce{0%{transform:scale(1)}to{transform:scale(1.1)}}.music-loading{align-items:center;display:flex;flex-direction:column;gap:15px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-top-color:#1db954;height:40px;width:40px}.play-preview-btn.disabled,.play-preview-btn:disabled{background:#e0e0e0;cursor:not-allowed;opacity:.3}.music-preview-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:12px;bottom:20px;left:20px;padding:12px;position:absolute;right:20px}.music-info svg{flex-shrink:0}.music-details .track-name{color:#fff;font-size:14px;font-weight:600}.music-details .artist-name,.music-details .track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-details .artist-name{font-size:12px;opacity:.8}.remove-music-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;transition:background .2s;width:28px}.remove-music-btn:hover{background:#ffffff4d}.music-play-toggle-btn{transition:transform .2s,background .2s}.music-play-toggle-btn:hover{background:#ffffff4d!important;transform:scale(1.1)}.music-play-toggle-btn:active{transform:scale(.95)}.music-preview-overlay.draggable{cursor:grab;position:absolute!important;transition:box-shadow .2s;-webkit-user-select:none;user-select:none}.music-preview-overlay.draggable:hover{box-shadow:0 4px 12px #0000004d}.music-preview-overlay.dragging{box-shadow:0 8px 20px #0006;cursor:grabbing!important;z-index:1000}.music-play-toggle-btn,.remove-music-btn{pointer-events:all;z-index:10}.story-image-preview{position:relative}.video-timeline-scrubber{align-items:center;background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:15px 20px}.video-control-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.video-control-btn:hover{background:#e5e7eb;transform:scale(1.05)}.timeline-track{background:#e5e7eb;border-radius:2px;flex:1 1;height:4px;overflow:hidden;position:relative}.timeline-slider{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:2}.timeline-progress-bar{background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:2px;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:width .1s ease}.time-display{color:#6b7280;flex-shrink:0;font-size:13px;font-weight:500;white-space:nowrap}@media (max-width:768px){.video-timeline-scrubber{padding:12px 15px}.time-display{font-size:11px}}.music-trimmer-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:11000}.music-trimmer-backdrop{background:#000000e6;bottom:0;left:0;position:absolute;right:0;top:0}.music-trimmer-modal{background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:90%;overflow:hidden;position:relative;width:500px}.music-trimmer-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 20px}.music-trimmer-header h3{font-size:18px;font-weight:600;margin:0}.music-trimmer-header button{background:none;border:none;cursor:pointer;padding:8px}.done-btn{color:#0095f6!important;font-size:15px;font-weight:600}.music-trimmer-content{overflow-y:auto;padding:20px}.selected-track-info{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:12px}.track-thumb{border-radius:4px;height:50px;object-fit:cover;width:50px}.track-title{font-size:14px;font-weight:600;margin-bottom:4px}.track-subtitle{color:#666;font-size:12px}.trim-waveform-container{margin-top:20px}.waveform-track{background:#f0f0f0;border-radius:8px;height:100px;margin-bottom:15px;overflow:hidden;position:relative}.waveform-bars{align-items:center;display:flex;gap:2px;height:100%;padding:0 5px}.waveform-bar{background:linear-gradient(180deg,#8b5cf6,#a78bfa);border-radius:2px;flex:1 1;transition:opacity .1s,height .2s}.trim-selection-window{background:#8b5cf633;border:2px solid #8b5cf6;height:100%;pointer-events:none;position:absolute;top:0}.trim-handle{background:#8b5cf6;bottom:0;cursor:ew-resize;pointer-events:all;position:absolute;top:0;width:8px}.trim-handle-left{border-radius:4px 0 0 4px;left:-4px}.trim-handle-right{border-radius:0 4px 4px 0;right:-4px}.trim-slider{-webkit-appearance:none;background:#e0e0e0;border-radius:2px;height:4px;margin:15px 0;outline:none;width:100%}.trim-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#8b5cf6;border-radius:50%;cursor:pointer;height:16px;width:16px}.trim-slider::-moz-range-thumb{background:#8b5cf6;border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.trim-controls{justify-content:space-between;margin:15px 0}.trim-controls,.trim-play-btn{align-items:center;display:flex}.trim-play-btn{background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;gap:8px;padding:10px 20px;transition:background .2s}.trim-play-btn:hover{background:#7c3aed}.trim-time-info{color:#666;font-size:14px;font-weight:500}.duration-selector{align-items:center;display:flex;gap:10px;margin-top:20px}.duration-selector span{color:#333;font-size:14px;font-weight:500}.duration-options{display:flex;gap:8px}.duration-btn{background:#f0f0f0;border:2px solid #0000;border-radius:20px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.duration-btn:hover{background:#e0e0e0}.duration-btn.active{background:#ede7f6;border-color:#8b5cf6;color:#8b5cf6}@media (max-width:600px){.music-trimmer-modal{border-radius:16px 16px 0 0;max-width:100%;width:100%}.trim-controls{flex-direction:column;gap:10px}}.music-info{color:#fff;gap:12px}.music-cover,.music-info{align-items:center;display:flex}.music-cover{background:#ffffff14;border-radius:12px;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.music-cover img{display:block;height:100%;object-fit:cover;width:100%}.music-cover-fallback{align-items:center;display:flex;justify-content:center}.music-cover.no-art .music-cover-fallback{display:flex}.music-details{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}:root[data-theme=dark] .story-creation-modal{background:#020617;box-shadow:0 24px 80px #0f172ae6;color:#e5e7eb}:root[data-theme=dark] .story-sidebar-header{border-bottom-color:#111827}:root[data-theme=dark] .story-sidebar-header h2{color:#e5e7eb}:root[data-theme=dark] .story-user-info-sidebar{border-bottom-color:#111827}:root[data-theme=dark] .user-name-sidebar{color:#e5e7eb}:root[data-theme=dark] .story-creation-modal .close-btn{background:#020617;border:1px solid #111827;color:#e5e7eb}:root[data-theme=dark] .story-creation-modal .close-btn:hover{background:#111827;color:#f9fafb}:root[data-theme=dark] .story-option-btn{color:#e5e7eb}:root[data-theme=dark] .story-option-btn:hover{background:#94a3b814}:root[data-theme=dark] .option-icon{background:#020617;color:#9ca3af}:root[data-theme=dark] .option-title,:root[data-theme=dark] .story-preview-header h3,:root[data-theme=dark] .upload-prompt{color:#e5e7eb}:root[data-theme=dark] .upload-prompt p{color:#9ca3af}:root[data-theme=dark] .caption-input{background:#0f172ae6;border-color:#e5e7eb;color:#f9fafb}:root[data-theme=dark] .caption-input::placeholder{color:#94a3b8d9}:root[data-theme=dark] .story-actions{border-top-color:#111827}:root[data-theme=dark] .discard-btn{background:#8b5cf6}:root[data-theme=dark] .discard-btn:hover{background:#7c3aed}:root[data-theme=dark] .share-story-btn{background:#020617;border-color:#111827;color:#e5e7eb}:root[data-theme=dark] .share-story-btn:hover:not(:disabled){border-color:#8b5cf6}:root[data-theme=dark] .story-filerobot-editor-backdrop{background:#000000bf}:root[data-theme=dark] .music-picker-modal{background:#020617;border:1px solid #111827;box-shadow:0 24px 80px #0f172ae6;color:#e5e7eb}:root[data-theme=dark] .music-picker-header{border-bottom-color:#111827}:root[data-theme=dark] .music-picker-header h3{color:#e5e7eb}:root[data-theme=dark] .music-search-bar{border-bottom-color:#111827}:root[data-theme=dark] .music-search-bar input{background:#0000;color:#e5e7eb}:root[data-theme=dark] .music-search-bar input::placeholder{color:#64748b}:root[data-theme=dark] .music-item,:root[data-theme=dark] .music-list{background:#020617}:root[data-theme=dark] .music-item:hover{background:#0f172ae6}:root[data-theme=dark] .track-name{color:#e5e7eb}:root[data-theme=dark] .track-artist{color:#9ca3af}:root[data-theme=dark] .play-preview-btn{background:#111827;color:#e5e7eb}:root[data-theme=dark] .play-preview-btn:hover{background:#1f2937}:root[data-theme=dark] .select-track-btn{background:#22c55e}:root[data-theme=dark] .select-track-btn:hover{background:#16a34a}:root[data-theme=dark] .music-loading,:root[data-theme=dark] .no-music{color:#9ca3af}:root[data-theme=dark] .music-preview-overlay{background:#0f172aeb}:root[data-theme=dark] .video-timeline-scrubber{background:#020617;border-top:1px solid #111827}:root[data-theme=dark] .video-control-btn{background:#020617;border:1px solid #111827;color:#e5e7eb}:root[data-theme=dark] .video-control-btn:hover{background:#111827}:root[data-theme=dark] .timeline-track{background:#1e293b}:root[data-theme=dark] .time-display{color:#cbd5e1}:root[data-theme=dark] .music-trimmer-modal{background:#020617;border:1px solid #111827;box-shadow:0 24px 80px #0f172ae6;color:#e5e7eb}:root[data-theme=dark] .music-trimmer-header{border-bottom-color:#111827}:root[data-theme=dark] .music-trimmer-header h3{color:#e5e7eb}:root[data-theme=dark] .done-btn{color:#38bdf8!important}:root[data-theme=dark] .music-trimmer-content{background:#020617}:root[data-theme=dark] .selected-track-info{background:#020617;border:1px solid #1f2937}:root[data-theme=dark] .track-title{color:#e5e7eb}:root[data-theme=dark] .track-subtitle{color:#9ca3af}:root[data-theme=dark] .waveform-track{background:#020617}:root[data-theme=dark] .trim-slider{background:#1f2937}:root[data-theme=dark] .trim-time-info{color:#cbd5e1}:root[data-theme=dark] .duration-selector span{color:#e5e7eb}:root[data-theme=dark] .duration-btn{background:#020617;border-color:#111827;color:#e5e7eb}:root[data-theme=dark] .duration-btn:hover{background:#111827}:root[data-theme=dark] .duration-btn.active{background:#818cf826;border-color:#8b5cf6;color:#c4b5fd}:root[data-theme=dark] .trim-play-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#f9fafb}:root[data-theme=dark] .music-loading .spinner{border-color:#22c55e #111827 #111827}:root[data-theme=dark] .user-avatar-fallback{background:#020617;border-color:#111827;color:#e5e7eb}:root[data-theme=dark] .story-option-btn:not(:last-child):after{background:#1f2937}.story-viewer-overlay{align-items:center;animation:fadeIn .2s ease-in;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.story-viewer-container{background:#000;border-radius:12px;box-shadow:0 10px 40px #00000080;height:90vh;max-height:900px;max-width:500px;overflow:hidden;position:relative;width:100%}.story-header{background:linear-gradient(180deg,#0009,#0000);left:0;padding:15px;position:absolute;right:0;top:0;z-index:2}.progress-bars{display:flex;gap:4px;margin-bottom:15px}.progress-bar-container{background:#ffffff4d;border-radius:2px;flex:1 1;height:3px;overflow:hidden}.progress-bar-fill{background:#fff;height:100%;transition:width .05s linear}.story-user-info{align-items:center;color:#fff;display:flex;gap:10px}.story-user-avatar{border:2px solid #fff;border-radius:50%;height:35px;object-fit:cover;width:35px}.story-user-name{font-size:14px;font-weight:600}.story-time{font-size:12px;margin-left:auto;opacity:.8}.story-close-btn{background:none;border:none;cursor:pointer;padding:5px;position:absolute;right:15px;top:15px;z-index:3}.story-content{align-items:center;display:flex;height:100%;justify-content:center;-webkit-user-select:none;user-select:none;width:100%}.story-nav-left,.story-nav-right{bottom:0;cursor:pointer;position:absolute;top:0;width:30%;z-index:1}.story-nav-left{left:0}.story-nav-right{right:0}.story-image{height:100%;object-fit:contain;width:100%}.story-caption{bottom:80px;color:#fff;font-size:15px;left:20px;line-height:1.4;position:absolute;right:20px;text-shadow:0 1px 3px #000c;z-index:2}.story-footer{background:linear-gradient(0deg,#0009,#0000);bottom:0;justify-content:space-between;left:0;padding:20px;position:absolute;right:0;z-index:2}.story-footer,.story-views{align-items:center;display:flex}.story-views{background:#0000004d;border-radius:20px;color:#fff;font-size:14px;gap:8px;padding:10px 16px;transition:background .2s}.story-views:hover{background:#00000080}.story-menu-btn-bottom{align-items:center;background:#0000004d;border:none;border-radius:50%;cursor:pointer;display:flex;height:44px;justify-content:center;padding:10px;transition:background .2s;width:44px}.story-menu-btn-bottom:hover{background:#00000080}.story-menu-dropdown-bottom{animation:slideUp .2s ease;background:#fff;border-radius:12px;bottom:80px;box-shadow:0 4px 12px #00000026;min-width:180px;padding:8px;position:absolute;right:20px;z-index:1001}.story-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#262626;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:12px 16px;transition:background .2s;width:100%}.story-menu-item:hover{background:#f0f0f0}.story-menu-item.delete{color:#ed4956}.story-menu-item.delete:hover{background:#fff0f1}.story-menu-item:disabled{cursor:not-allowed;opacity:.5}.story-menu-item svg{stroke:currentColor}@media (max-width:640px){.story-viewer-container{border-radius:0;height:100vh;max-height:100vh;max-width:100%}.story-menu-dropdown-bottom{bottom:75px;right:15px}}.story-caption-owner{background:#00000073;border-radius:10px;cursor:text;padding:8px 10px}.story-caption-owner:hover{background:#0009}.story-caption-edit{bottom:80px;display:flex;flex-direction:column;gap:8px;left:20px;position:absolute;right:20px;z-index:25}.story-caption-input{background:#000000b3;border:1px solid #fff6;border-radius:12px;box-sizing:border-box;color:#fff;font-size:14px;line-height:1.4;max-height:120px;min-height:60px;outline:none;padding:10px 12px;resize:vertical;width:100%}.story-caption-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 1px #8b5cf6b3}.story-caption-actions{display:flex;gap:8px;justify-content:flex-end}.story-caption-btn{border:none;border-radius:999px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px}.story-caption-btn.cancel{background:#ffffff1f;color:#e5e7eb}.story-caption-btn.save{background:#8b5cf6;color:#fff}.story-caption-btn:disabled{cursor:not-allowed;opacity:.5}.viewers-modal{animation:slideUpModal .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d;border-radius:20px 20px 0 0;bottom:0;display:flex;flex-direction:column;left:0;max-height:60vh;position:absolute;right:0;z-index:10}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.viewers-header{align-items:center;border-bottom:1px solid #ffffff21;display:flex;justify-content:space-between;padding:20px}.viewers-header h3{color:#fff;font-size:18px;font-weight:700;margin:0}.viewers-header button{background:none;border:none;color:#fff;cursor:pointer;padding:5px;transition:color .2s}.viewers-header button:hover{color:#d1d5db}.viewers-list{flex:1 1;overflow-y:auto;padding:10px 0}.viewers-list::-webkit-scrollbar{width:6px}.viewers-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.viewers-empty,.viewers-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.viewer-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 20px;transition:background .2s}.viewer-avatar{border:2px solid #f3f4f6;border-radius:50%;height:44px;object-fit:cover;width:44px}.viewer-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.viewer-name{color:#fff;font-size:15px;font-weight:600}.viewer-time{color:#d1d5db;font-size:13px}@media (max-width:640px){.viewers-modal{max-height:70vh}.viewer-item{padding:10px 16px}.viewer-avatar{height:40px;width:40px}.viewer-name{font-size:14px}.viewer-time{font-size:12px}}.story-user-avatar-dummy{border:2px solid #fff;border-radius:50%;font-size:14px;height:35px;width:35px}.story-user-avatar-dummy,.viewer-avatar-dummy{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-weight:700;justify-content:center;text-transform:uppercase}.viewer-avatar-dummy{border:2px solid #f3f4f6;border-radius:50%;flex-shrink:0;font-size:16px;height:44px;width:44px}@media (max-width:640px){.viewer-avatar-dummy{font-size:14px;height:40px;width:40px}}.swal2-container{z-index:20000!important}.modal-comments-scroll{margin-bottom:10px;max-height:28vh;overflow-y:auto}.modal-comment-item{align-items:flex-start;display:flex;gap:8px;padding:8px 18px}.modal-comment-user{color:#fff;font-weight:600}.modal-comment-text{color:#f2f2f2;margin-top:2px}.story-music-display{animation:slideInFromTop .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-radius:8px;gap:12px;left:15px;max-width:300px;padding:10px 12px;position:absolute;right:15px;top:80px;z-index:20}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.music-icon-animated{animation:musicPulse 1.5s ease-in-out infinite;background:#fff3;border-radius:50%;height:32px;width:32px}@keyframes musicPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.music-info-text{flex:1 1;min-width:0;overflow:hidden}.music-track-name{color:#fff;font-size:14px;margin-bottom:2px}.music-artist-name{color:#fffc;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-duration-badge{background:#fff3;border-radius:10px;display:inline-block;font-weight:600;margin-left:8px;padding:2px 8px}.story-comment-modal{align-items:flex-end;animation:modalFadeIn .3s ease;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.comment-modal-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000bf;height:100%;left:0;position:absolute;top:0;width:100%}.comment-input-container{animation:slideUpComment .3s cubic-bezier(.16,1,.3,1);background:#0000;border-radius:24px 24px 0 0;box-shadow:0 -10px 40px #00000080;margin:0 auto;max-width:500px;overflow:hidden;padding:0;position:relative;width:100%}@keyframes slideUpComment{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.emoji-quick-select{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-around;padding:16px 24px 12px}.emoji-btn{cursor:pointer;filter:grayscale(.1);font-size:36px;transition:transform .15s ease;-webkit-user-select:none;user-select:none}.emoji-btn:hover{filter:grayscale(0);transform:scale(1.18)}.emoji-btn:active{transform:scale(1.05)}.comment-input-section{box-sizing:border-box;padding:20px 24px 24px;width:100%}.comment-user-info{align-items:center;display:flex;gap:12px;margin-bottom:16px}.comment-user-avatar{border:2px solid #ffffff1a;border-radius:50%;height:40px;object-fit:cover;width:40px}.comment-user-avatar-initials{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;text-transform:uppercase;width:40px}.comment-user-name{color:#fff;font-size:15px;font-weight:600}.comment-form{display:flex;flex-direction:column;gap:16px;width:100%}.comment-input-wrapper{position:relative;width:100%}.comment-textarea{background:#ffffff14;border:2px solid #ffffff1a;border-radius:16px;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;max-height:200px;min-height:80px;outline:none;padding:16px 16px 30px;resize:vertical;transition:all .3s ease;width:100%}.comment-textarea::placeholder{color:#fff6}.comment-textarea:focus{background:#ffffff1f;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.comment-textarea:disabled{cursor:not-allowed;opacity:.5}.comment-char-count{bottom:10px;color:#fff6;font-size:12px;font-weight:500;position:absolute;right:16px}.comment-actions{display:flex;gap:12px;justify-content:flex-end;padding:0 4px;width:100%}.comment-cancel-btn,.comment-submit-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 28px;transition:all .2s ease}.comment-cancel-btn{background:#ffffff14;color:#ffffffb3}.comment-cancel-btn:hover:not(:disabled){background:#ffffff1f;color:#fff}.comment-submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66;color:#fff}.comment-submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.comment-submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.comment-spinner{animation:spin .8s linear infinite}.recent-comments-preview{background:#0003;border-top:1px solid #ffffff0d;box-sizing:border-box;padding:20px 24px 24px;width:100%}.preview-header{align-items:center;color:#ffffffb3;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:14px}.comment-count{background:#667eea33;border-radius:12px;color:#667eea;font-size:12px;padding:4px 10px}.preview-comments{display:flex;flex-direction:column;gap:12px}.preview-comment-item{align-items:flex-start;background:#ffffff0d;border-radius:12px;display:flex;gap:10px;padding:12px;transition:background .2s ease}.preview-comment-item:hover{background:#ffffff14}.preview-avatar,.preview-avatar-initials{border-radius:50%;flex-shrink:0;height:32px;width:32px}.preview-avatar{border:2px solid #ffffff1a;object-fit:cover}.preview-avatar-initials{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:13px;font-weight:700;justify-content:center}.preview-comment-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.preview-username{color:#fff;font-size:14px;font-weight:600}.preview-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ffffffb3;display:-webkit-box;font-size:14px;line-height:1.4;overflow:hidden}@media (max-width:768px){.comment-input-container{border-radius:20px 20px 0 0;max-width:100%}.emoji-quick-select{padding:14px 16px 10px}.emoji-btn{font-size:32px}.comment-input-section{padding:16px 20px 20px}.comment-textarea{font-size:15px;min-height:70px}.comment-actions{flex-direction:column-reverse}.comment-cancel-btn,.comment-submit-btn{justify-content:center;width:100%}.recent-comments-preview{padding:16px 20px 20px}}:root[data-theme=dark] .story-viewer-container{background:#000;box-shadow:0 24px 80px #0f172ae6}:root[data-theme=dark] .story-menu-dropdown-bottom{background:#020617;border:1px solid #111827;box-shadow:0 18px 45px #0f172ae6}:root[data-theme=dark] .story-menu-item{color:#e5e7eb}:root[data-theme=dark] .story-menu-item:hover{background:#94a3b81f}:root[data-theme=dark] .story-menu-item.delete{color:#f97373}:root[data-theme=dark] .story-menu-item.delete:hover{background:#f8717126}:root[data-theme=dark] .viewers-modal{background:#0f172ae6;border-top:1px solid #94a3b840}:root[data-theme=dark] .viewers-list::-webkit-scrollbar-thumb{background:#4b5563}:root[data-theme=dark] .modal-comment-item{background:#0f172acc;border-radius:10px}:root[data-theme=dark] .story-music-display{background:#0f172ae6}:root[data-theme=dark] .comment-input-container{box-shadow:0 -18px 50px #0f172af2}:root[data-theme=dark] .comment-textarea{background:#0f172ae6;border-color:#94a3b866}:root[data-theme=dark] .comment-textarea:focus{background:#0f172af2;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf647}:root[data-theme=dark] .recent-comments-preview{background:#0f172ae6;border-top-color:#94a3b840}:root[data-theme=dark] .preview-comment-item{background:#0f172ad9}:root[data-theme=dark] .preview-comment-item:hover{background:#1e40af59}:root[data-theme=dark] .comment-cancel-btn{background:#0f172ae6;color:#e2e8f0d9}:root[data-theme=dark] .comment-cancel-btn:hover:not(:disabled){background:#0f172a}:root[data-theme=dark] .comment-submit-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 6px 24px #581c8799}:root[data-theme=dark] .comment-user-avatar-initials,:root[data-theme=dark] .preview-avatar-initials,:root[data-theme=dark] .story-user-avatar-dummy,:root[data-theme=dark] .viewer-avatar-dummy{box-shadow:0 0 0 2px #020617}.story-content{position:relative}.story-music-display{align-items:center;background:#000000bf;border-radius:5px;box-shadow:0 8px 24px #00000073;color:#fff;display:flex;gap:45px;max-width:260px;padding:8px 12px;z-index:10}.music-cover-wrapper{background:#ffffff0f;border-radius:8px;flex-shrink:0;height:38px;overflow:hidden;width:38px}.music-cover-art{display:block;height:100%;object-fit:cover;width:100%}.music-icon-animated{align-items:center;background:linear-gradient(135deg,#ff9f43,#ff6b6b);border-radius:8px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.music-info-text{display:flex;flex-direction:column;font-size:12px;gap:2px;line-height:1.25}.music-track-name{font-weight:600;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-artist-name{align-items:center;display:flex;font-size:11px;gap:6px;opacity:.9}.music-duration-badge{background:#ffffff29;border-radius:999px;font-size:10px;font-weight:500;padding:2px 6px}@media (max-width:600px){.story-music-display{max-width:220px;padding:6px 10px}.music-cover-wrapper,.music-icon-animated{height:32px;width:32px}.music-track-name{max-width:130px}}.send-request-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.send-request-modal-content{background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.send-request-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 25px}.send-request-modal-header h2{color:#111827;font-size:20px;font-weight:700;margin:0}.send-request-search-bar{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:10px;padding:15px 25px}.send-request-search-bar svg{color:#9ca3af;flex-shrink:0}.send-request-search-bar input{background:#0000;border:none;color:#111827;flex:1 1;font-size:15px;outline:none}.send-request-search-bar input::placeholder{color:#9ca3af}.send-request-members-list{flex:1 1;overflow-y:auto;padding:15px 25px}.send-request-loading,.send-request-no-results{color:#6b7280;font-size:15px;padding:40px 20px;text-align:center}.send-request-member-item{align-items:center;border:1px solid #f3f4f6;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;transition:background .2s}.send-request-member-item:hover{background:#f9fafb}.send-request-member-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.send-request-member-info img{object-fit:cover}.send-request-avatar-initials,.send-request-member-info img{border:2px solid #8b5cf6;border-radius:50%;height:50px;width:50px}.send-request-avatar-initials{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;font-size:18px;font-weight:700;justify-content:center}.send-request-member-details{flex:1 1;min-width:0}.send-request-member-details h4{color:#111827;font-size:15px;font-weight:600}.send-request-member-details h4,.send-request-member-details p{margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.send-request-member-details p{color:#6b7280;font-size:13px}.member-role{background:#ede9fe;border-radius:12px;color:#7c3aed;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;text-transform:capitalize}.send-request-btn{align-items:center;background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s;white-space:nowrap}.send-request-btn:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px)}.send-request-btn:disabled{cursor:not-allowed;opacity:.7}.send-request-btn.sent{background:#10b981;cursor:default}.send-request-btn.sent:hover{background:#10b981;transform:none}.send-request-btn svg{flex-shrink:0}@media (max-width:640px){.send-request-modal-content{max-height:85vh;width:95%}.send-request-members-list,.send-request-modal-header,.send-request-search-bar{padding-left:15px;padding-right:15px}.send-request-member-item{padding:12px}.send-request-avatar-initials,.send-request-member-info img{height:45px;width:45px}.send-request-btn{font-size:13px;padding:8px 12px}}:root[data-theme=dark] .send-request-modal-content{background:#020617;border:1px solid #111827;box-shadow:0 20px 60px #0f172ae6;color:#e5e7eb}:root[data-theme=dark] .send-request-modal-header{border-bottom-color:#111827}:root[data-theme=dark] .send-request-modal-header h2{color:#e5e7eb}:root[data-theme=dark] .send-request-search-bar{background:#020617;border-bottom-color:#111827}:root[data-theme=dark] .send-request-search-bar svg{color:#64748b}:root[data-theme=dark] .send-request-search-bar input{color:#e5e7eb}:root[data-theme=dark] .send-request-search-bar input::placeholder{color:#64748b}:root[data-theme=dark] .send-request-members-list{background:#020617}:root[data-theme=dark] .send-request-loading,:root[data-theme=dark] .send-request-no-results{color:#9ca3af}:root[data-theme=dark] .send-request-member-item{background:#020617;border-color:#111827}:root[data-theme=dark] .send-request-member-item:hover{background:#020617;box-shadow:0 0 0 1px #1f2937}:root[data-theme=dark] .send-request-member-details h4{color:#e5e7eb}:root[data-theme=dark] .send-request-member-details p{color:#9ca3af}:root[data-theme=dark] .member-role{background:#818cf826;color:#c4b5fd}:root[data-theme=dark] .send-request-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 10px 30px #0f172ae6;color:#f9fafb}:root[data-theme=dark] .send-request-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9)}:root[data-theme=dark] .send-request-btn.sent,:root[data-theme=dark] .send-request-btn.sent:hover{background:#10b981}.insta-notif-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}.insta-notif-sidebar{background:#fff;bottom:0;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;left:-400px;position:fixed;top:0;transition:left .3s ease;width:400px;z-index:999}.insta-notif-sidebar.open{left:70px}.insta-notif-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.insta-notif-header h2{color:#111827;font-size:20px;font-weight:700;margin:0}.insta-notif-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:background .2s}.insta-notif-close:hover{background:#f3f4f6}.insta-notif-filters{border-bottom:1px solid #e5e7eb;display:flex;gap:10px;overflow-x:auto;padding:15px 20px}.insta-notif-filters button{background:#f3f4f6;border:none;border-radius:20px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.insta-notif-filters button:hover{background:#e5e7eb}.insta-notif-filters button.active{background:#8b5cf6;color:#fff}.insta-notif-actions{border-bottom:1px solid #e5e7eb;padding:10px 20px}.mark-all-read{background:none;border:none;color:#8b5cf6;cursor:pointer;font-size:14px;font-weight:600;padding:5px 0}.mark-all-read:hover{text-decoration:underline}.insta-notif-list{flex:1 1;overflow-y:auto;padding:10px 0}.insta-notif-empty,.insta-notif-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.insta-notif-empty svg{margin-bottom:15px;opacity:.5}.insta-notif-empty p{font-size:16px;margin:0}.insta-notif-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:15px 20px;position:relative;transition:background .2s}.insta-notif-item:hover{background:#f9fafb}.insta-notif-item.unread{background:#f0f4ff}.insta-notif-item.unread:hover{background:#e5eeff}.insta-notif-avatar-wrapper{flex-shrink:0;position:relative}.insta-notif-avatar,.insta-notif-avatar-initials{border-radius:50%;height:44px;object-fit:cover;width:44px}.insta-notif-avatar-initials{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:16px;font-weight:700}.insta-notif-avatar-initials,.insta-notif-icon{align-items:center;display:flex;justify-content:center}.insta-notif-icon{background:#fff;border:2px solid #fff;border-radius:50%;bottom:-2px;height:24px;position:absolute;right:-2px;width:24px}.insta-notif-content{flex:1 1;min-width:0}.insta-notif-message{color:#111827;font-size:14px;line-height:1.4;margin:0 0 5px}.insta-notif-time{color:#9ca3af;font-size:12px}.insta-notif-post-thumbnail{border-radius:4px;flex-shrink:0;height:44px;overflow:hidden;width:44px}.insta-notif-post-thumbnail img{height:100%;object-fit:cover;width:100%}.insta-notif-delete{background:none;border:none;color:#9ca3af;cursor:pointer;opacity:0;padding:5px;position:absolute;right:20px;top:15px;transition:opacity .2s}.insta-notif-item:hover .insta-notif-delete{opacity:1}.insta-notif-delete:hover{color:#ef4444}.insta-notif-unread-dot{background:#8b5cf6;border-radius:50%;height:8px;left:8px;position:absolute;top:50%;transform:translateY(-50%);width:8px}@media (max-width:768px){.insta-notif-sidebar{left:-100%;width:100%}}:root[data-theme=dark] .insta-notif-sidebar{background:#020617;border-right:1px solid #111827;box-shadow:4px 0 30px #0f172ae6}:root[data-theme=dark] .insta-notif-header{border-bottom:1px solid #111827}:root[data-theme=dark] .insta-notif-header h2{color:#e5e7eb}:root[data-theme=dark] .insta-notif-close{color:#9ca3af}:root[data-theme=dark] .insta-notif-close:hover{background:#020617}:root[data-theme=dark] .insta-notif-filters{border-bottom:1px solid #111827}:root[data-theme=dark] .insta-notif-filters button{background:#020617;color:#e5e7eb}:root[data-theme=dark] .insta-notif-filters button:hover{background:#020617;box-shadow:0 0 0 1px #1f2937}:root[data-theme=dark] .insta-notif-filters button.active{background:linear-gradient(135deg,#4f46e5,#8b5cf6);color:#fff}:root[data-theme=dark] .insta-notif-actions{border-bottom:1px solid #111827}:root[data-theme=dark] .mark-all-read{color:#a5b4fc}:root[data-theme=dark] .insta-notif-empty,:root[data-theme=dark] .insta-notif-loading{color:#9ca3af}:root[data-theme=dark] .insta-notif-item{border-bottom:1px solid #111827}:root[data-theme=dark] .insta-notif-item:hover{background:#020617}:root[data-theme=dark] .insta-notif-item.unread{background:#020617;box-shadow:inset 3px 0 0 #8b5cf6}:root[data-theme=dark] .insta-notif-item.unread:hover{background:#020617}:root[data-theme=dark] .insta-notif-icon{background:#020617;border-color:#020617}:root[data-theme=dark] .insta-notif-message{color:#e5e7eb}:root[data-theme=dark] .insta-notif-time{color:#9ca3af}:root[data-theme=dark] .insta-notif-post-thumbnail{box-shadow:0 0 0 1px #1f2937}:root[data-theme=dark] .insta-notif-delete{color:#6b7280}:root[data-theme=dark] .insta-notif-delete:hover{color:#f97373}:root[data-theme=dark] .insta-notif-unread-dot{background:#8b5cf6}.insta-profile-container{background:#f9f8ff;border-radius:16px;box-shadow:0 2px 18px #5032821a;color:#232037;margin:38px auto;max-width:590px;padding:2.5rem 2rem 2rem}.ip-profile-header{align-items:center;display:flex;gap:1.7rem;margin-bottom:2rem}.ip-avatar-wrapper{position:relative;transition:transform .2s}.ip-avatar-wrapper:hover{transform:scale(1.05)}.ip-avatar{object-fit:cover}.ip-avatar,.ip-avatar-initials{background:#ede9fe;border:3px solid #a084fc;border-radius:50%;height:96px;width:96px}.ip-avatar-initials{align-items:center;color:#7c3aed;display:flex;font-size:40px;font-weight:600;justify-content:center}.ip-avatar-initials.has-story-ring,.ip-avatar.has-story-ring{animation:storyPulse 2s ease-in-out infinite;border:3px solid #8b5cf6!important;box-shadow:0 0 0 2px #fff,0 0 10px #8b5cf64d}@keyframes storyPulse{0%,to{border-color:#8b5cf6}50%{border-color:#a78bfa}}.ip-avatar-overlay{align-items:center;border-radius:50%;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.ip-avatar-wrapper:hover .ip-avatar-overlay{opacity:1}.ip-user-details{flex:1 1}.ip-profile-name{color:#232037;font-size:2.2rem;font-weight:700;letter-spacing:-1px;margin:0}.ip-profile-username{color:#8379ac;font-size:1rem;font-weight:500;margin-bottom:6px}.ip-profile-bio{color:#4b4573;margin:.25rem 0 1rem}.ip-profile-stats{display:flex;font-size:1rem;gap:2.2rem;margin-top:.5rem}.ip-profile-stats span{color:#686669;display:flex;flex-direction:column;font-size:1.1rem;font-weight:500}.ip-profile-stats strong{color:#a084fb;text-align:center}.ip-highlights-row{display:flex;gap:.65rem;margin-bottom:1.5rem}.ip-highlight{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column}.ip-highlight-img,.ip-highlight-initials{align-items:center;background:#ede9fe;border:2.5px solid #a084fc;border-radius:50%;color:#7c3aed;display:flex;font-size:22px;font-weight:600;height:56px;justify-content:center;margin-bottom:3px;width:56px}.ip-highlight-label{color:#5f5c82;font-size:.83rem;font-weight:500;margin-top:1px}.ip-posts-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:2rem;margin-left:7px;margin-top:12px}.ip-post-grid-item{align-items:center;aspect-ratio:1/1;background:#faf9fe;border:1.5px solid #ede9fe;border-radius:9px;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition:transform .2s}.ip-post-grid-item:hover{transform:scale(1.02)}.ip-post-grid-item:after{background:#7c3aed1a;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.ip-post-grid-item:hover:after{opacity:1}.ip-post-img{height:100%;object-fit:cover;transition:scale .16s;width:100%}.ip-post-img:hover{scale:1.08}.ip-post-placeholder{color:#7c3aed99;font-size:1rem}.ip-profile-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1.1rem;margin-top:.7rem}.ip-action-btn{background:#a084fc;border:none;border-radius:7px;box-shadow:0 1px 4px #9e7fff17;color:#fff;cursor:pointer;font-size:.98rem;font-weight:600;padding:.45rem 2.4rem;transition:background .18s,color .18s}.ip-action-btn:hover{background:#7c3aed;color:#ede9fe}.ip-followers-modal{background:#faf9fe;border-radius:10px;box-shadow:0 3px 16px #5032821a;color:#232037;left:50%;padding:2rem 2.3rem 1.44rem;position:fixed;top:23%;transform:translate(-50%);z-index:1234}.ip-followers-modal ul{list-style:none;margin:.7rem 0 0;padding:0}.ip-followers-modal li{color:#7c3aed;font-size:1.02rem;margin:7px 0 0}.ip-followers-modal button{background:#a084fc;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-bottom:.4rem;padding:.3rem 1.2rem;transition:background .17s}.ip-followers-modal button:hover{background:#7c3aed}.ip-back-btn{align-self:flex-start;background:#f3e8ff;border:none;border-radius:999px;color:#7c3aed;cursor:pointer;font-weight:500;margin-bottom:16px;padding:6px 14px}.ip-back-btn:hover{background:#e9d5ff}.ip-preview-modal{align-items:center;animation:fadeIn .3s ease;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ip-preview-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;bottom:0;left:0;position:absolute;right:0;top:0}.ip-preview-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:90vw;overflow:hidden;position:relative;z-index:10000}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ip-preview-close{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#232037;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:40px;z-index:10001}.ip-preview-close:hover{background:#fff;box-shadow:0 6px 16px #0003;transform:scale(1.1)}.ip-profile-pic-preview{background:#0000!important;border-radius:50%!important;max-height:500px!important;max-width:500px!important;overflow:visible!important}.ip-preview-profile-img{display:block;object-fit:cover}.ip-preview-initials-large,.ip-preview-profile-img{border:4px solid #fff;border-radius:50%;box-shadow:0 10px 40px #0000004d;height:500px;max-height:500px;max-width:500px;width:500px}.ip-preview-initials-large{align-items:center;background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed;display:flex;font-size:120px;font-weight:700;justify-content:center}.ip-profile-pic-preview .ip-preview-close{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;right:20px;top:20px}.ip-post-modal{align-items:center;animation:fadeIn .3s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.ip-post-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:8px;height:90vh;max-height:800px;max-width:1200px;overflow:hidden;position:relative;width:95vw}.ip-post-modal-close{background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#232037;cursor:pointer;font-size:28px;height:40px;position:absolute;right:16px;top:16px;transition:all .2s;width:40px;z-index:10001}.ip-post-modal-close:hover{background:#fff;transform:scale(1.1)}.ip-post-modal-layout{display:flex;height:100%}.ip-post-modal-image-side{align-items:center;background:#000;display:flex;flex:1 1;justify-content:center;overflow:hidden}.ip-post-modal-image-side img{max-height:100%;max-width:100%;object-fit:contain}.ip-post-modal-no-image{color:#9ca3af;font-size:18px}.ip-post-modal-interaction-side{background:#fff;display:flex;flex-direction:column;width:400px}.ip-post-modal-header{align-items:center;border-bottom:1px solid #ede9fe;display:flex;gap:12px;padding:14px 16px}.ip-post-modal-avatar,.ip-post-modal-avatar-initials{border-radius:50%;height:36px;object-fit:cover;width:36px}.ip-post-modal-avatar-initials{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:center}.ip-post-modal-header-info h4{color:#111827;font-size:14px;font-weight:600;margin:0}.ip-post-modal-date{color:#9ca3af;font-size:12px}.ip-post-modal-caption-section{background:#fafafa;border-bottom:1px solid #ede9fe;display:flex;gap:12px;padding:16px}.ip-post-modal-caption-avatar,.ip-post-modal-caption-avatar-initials{border-radius:50%;flex-shrink:0;height:36px;object-fit:cover;width:36px}.ip-post-modal-caption-avatar-initials{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:center}.ip-post-modal-caption-content{flex:1 1}.ip-post-modal-caption-content strong{color:#111827;font-size:14px;margin-right:6px}.ip-post-modal-caption-content p{color:#374151;display:inline;font-size:14px;line-height:1.5;margin:0}.ip-post-modal-comments{flex:1 1;overflow-y:auto;padding:16px}.ip-post-modal-comment{display:flex;gap:12px;margin-bottom:16px}.ip-post-modal-comment-avatar,.ip-post-modal-comment-avatar-initials{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.ip-post-modal-comment-avatar-initials{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;font-size:12px;font-weight:600;justify-content:center}.ip-post-modal-comment-content{flex:1 1}.ip-post-modal-comment-header strong{color:#111827;font-size:14px;margin-right:6px}.ip-post-modal-comment-text{color:#374151;font-size:14px}.ip-post-modal-no-comments{color:#9ca3af;padding:40px 20px;text-align:center}.ip-post-modal-no-comments p:first-child{font-size:16px;font-weight:600;margin:0 0 8px}.ip-post-modal-no-comments p:last-child{font-size:14px;margin:0}.ip-post-modal-actions{border-top:1px solid #ede9fe;padding:8px 16px}.ip-post-modal-action-buttons{display:flex;gap:16px;margin-bottom:12px}.ip-post-modal-action-btn{background:none;border:none;color:#111827;cursor:pointer;padding:8px;transition:transform .2s}.ip-post-modal-action-btn:hover{transform:scale(1.1)}.ip-post-modal-action-btn.liked svg path{fill:red;stroke:red}.ip-post-modal-likes-count{color:#111827;font-size:14px;margin-bottom:8px}.ip-post-modal-likes-count strong{font-weight:600}.ip-post-modal-comment-form{border-top:1px solid #ede9fe;display:flex;gap:12px;padding:12px 16px}.ip-post-modal-comment-form input{border:none;color:#111827;flex:1 1;font-size:14px;outline:none}.ip-post-modal-comment-form input::placeholder{color:#9ca3af}.ip-post-modal-comment-submit{background:none;border:none;color:#7c3aed;cursor:pointer;font-size:14px;font-weight:600;transition:opacity .2s}.ip-post-modal-comment-submit:disabled{cursor:not-allowed;opacity:.4}.ip-post-modal-comment-submit:not(:disabled):hover{color:#6d28d9}@media (max-width:968px){.ip-post-modal-layout{flex-direction:column}.ip-post-modal-image-side{max-height:60%}.ip-post-modal-interaction-side{max-height:40%;width:100%}}@media (max-width:768px){.ip-post-modal-content{border-radius:0;height:100vh;max-height:100vh;width:100vw}.ip-post-modal-interaction-side{width:100%}.ip-profile-pic-preview{max-height:85vw!important;max-width:85vw!important}.ip-preview-initials-large,.ip-preview-profile-img{height:85vw;max-height:85vw;max-width:85vw;width:85vw}.ip-preview-initials-large{font-size:80px}}@media (max-width:480px){.ip-profile-pic-preview{max-height:90vw!important;max-width:90vw!important}.ip-preview-initials-large,.ip-preview-profile-img{border-width:3px;height:90vw;max-height:90vw;max-width:90vw;width:90vw}.ip-preview-initials-large{font-size:60px}.ip-profile-pic-preview .ip-preview-close{font-size:24px;height:36px;right:10px;top:10px;width:36px}}.ip-music-mute-fab{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:2px solid #ffffff4d;bottom:20px;box-shadow:0 4px 12px #0000004d;height:48px;right:20px;transition:all .3s ease;width:48px;z-index:10}.ip-music-mute-fab:hover{background:#000000d9;border-color:#ffffff80;box-shadow:0 6px 16px #0006}.ip-music-mute-fab:active{transform:scale(.95)}.ip-music-mute-fab svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@media (max-width:768px){.ip-music-mute-fab{bottom:16px;height:42px;right:16px;width:42px}.ip-music-mute-fab svg{height:18px;width:18px}}.ip-gif-picker-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:11000}.ip-gif-picker-modal{animation:slideUp .4s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:650px;overflow:hidden;width:90%}.ip-gif-picker-header{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-bottom:2px solid #7c3aed;display:flex;justify-content:space-between;padding:18px 24px}.ip-gif-picker-header h3{color:#fff;font-size:20px;font-weight:700;letter-spacing:-.5px;margin:0}.ip-gif-picker-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;font-weight:300;height:36px;justify-content:center;transition:all .2s;width:36px}.ip-gif-picker-close:hover{background:#ffffff4d;transform:rotate(90deg)}.ip-gif-picker-search{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 20px}.ip-gif-picker-search input{background:#fff;border:2px solid #e5e7eb;border-radius:25px;font-size:15px;outline:none;padding:12px 18px;transition:all .3s;width:100%}.ip-gif-picker-search input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.ip-gif-picker-grid{grid-gap:10px;background:#fafafa;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:520px;overflow-y:auto;padding:16px}.ip-gif-picker-grid::-webkit-scrollbar{width:8px}.ip-gif-picker-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.ip-gif-picker-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:10px}.ip-gif-picker-item{aspect-ratio:1;border:3px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;transition:all .3s ease}.ip-gif-picker-item:hover{border-color:#8b5cf6;box-shadow:0 8px 20px #8b5cf666;transform:scale(1.08)}.ip-gif-picker-item img{display:block;height:100%;object-fit:cover;width:100%}.ip-gif-picker-empty,.ip-gif-picker-loading{color:#6b7280;font-size:16px;grid-column:1/-1;padding:60px 20px;text-align:center}.ip-post-modal-gif-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:50%;box-shadow:0 2px 8px #8b5cf64d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .3s ease}.ip-post-modal-gif-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:scale(1.1)}.ip-post-modal-gif-preview{align-items:center;border-top:1px solid #ede9fe;display:flex;justify-content:center;padding:12px 16px;position:relative}.ip-post-modal-gif-preview img{border:3px solid #8b5cf6;border-radius:8px;max-height:180px;max-width:180px}.ip-post-modal-gif-preview button{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:50%;box-shadow:0 4px 12px #ef444466;color:#fff;cursor:pointer;font-size:16px;height:26px;position:absolute;right:10px;top:6px;transition:all .2s;width:26px}.ip-post-modal-gif-preview button:hover{transform:scale(1.1)}.ip-post-modal-comment-gif{border:2px solid #e5e7eb;border-radius:8px;display:block;margin-top:6px;max-height:200px;max-width:200px}.ip-music-mute-fab{align-items:center;background:#222;border:none;border-radius:50%;bottom:16px;box-shadow:0 2px 8px #0000002e;cursor:pointer;display:flex;height:38px;justify-content:center;padding:0;position:absolute;right:16px;transition:background .2s;width:38px;z-index:20}.ip-music-mute-fab:hover{background:#111;transform:scale(1.1)}.ip-post-modal-image-wrapper{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}:root[data-theme=dark] .insta-profile-container{background:#020617;box-shadow:0 18px 45px #0f172ae6;color:#e5e7eb}:root[data-theme=dark] .insta-profile-container h1,:root[data-theme=dark] .insta-profile-container h2,:root[data-theme=dark] .insta-profile-container h3,:root[data-theme=dark] .insta-profile-container h4{color:#e5e7eb}:root[data-theme=dark] .insta-profile-container p,:root[data-theme=dark] .insta-profile-container span{color:#cbd5f5}:root[data-theme=dark] .ip-profile-name{color:#f9fafb}:root[data-theme=dark] .ip-profile-username{color:#a5b4fc}:root[data-theme=dark] .ip-profile-bio{color:#e5e7eb}:root[data-theme=dark] .ip-profile-stats{color:#94a3b8}:root[data-theme=dark] .ip-profile-stats span{color:#e5e7eb}:root[data-theme=dark] .ip-highlight-img,:root[data-theme=dark] .ip-highlight-initials{background:#020617;border-color:#4f46e5;color:#c4b5fd}:root[data-theme=dark] .ip-highlight-label{color:#9ca3af}:root[data-theme=dark] .ip-post-grid-item{background:#020617;border-color:#111827}:root[data-theme=dark] .ip-post-grid-item:after{background:#7c3aed38}:root[data-theme=dark] .ip-post-placeholder{color:#a5b4fc}:root[data-theme=dark] .ip-profile-actions .ip-action-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 10px 30px #0f172ad9;color:#f9fafb}:root[data-theme=dark] .ip-profile-actions .ip-action-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#e5e7eb}:root[data-theme=dark] .ip-back-btn{background:#818cf82e;color:#c4b5fd}:root[data-theme=dark] .ip-followers-modal{background:#020617;box-shadow:0 18px 45px #0f172ae6;color:#e5e7eb}:root[data-theme=dark] .ip-followers-modal li{color:#c4b5fd}:root[data-theme=dark] .ip-followers-modal button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#f9fafb}:root[data-theme=dark] .ip-followers-modal button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}:root[data-theme=dark] .ip-preview-content{background:#020617}:root[data-theme=dark] .ip-preview-initials-large{background:linear-gradient(135deg,#020617,#020617);color:#c4b5fd}:root[data-theme=dark] .ip-preview-close{background:#0f172ae6;color:#e5e7eb}:root[data-theme=dark] .ip-post-modal-content,:root[data-theme=dark] .ip-post-modal-interaction-side{background:#020617}:root[data-theme=dark] .ip-post-modal-actions,:root[data-theme=dark] .ip-post-modal-caption-section,:root[data-theme=dark] .ip-post-modal-comment-form,:root[data-theme=dark] .ip-post-modal-gif-preview,:root[data-theme=dark] .ip-post-modal-header{border-color:#111827}:root[data-theme=dark] .ip-post-modal-caption-content strong,:root[data-theme=dark] .ip-post-modal-comment-header strong,:root[data-theme=dark] .ip-post-modal-header-info h4,:root[data-theme=dark] .ip-post-modal-likes-count{color:#e5e7eb}:root[data-theme=dark] .ip-post-modal-caption-content p,:root[data-theme=dark] .ip-post-modal-comment-text{color:#cbd5f5}:root[data-theme=dark] .ip-post-modal-date{color:#64748b}:root[data-theme=dark] .ip-post-modal-comments{background:#020617}:root[data-theme=dark] .ip-post-modal-no-comments{color:#9ca3af}:root[data-theme=dark] .ip-post-modal-comment-form input{background:#0000;color:#e5e7eb}:root[data-theme=dark] .ip-post-modal-comment-form input::placeholder{color:#64748b}:root[data-theme=dark] .ip-post-modal-comment-submit{color:#c4b5fd}:root[data-theme=dark] .ip-gif-picker-modal{background:#020617}:root[data-theme=dark] .ip-gif-picker-header{border-bottom-color:#4f46e5}:root[data-theme=dark] .ip-gif-picker-search{background:#020617;border-bottom-color:#111827}:root[data-theme=dark] .ip-gif-picker-search input{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .ip-gif-picker-search input::placeholder{color:#64748b}:root[data-theme=dark] .ip-gif-picker-grid{background:#020617}:root[data-theme=dark] .ip-gif-picker-empty,:root[data-theme=dark] .ip-gif-picker-loading{color:#9ca3af}:root[data-theme=dark] .ip-post-modal-close{background:#0f172ae6;color:#e5e7eb}:root[data-theme=dark] .ip-music-mute-fab{background:#020617;box-shadow:0 6px 18px #000c}:root[data-theme=dark] .ip-music-mute-fab:hover{background:#000}.family-insta-container{grid-gap:0;background:var(--bg-main);display:grid;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:0;grid-template-columns:minmax(0,1fr);min-height:100vh;padding-left:280px;padding-right:350px}.family-insta-main{max-height:100vh;min-width:0;overflow-y:auto}@media (max-width:1200px){.family-insta-container{grid-template-columns:250px minmax(0,1fr);padding-right:300px}}@media (max-width:1024px){.family-insta-container{grid-template-columns:1fr;padding-left:0;padding-right:0}}:root[data-theme=dark] .family-insta-container{background:radial-gradient(circle at 0 0,#020617 0,#020617 70%)}.plans-page{align-items:flex-start;background:linear-gradient(180deg,#f5f3ff,#fff 40%,#eef2ff);display:flex;gap:28px;min-height:calc(100vh - 80px);padding:32px;width:100%}.plans-main-column{flex:1 1;min-width:0}.plans-header{margin-bottom:24px}.plans-header h1{color:#111827;font-size:28px;font-weight:700;margin-bottom:4px}.plans-header p{color:#6b7280;font-size:14px}.plans-current{align-items:center;background:#7c3aed14;border-radius:999px;color:#4b5563;display:inline-flex;font-size:13px;gap:10px;margin-top:16px;padding:10px 14px}.pill{background:#fff;border:1px solid #a855f7;border-radius:999px;font-size:12px;padding:4px 10px}.plans-quota,.plans-steps{font-size:13px}.plans-steps{color:#6b7280;display:block;margin-top:16px}.plans-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-start;margin-top:8px}.plans-grid--single{justify-content:center}.addons-section{margin-top:40px}.addons-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.addons-title{color:#111827;font-size:18px;font-weight:600}.addons-subtitle{color:#6b7280;font-size:13px}.addons-grid{margin-top:12px}.addons-filters{display:flex;flex-wrap:wrap;gap:10px}.addons-filter-btn{background:#ffffffd9;border:1px solid #94a3b899;border-radius:999px;color:#4b5563;cursor:pointer;font-size:12px;padding:6px 14px;transition:background .12s ease,color .12s ease,box-shadow .12s ease,transform .08s ease}.addons-filter-btn--active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;box-shadow:0 12px 30px #4f46e580;color:#fff;transform:translateY(-1px)}.plan-card{flex:0 1 322px;max-width:420px}:root[data-theme=dark] .plans-page{background:radial-gradient(circle at top,#020617 0,#020617 40%,#020617 100%)}:root[data-theme=dark] .plans-header h1{color:#e5e7eb}:root[data-theme=dark] .plans-header p{color:#9ca3af}:root[data-theme=dark] .plans-current{background:#581c874d;color:#e5e7eb}:root[data-theme=dark] .plans-current .pill{background:#020617;border-color:#a855f7;color:#e5e7eb}:root[data-theme=dark] .plans-steps{color:#9ca3af}[data-theme=dark] .addons-title{color:#fff}[data-theme=dark] .addons-filter-btn{background-color:#030617;color:#fff}@media (max-width:1024px){.plans-page{flex-direction:column}.plans-main-column{width:100%}}.plan-card{background:#fff;border:1px solid #c7d2fee6;border-radius:24px;box-shadow:0 18px 45px #94a3ff42;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:24px 20px;position:relative;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.plan-card:hover{box-shadow:0 22px 55px #818cf866;transform:translateY(-2px)}.plan-card--highlight{border-color:#8b5cf6;box-shadow:0 20px 50px #7c3aed59}.plan-card--current{outline:2px solid #22c55e}.plan-card--selected:not(.plan-card--current){outline:2px solid #6366f1}.plan-badge{background:linear-gradient(135deg,#f97316,#ec4899);border-radius:999px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px;position:absolute;right:18px;top:14px}.plan-name{color:#111827;font-size:18px;font-weight:700}.plan-tagline{color:#6b7280;font-size:13px}.plan-price-row{align-items:baseline;display:flex;gap:4px;margin-top:6px}.plan-price{color:#4c1d95;font-size:26px;font-weight:700}.plan-price-period{color:#6b7280;font-size:13px}.plan-storage{margin-top:8px}.plan-storage-value{color:#1f2937;display:block;font-size:16px;font-weight:600}.plan-storage-label{color:#9ca3af;font-size:12px}.plan-features{color:#4b5563;display:flex;flex-direction:column;font-size:13px;gap:4px;margin-top:10px;padding-left:18px}.plan-status-row{align-items:center;display:flex;gap:8px;margin-top:10px}.plan-pill{border-radius:999px;font-size:11px;font-weight:600;padding:4px 10px}.plan-pill--current{background:#16a34a1f;border:1px solid #16a34a4d;color:#15803d;cursor:not-allowed}.plan-pill--selected{background:#4f46e51f;border:1px solid #4f46e54d;color:#4f46e5}:root[data-theme=dark] .plan-card{background:#020617;border-color:#1f2937;box-shadow:0 24px 60px #0f172af2}:root[data-theme=dark] .plan-card--highlight{border-color:#8b5cf6;box-shadow:0 26px 70px #581c87e6}:root[data-theme=dark] .plan-card--current{outline:2px solid #8b5cf6}:root[data-theme=dark] .plan-name{color:#f9fafb}:root[data-theme=dark] .plan-tagline{color:#9ca3af}:root[data-theme=dark] .plan-price{color:#c7d2fe}:root[data-theme=dark] .plan-price-period{color:#9ca3af}:root[data-theme=dark] .plan-storage-value{color:#e5e7eb}:root[data-theme=dark] .plan-storage-label{color:#6b7280}:root[data-theme=dark] .plan-features{color:#cbd5f5}:root[data-theme=dark] .plan-badge{box-shadow:0 4px 12px #f8fafc26}.plan-card--disabled{cursor:not-allowed;opacity:.9}.plan-card--disabled:hover{box-shadow:none}.plan-storage-addon-note{color:#64748b;color:var(--text-muted,#64748b);font-size:12px;margin-top:4px}.addon-card{border-style:dashed}.addon-card--disabled{cursor:not-allowed;opacity:.96}.addon-card--current{box-shadow:0 0 0 1px #22c55e}.addon-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.addon-type-pill{background:#3b82f61a;border-radius:999px;color:#1d4ed8;font-size:11px;font-weight:600;padding:4px 8px}.addon-pill--current{background:#22c55e1f;border:1px solid #22c55e73;color:#16a34a}.plan-pill--muted{background:#94a3b81f;border:1px solid #94a3b866;color:#6b7280}:root[data-theme=dark] .addon-type-pill{background:#3b82f633;color:#93c5fd}:root[data-theme=dark] .addon-pill--current{background:#22c55e2e;border-color:#22c55e99;color:#6ee7b7}.plans-summary-sidebar{align-self:stretch;display:flex;flex:0 0 320px;justify-content:flex-start;max-width:340px;position:relative}.plans-summary-inner{background:#fff;border:1px solid #c7d2fee6;border-radius:22px;box-shadow:0 18px 60px #0f172a2e;display:flex;flex-direction:column;max-height:calc(100vh - 112px);overflow-y:auto;padding:20px 20px 18px;position:fixed;right:32px;top:88px;width:320px}.plans-summary-header h2{color:#111827;font-size:18px;font-weight:600;margin:0 0 4px}.plans-summary-header p{color:#6b7280;font-size:12px;margin:0}.plans-summary-section-title{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:4px;margin-top:12px;text-transform:uppercase}.plans-summary-section-title--current{margin-top:16px}.plans-summary-section{border-top:1px solid #e5e7ebe6;padding:12px 0}.plans-summary-row{align-items:center;color:#111827;display:flex;font-size:13px;justify-content:space-between;margin-bottom:6px}.plans-summary-row--muted{color:#6b7280}.plans-summary-row--bold{font-weight:600;margin-top:6px}.plans-summary-label{color:#6b7280;font-size:13px}.plans-summary-chip{background:#818cf81f;border-radius:999px;color:#4f46e5;font-size:11px;font-weight:600;padding:3px 9px}.plans-summary-chip--muted{background:#94a3b829;color:#6b7280}.plans-summary-mainplan-name{align-items:center;color:#111827;display:flex;font-size:14px;font-weight:500;justify-content:space-between}.plans-summary-caption{color:#9ca3af;font-size:11px;margin-top:2px}.plans-summary-empty{color:#9ca3af;font-size:12px;margin:4px 0 0}.plans-summary-addon-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:4px 0 0;padding:0}.plans-summary-addon-item{align-items:center;display:flex;font-size:13px;justify-content:space-between}.plans-summary-addon-name{font-weight:500;margin-right:6px}.plans-summary-addon-tag{background:#3b82f614;border-radius:999px;color:#1d4ed8;font-size:11px;font-weight:600;padding:2px 8px}.plans-summary-addon-current-label{color:#9ca3af;display:block;font-size:10px;margin-top:2px}.plans-summary-price{font-size:13px;font-weight:500}.plans-summary-totals{border-top:1px dashed #d1d5dbe6;padding:10px 0 6px}.plans-summary-grand-caption{color:#9ca3af;display:block;font-size:11px;font-weight:400}.plans-summary-grand-value{font-size:16px;font-weight:700}.plans-summary-note{background:#94a3b814;border-radius:12px;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:11px;line-height:1.4;margin:10px 0 16px;padding:10px 12px}.plans-summary-note .psn-row{align-items:center;display:flex;gap:6px;justify-content:space-between;margin-bottom:4px}.plans-summary-note .psn-row:last-child{margin-bottom:0}.psn-label{color:#111827;color:var(--text-primary,#111827);font-weight:500}.psn-value{font-weight:500;text-align:right}.psn-row--highlight .psn-label,.psn-row--highlight .psn-value{color:#111827}.psn-hint{color:#9ca3af;display:block;font-size:10px;font-weight:400}.plans-summary-section--current{background:#f9fafbcc;border-radius:12px;margin-top:4px;padding:10px 12px}.plans-summary-current{border-top:1px dashed #d1d5dbe6;margin-top:8px;padding:10px 0 6px}.plans-summary-billingmeta .plans-summary-meta-value{color:#111827;font-size:13px;font-weight:500}.plans-summary-cancel{background:#0000;border:1px solid #ef4444;border-radius:999px;color:#ef4444;cursor:pointer;font-size:13px;font-weight:600;margin-top:10px;padding:9px 14px;transition:background .12s ease,color .12s ease,border-color .12s ease;width:100%}.plans-summary-cancel:hover:not(:disabled){background:#ef44440f}.plans-summary-cancel:disabled{cursor:default;opacity:.6}.plans-summary-cta{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:999px;box-shadow:0 12px 28px #4f46e599;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:10px 16px;transition:transform .1s ease,box-shadow .1s ease,opacity .1s ease;width:100%}.plans-summary-cta:disabled{box-shadow:none;cursor:default;opacity:.6;transform:none}.plans-summary-cta:not(:disabled):hover{box-shadow:0 16px 40px #4f46e5d9;transform:translateY(-1px)}:root[data-theme=dark] .plans-summary-inner{background:#020617;border-color:#1f2937;box-shadow:0 24px 70px #0f172af2}:root[data-theme=dark] .plans-summary-header h2{color:#f9fafb}[data-theme=dark] .plans-summary-addon-name{color:#fff}:root[data-theme=dark] .plans-summary-caption,:root[data-theme=dark] .plans-summary-empty,:root[data-theme=dark] .plans-summary-header p,:root[data-theme=dark] .plans-summary-label{color:#9ca3af}:root[data-theme=dark] .plans-summary-mainplan-name,:root[data-theme=dark] .plans-summary-price,:root[data-theme=dark] .plans-summary-row{color:#e5e7eb}:root[data-theme=dark] .plans-summary-addon-tag{background:#3b82f633;color:#93c5fd}:root[data-theme=dark] .plans-summary-note{background:#1f2937e6}:root[data-theme=dark] .psn-label{color:#e5e7eb}:root[data-theme=dark] .psn-value{color:#f9fafb}:root[data-theme=dark] .psn-hint{color:#9ca3af}:root[data-theme=dark] .plans-summary-billingmeta .plans-summary-meta-value{color:#e5e7eb}:root[data-theme=dark] .plans-summary-cancel{border-color:#f97373;color:#fecaca}:root[data-theme=dark] .plans-summary-cancel:hover:not(:disabled){background:#f871711f}:root[data-theme=dark] .plans-summary-section--current{background-color:#030617;border:1px solid #fff}:root[data-theme=dark] .plan-pill--current{background-color:#005200;color:#abfca1}@media (max-width:1024px){.plans-summary-sidebar{flex:1 1 auto;max-width:none}.plans-summary-inner{margin-top:24px;max-height:none;overflow-y:visible;position:static;width:100%}}.plans-summary-invoice-btn{background:#7c3aed14;border:1px solid #7c3aed59;border-radius:12px;color:#7c3aed;cursor:pointer;font-weight:700;padding:10px 12px;width:100%}.plans-summary-invoice-btn:disabled{cursor:not-allowed;opacity:.6}.plans-summary-header--row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.psh-left h2{margin:0}.psh-left p{margin:6px 0 0}.plans-summary-invoice-btn--top{border-radius:10px;font-size:12px;padding:8px 12px;white-space:nowrap;width:auto}.plans-summary-cta--warning{background:linear-gradient(135deg,#f97316,#ef4444)}.plans-summary-coupon{border-top:1px dashed #7c3aed40;margin-top:10px;padding-top:10px}.psc-row{display:flex;gap:10px}.psc-input{background:#fff;border:1px solid #7c3aed40;border-radius:10px;flex:1 1;height:40px;outline:none;padding:0 12px}.psc-apply{background:#7c3aed;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;height:40px;padding:0 14px}.psc-apply:disabled{cursor:not-allowed;opacity:.6}.psc-hints{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.psc-pill{background:#7c3aed0f;border:1px solid #7c3aed40;border-radius:999px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 10px}.psc-applied{align-items:center;display:flex;font-size:13px;justify-content:space-between;margin-top:10px}.psc-remove{background:#0000;border:none;color:#ef4444;cursor:pointer;font-weight:700}.family-events-page{background:#f0f2f5;background:var(--bg-main,#f0f2f5);box-sizing:border-box;display:flex;flex-direction:column;gap:24px;height:calc(100vh - 80px);padding:32px;position:relative}.family-events-page:before{background:radial-gradient(circle at 20% 50%,#1877f20d 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf60a 0,#0000 50%);content:"";height:300px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.family-events-page>*{position:relative;z-index:1}.family-events-content,.family-events-layout{display:flex;flex:1 1;gap:24px;min-height:0}.family-events-left,.family-events-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.family-events-main{overflow-y:auto;padding-right:4px}.family-events-error{align-items:center;background:#ffebe9;border:1px solid #f5c2c7;border-radius:8px;color:#c41e3a;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 16px}.family-events-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:20px}[data-theme=dark] .family-events-page{background:#000}[data-theme=dark] .family-events-page:before{background:radial-gradient(circle at 20% 50%,#1877f214 0,#0000 50%)}@media (max-width:1024px){.family-events-content{flex-direction:column}.family-events-main{overflow-y:visible}}@media (max-width:768px){.family-events-page{height:auto;min-height:100vh;padding:16px}.family-events-list{grid-template-columns:1fr}}@media (max-width:1024px){.family-events-layout{flex-direction:column}.family-events-main{overflow-y:visible}}.family-events-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:8px}.family-events-title{color:#050505;color:var(--text-primary,#050505);display:inline-block;font-size:32px;font-weight:700;margin:0;position:relative}.title-accent{background:linear-gradient(90deg,#ad18f2,#8b5cf6);border-radius:2px;bottom:-4px;height:4px;left:0;position:absolute;width:60px}.family-events-subtitle{color:#65676b;color:var(--text-secondary,#65676b);font-size:15px;font-weight:400;margin:8px 0 0}.family-events-fab{align-items:center;background:#8b5cf6;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;padding:10px 20px;transition:all .2s ease}.family-events-fab:hover{background:#7c3aed;box-shadow:0 3px 8px #00000026;transform:translateY(-1px)}.family-events-fab svg{height:20px;width:20px}[data-theme=dark] .family-events-title{color:#e4e6eb}[data-theme=dark] .family-events-subtitle{color:#b0b3b8}@media (max-width:768px){.family-events-header{align-items:flex-start;flex-direction:column}.family-events-title{font-size:24px}}.family-events-toolbar{align-items:center;background:#fff;background:var(--bg-card,#fff);border-radius:8px;box-shadow:0 1px 2px #0000001a;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:12px 16px}.family-events-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-pill{align-items:center;background:#e4e6eb;border:none;border-radius:20px;color:#050505;color:var(--text-primary,#050505);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.filter-icon{font-size:16px}.filter-pill:hover{background:#d8dadf}.filter-pill--active{background:#e7f3ff;color:#8b5cf6}.family-events-toolbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.auto-toggle{align-items:center;color:#65676b;color:var(--text-secondary,#65676b);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;-webkit-user-select:none;user-select:none}.auto-toggle input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;height:18px;width:18px}.events-count{background:#f0f2f5;border-radius:6px;color:#65676b;color:var(--text-secondary,#65676b);font-size:14px;font-weight:500;padding:6px 12px}.events-count strong{color:#8b5cf6;font-weight:700}[data-theme=dark] .family-events-toolbar{background:#0c0c0c;box-shadow:0 2px 4px #0000004d}[data-theme=dark] .filter-pill{background:#3a3b3c;color:#e4e6eb}[data-theme=dark] .filter-pill:hover{background:#4e4f50}[data-theme=dark] .filter-pill--active{background:#263951;color:#4599ff}[data-theme=dark] .events-count{background:#3a3b3c;color:#b0b3b8}[data-theme=dark] .auto-toggle{color:#b0b3b8}@media (max-width:768px){.family-events-toolbar{align-items:stretch;flex-direction:column}}.family-events-loading{align-items:center;background:#fff;background:var(--bg-card,#fff);border-radius:8px;box-shadow:0 1px 2px #0000001a;display:flex;flex-direction:column;gap:20px;padding:64px 32px}.spinner-container{height:48px;position:relative;width:48px}.spinner{animation:spin .8s linear infinite;border:4px solid #e4e6eb;border-radius:50%;border-top-color:#8b5cf6;height:48px;width:48px}[data-theme=dark] .family-events-loading{background:#0c0c0c;box-shadow:0 2px 4px #0000004d}.family-events-empty{align-items:center;background:#fff;background:var(--bg-card,#fff);border-radius:8px;box-shadow:0 1px 2px #0000001a;display:flex;flex-direction:column;gap:16px;margin-top:20px;padding:64px 32px;text-align:center}.empty-icon{animation:float 3s ease-in-out infinite;font-size:64px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.family-events-empty h3{color:#050505;color:var(--text-primary,#050505);font-size:20px;font-weight:700;margin:0}.family-events-empty p{color:#65676b;color:var(--text-secondary,#65676b);font-size:15px;margin:0}.empty-cta{background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:12px;padding:10px 24px;transition:all .2s ease}.empty-cta:hover{background:#662ee9}[data-theme=dark] .family-events-empty{background:#0c0c0c;box-shadow:0 2px 4px #0000004d}[data-theme=dark] .family-events-empty h3{color:#e4e6eb}[data-theme=dark] .family-events-empty p{color:#b0b3b8}.family-event-card{background:#fff;background:var(--bg-card,#fff);border-radius:8px;box-shadow:0 1px 2px #0000001a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .2s ease}.family-event-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.family-event-card.auto{border:2px dashed #e4e6eb}.event-card-image{background:linear-gradient(135deg,#667eea,#764ba2);height:180px;overflow:hidden;position:relative;width:100%}.event-card-image img{height:100%;object-fit:cover;width:100%}.family-event-date-badge{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000040;height:64px;left:12px;min-width:56px;overflow:hidden;position:absolute;top:12px}.badge-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:8px 4px;position:relative;width:100%;z-index:1}.badge-content .month{color:#8b5cf6;font-size:11px;font-weight:700;letter-spacing:.5px;line-height:1;margin-bottom:2px;text-transform:uppercase}.badge-content .day{color:#050505;font-size:24px;font-weight:700;line-height:1}.family-event-type{background:#fffffff2;border-radius:12px;box-shadow:0 2px 8px #00000026;color:#8b5cf6;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px;white-space:nowrap}.event-card-content{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:16px}.family-event-main{display:flex;flex:1 1;flex-direction:column;gap:8px}.family-event-main-top{display:flex;flex-direction:column;gap:6px}.family-event-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#050505;color:var(--text-primary,#050505);display:-webkit-box;font-size:18px;font-weight:700;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis}.family-event-date-line{align-items:center;color:#65676b;color:var(--text-secondary,#65676b);display:flex;flex-wrap:wrap;font-size:13px;font-weight:500;gap:6px;margin:0}.event-time{color:#65676b;font-size:13px}.event-countdown,.event-time{align-items:center;display:inline-flex;gap:4px}.event-countdown{background:#e7f3ff;border-radius:12px;color:#8b5cf6;font-size:12px;font-weight:700;padding:3px 8px}.family-event-location{align-items:center;color:#65676b;color:var(--text-secondary,#65676b);display:flex;font-size:13px;font-weight:500;gap:4px;margin:0}.family-event-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#050505;color:var(--text-primary,#050505);display:-webkit-box;font-size:13px;line-height:1.4;margin:4px 0 0;overflow:hidden;text-overflow:ellipsis}.event-default-icon{align-items:center;animation:floatIcon 3s ease-in-out infinite;display:flex;font-size:80px;height:100%;justify-content:center;width:100%}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}[data-theme=dark] .family-event-card{background:#0c0c0c;box-shadow:0 2px 4px #0000004d}[data-theme=dark] .family-event-card:hover{box-shadow:0 4px 12px #00000080}[data-theme=dark] .family-event-desc,[data-theme=dark] .family-event-title{color:#e4e6eb}[data-theme=dark] .event-time,[data-theme=dark] .family-event-date-line,[data-theme=dark] .family-event-location{color:#b0b3b8}[data-theme=dark] .family-event-type{background:#263951f2;color:#4599ff}[data-theme=dark] .family-event-date-badge{background:#3a3b3c}[data-theme=dark] .badge-content .month{color:#4599ff}[data-theme=dark] .badge-content .day{color:#e4e6eb}[data-theme=dark] .event-countdown{background:#263951;color:#4599ff}[data-theme=dark] .event-card-image{background:linear-gradient(135deg,#434343,#000)}[data-theme=dark] .event-wish-btn{background:linear-gradient(135deg,#7c3aed,#8b5cf6);box-shadow:0 4px 12px #7c3aed66}[data-theme=dark] .event-view-wishes-btn{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #8b5cf64d;color:#c4b5fd}[data-theme=dark] .event-share-btn{background:linear-gradient(135deg,#db2777,#ec4899);box-shadow:0 4px 12px #db277766}@media (max-width:480px){.event-card-image{height:160px}.family-event-date-badge{height:56px;min-width:48px}.badge-content .day{font-size:20px}.badge-content .month{font-size:10px}}@media (max-width:380px){.event-card-actions{flex-direction:column}.event-share-btn,.event-view-wishes-btn,.event-wish-btn{width:100%}}.family-event-card.today{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#8b5cf6,#ec4899,#f97316) border-box;background:linear-gradient(var(--bg-card,#fff),var(--bg-card,#fff)) padding-box,linear-gradient(135deg,#8b5cf6,#ec4899,#f97316) border-box;border:2px solid #0000;border-radius:12px;box-shadow:0 0 0 1px #8b5cf62e,0 18px 45px #8b5cf68c;position:relative;transform:translateY(-4px) scale(1.01)}.family-event-card.today:after{background:radial-gradient(circle at center,#8b5cf68c,#0000 70%);bottom:-18px;content:"";height:32px;left:20%;pointer-events:none;position:absolute;right:20%;z-index:-1}.family-event-card.today .event-card-image:after{animation:todayShine 3.2s ease-in-out infinite;background:linear-gradient(120deg,#0000,#ffffff4d 30%,#0000 60%);content:"";inset:0;mix-blend-mode:screen;opacity:0;pointer-events:none;position:absolute}@keyframes todayShine{0%{opacity:0;transform:translateX(-100%)}20%{opacity:1}40%{opacity:0;transform:translateX(100%)}to{opacity:0;transform:translateX(100%)}}.event-today-ribbon{align-items:center;background:linear-gradient(135deg,#22c55e,#a3e635);border-radius:999px;box-shadow:0 6px 16px #16a34a80;color:#052e16;display:inline-flex;font-size:11px;font-weight:700;gap:4px;left:10px;letter-spacing:.08em;padding:3px 10px;position:absolute;text-transform:uppercase;top:6px;z-index:5}.family-event-card.today .family-event-title{color:#111827}.family-event-card.today .event-countdown{background:#eef2ff;color:#4f46e5;font-weight:700}.event-public-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:16px;box-shadow:0 2px 8px #667eea66;color:#fff;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 12px;position:absolute;right:8px;top:8px;z-index:3}.family-event-card.public-event{border:2px solid #667eea4d;position:relative}.family-event-card.public-event:hover{box-shadow:0 8px 24px #667eea33}[data-theme=dark] .event-public-badge{background:linear-gradient(135deg,#7c3aed,#a855f7);border:1px solid #a855f74d;box-shadow:0 2px 8px #7c3aed66}[data-theme=dark] .family-event-card.public-event{border-color:#7c3aed4d}[data-theme=dark] .family-event-card.public-event:hover{box-shadow:0 8px 24px #7c3aed4d}[data-theme=dark] .family-event-card.today{background:linear-gradient(#020617,#020617) padding-box,linear-gradient(135deg,#8b5cf6,#ec4899,#f97316) border-box;box-shadow:0 0 0 1px #8b5cf699,0 24px 60px #000000f2}[data-theme=dark] .family-event-card.today .family-event-title{color:#f9fafb}[data-theme=dark] .family-event-card.today .event-countdown{background:#1e293b;color:#c4b5fd}[data-theme=dark] .event-today-ribbon{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 10px 30px #000000f2;color:#ecfdf5}.event-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.event-share-btn,.event-view-wishes-btn,.event-wish-btn{align-items:center;border:none;border-radius:999px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:4px;justify-content:center;padding:8px 12px;transition:transform .1s ease,box-shadow .1s ease,background .15s ease;white-space:nowrap}.event-wish-btn{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 4px 12px #8b5cf640;color:#fff}.event-view-wishes-btn{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #4f46e533;color:#4f46e5}.event-share-btn{background:linear-gradient(135deg,#ec4899,#f472b6);box-shadow:0 4px 12px #ec489940}.event-share-btn:hover,.event-view-wishes-btn:hover,.event-wish-btn:hover{box-shadow:0 8px 20px #0f172a33;transform:translateY(-2px)}.event-share-btn:active,.event-view-wishes-btn:active,.event-wish-btn:active{transform:translateY(0)}.event-share-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:999px;box-shadow:0 8px 18px #8b5cf659;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:transform .12s ease,box-shadow .12s ease}.event-share-btn:hover{box-shadow:0 10px 22px #8b5cf673;transform:translateY(-1px)}.family-event-honorees{align-items:center;color:#65676b;color:var(--text-secondary,#65676b);display:flex;font-size:13px;font-weight:500;gap:4px;margin:2px 0 0}.honoree-icon{font-size:14px}.honoree-text{white-space:normal}.honoree-label{font-weight:600}.honoree-names{color:#111827;color:var(--text-primary,#111827);font-weight:500}[data-theme=dark] .family-event-honorees{color:#9ca3af}[data-theme=dark] .honoree-names{color:#e5e7eb}.fb-image-upload-section{margin-bottom:8px;width:100%}.fb-image-placeholder{align-items:center;background:#f7f8fa;border:2px dashed #e4e6eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;height:200px;justify-content:center;transition:all .2s ease;width:100%}.fb-image-placeholder:hover{background:#e7f3ff;border-color:#8b5cf6}.fb-image-icon{font-size:48px;opacity:.6}.fb-image-placeholder p{color:#050505;font-size:16px;font-weight:600;margin:0}.fb-image-hint{color:#65676b;font-size:13px}.fb-image-preview{border-radius:8px;height:250px;overflow:hidden;position:relative;width:100%}.fb-image-preview img{height:100%;object-fit:cover;width:100%}.fb-remove-image{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:background .2s ease;width:32px}.fb-remove-image:hover{background:#000c}.fb-edit-image{background:#fffffff2;border:none;border-radius:6px;bottom:12px;color:#050505;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;position:absolute;right:12px;transition:background .2s ease}.fb-edit-image:hover{background:#fff}[data-theme=dark] .fb-image-placeholder{background:#3a3b3c;border-color:#4e4f50}[data-theme=dark] .fb-image-placeholder:hover{background:#263951;border-color:#8b5cf6}[data-theme=dark] .fb-image-placeholder p{color:#e4e6eb}[data-theme=dark] .fb-image-hint{color:#b0b3b8}.family-events-modal-backdrop{align-items:center;animation:backdropFadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#1b1b1bcc;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:1200}.family-events-modal.fb-style{animation:modalSlideUp .25s cubic-bezier(.2,0,0,1);background:#fff;border-radius:8px;box-shadow:0 12px 28px #00000040;margin:auto;max-width:900px;width:100%}.fb-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e4e6eb;border-radius:8px 8px 0 0;display:flex;justify-content:center;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.fb-modal-header h3{color:#050505;font-size:20px;font-weight:700;margin:0}.fb-modal-close{align-items:center;background:#e4e6eb;border:none;border-radius:50%;color:#050505;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:background .2s ease;width:36px}.fb-modal-close:hover{background:#d8dadf}.fb-events-form{grid-gap:20px;grid-column-gap:32px;column-gap:32px;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:24px}.fb-events-form>.fb-error,.fb-events-form>.fb-form-actions,.fb-events-form>.fb-form-group:nth-child(2),.fb-events-form>.fb-image-upload-section{grid-column:1/-1}.fb-form-group{display:flex;flex-direction:column;gap:6px}.fb-label{align-items:center;color:#050505;display:flex;font-size:14px;font-weight:600;gap:6px}.fb-label-icon{font-size:16px}.fb-input,.fb-input-large,.fb-select,.fb-textarea{background:#f0f2f5;border:1px solid #ced0d4;border-radius:6px;color:#050505;font-family:inherit;font-size:15px;outline:none;padding:10px 12px;transition:all .2s ease;width:100%}.fb-input-large{font-size:17px;font-weight:600}.fb-input-large::placeholder{color:#8a8d91;font-weight:500}.fb-input-large:focus,.fb-input:focus,.fb-select:focus,.fb-textarea:focus{background:#fff;border-color:#8b5cf6}.fb-textarea{line-height:1.5;min-height:80px;resize:vertical}.fb-select-wrapper{position:relative}.fb-select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:36px}.fb-select-wrapper:after{color:#65676b;content:"▼";font-size:10px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.fb-error{align-items:center;background:#ffebe9;border-radius:6px;color:#c41e3a;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 12px}.fb-form-actions{border-top:1px solid #e4e6eb;margin-top:8px;padding-top:16px}.fb-btn-primary{align-items:center;background:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:background .2s ease;width:100%}.fb-btn-primary:hover{background:#692cf8}.fb-btn-primary:disabled{background:#e4e6eb;color:#bcc0c4;cursor:not-allowed}.btn-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=dark] .family-events-modal.fb-style,[data-theme=dark] .fb-modal-header{background:#0c0c0c;box-shadow:0 12px 28px #00000080}[data-theme=dark] .fb-modal-header{border-bottom-color:#3e4042}[data-theme=dark] .fb-modal-header h3{color:#e4e6eb}[data-theme=dark] .fb-modal-close{background:#3a3b3c;color:#e4e6eb}[data-theme=dark] .fb-modal-close:hover{background:#4e4f50}[data-theme=dark] .fb-label{color:#e4e6eb}[data-theme=dark] .fb-input,[data-theme=dark] .fb-input-large,[data-theme=dark] .fb-select,[data-theme=dark] .fb-textarea{background:#3a3b3c;border-color:#3e4042;color:#e4e6eb}[data-theme=dark] .fb-input-large::placeholder,[data-theme=dark] .fb-input::placeholder,[data-theme=dark] .fb-textarea::placeholder{color:#8a8d91}[data-theme=dark] .fb-input-large:focus,[data-theme=dark] .fb-input:focus,[data-theme=dark] .fb-select:focus,[data-theme=dark] .fb-textarea:focus{background:#242526;border-color:#8b5cf6}[data-theme=dark] .fb-form-actions{border-top-color:#3e4042}[data-theme=dark] .fb-btn-primary:disabled{background:#3a3b3c;color:#8a8d91}[data-theme=dark] .family-events-modal-backdrop{background:#353535cc}@media (max-width:1200px){.family-events-modal.fb-style{max-width:700px}.fb-events-form{grid-template-columns:1fr}}@media (max-width:768px){.family-events-modal.fb-style{max-width:100%}.fb-events-form{grid-template-columns:1fr;padding:16px}}.fb-toggle-row{align-items:center;flex-direction:row;justify-content:space-between}.fb-toggle-text{display:flex;flex-direction:column;gap:2px}.fb-toggle-helper{color:#65676b;font-size:12px}.fb-switch{display:inline-block;height:24px;position:relative;width:44px}.fb-switch input{height:0;opacity:0;width:0}.fb-slider{background-color:#ced0d4;border-radius:24px;cursor:pointer;inset:0;position:absolute;transition:.2s}.fb-helper-text{color:#65676b;font-size:12px}[data-theme=dark] .fb-helper-text{color:#b0b3b8}.fb-slider:before{background-color:#fff;border-radius:50%;content:"";height:18px;left:3px;position:absolute;top:3px;transition:.2s;width:18px}.fb-members-chips{background:#f0f2f5;border:1px solid #ced0d4;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;max-height:150px;overflow-y:auto;padding:8px}.fb-member-pill{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:999px;color:#111827;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 10px;transition:all .15s ease;white-space:nowrap}.fb-member-pill:hover{border-color:#8b5cf6;box-shadow:0 0 0 1px #8b5cf640}.fb-member-pill-selected{background:#8b5cf614;border-color:#8b5cf6;box-shadow:0 0 0 1px #8b5cf673;color:#4c1d95}.fb-member-pill-avatar{align-items:center;background:#e5e7eb;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;height:22px;justify-content:center;width:22px}.fb-member-pill-selected .fb-member-pill-avatar{background:#ddd6fe}.fb-member-pill-name{max-width:130px;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .fb-members-chips{background:#242526;border-color:#3e4042}[data-theme=dark] .fb-member-pill{background:#18191a;border-color:#3e4042;color:#e4e6eb}[data-theme=dark] .fb-member-pill-avatar{background:#3a3b3c;color:#e4e6eb}[data-theme=dark] .fb-member-pill-selected{background:#8b5cf62e;border-color:#8b5cf6;color:#ede9fe}.fb-switch input:checked+.fb-slider{background-color:#8b5cf6}.fb-switch input:checked+.fb-slider:before{transform:translateX(20px)}[data-theme=dark] .fb-toggle-helper{color:#b0b3b8}[data-theme=dark] .fb-slider{background-color:#3a3b3c}.wish-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.wish-modal{background:#fff;background:var(--bg-card,#fff);border-radius:18px;box-shadow:0 24px 80px #0f172a59;display:flex;flex-direction:column;max-height:80vh;max-width:720px;overflow:hidden;width:100%}.wish-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);display:flex;justify-content:space-between;padding:16px 20px}.wish-modal-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:16px;font-weight:600;margin:0}.wish-modal-close{background:#0000;border:none;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:18px}.wish-modal-body{display:flex;flex-direction:column;max-height:70vh;padding:0}.wish-modal-scroll{overflow-y:auto;padding:18px 20px 16px}.wish-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.wish-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;font-weight:600}.wish-input{background:#f9fafb;background:var(--bg-main,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:10px;color:#0f172a;color:var(--text-primary,#0f172a);font-size:14px;outline:none;padding:9px 11px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.wish-input:focus{background:#fff;background:var(--bg-card,#fff);border-color:#8b5cf6;box-shadow:0 0 0 1px #8b5cf659}.wish-textarea{min-height:80px;resize:vertical}.wish-gif-tabs{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:999px;display:inline-flex;margin-bottom:10px;padding:2px}.wish-tab{background:#0000;border:none;border-radius:999px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px}.wish-tab-active{background:#fff;box-shadow:0 1px 4px #0f172a1f;color:#8b5cf6}.wish-emoji-placeholder{display:flex;flex-wrap:wrap;gap:6px}.wish-emoji-btn{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:999px;cursor:pointer;font-size:18px;height:34px;width:34px}.wish-gif-picker{flex-direction:column}.wish-gif-picker,.wish-gif-search-row{display:flex;gap:8px}.wish-gif-search-input{flex:1 1}.wish-gif-search-btn{background:#8b5cf6;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:0 16px}.wish-gif-error{color:#b91c1c;font-size:12px}.wish-gif-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:6px;max-height:210px;overflow-y:auto}.wish-gif-item{background:#0000;border:2px solid #0000;border-radius:10px;cursor:pointer;overflow:hidden;padding:0}.wish-gif-item img{display:block;height:100%;object-fit:cover;width:100%}.wish-gif-item-selected{border-color:#8b5cf6;box-shadow:0 0 0 1px #8b5cf666}.wish-gif-loading{grid-column:1/-1;text-align:center}.wish-gif-loading,.wish-gif-preview{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px}.wish-gif-preview{margin-top:8px}.wish-gif-preview-inner{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:10px;display:inline-flex;gap:6px;margin-top:6px;padding:4px}.wish-gif-preview-inner img{border-radius:8px;height:56px}.wish-gif-clear{background:#0000;border:none;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:16px}.wish-audio-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.wish-audio-btn{background:#8b5cf6;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.wish-audio-btn-stop{background:#ef4444}.wish-audio-player{flex:1 1;min-width:160px}.wish-audio-clear{background:#0000;border:none;color:#ef4444;cursor:pointer;font-size:13px}.wish-error{color:#b91c1c;font-size:13px;margin-top:4px}.wish-modal-footer{background:#fff;background:var(--bg-card,#fff);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light,#e5e7eb);display:flex;gap:8px;justify-content:flex-end;padding:10px 20px 14px}.wish-btn{border:none;border-radius:999px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 18px}.wish-btn-secondary{background:#e5e7eb;color:#111827}.wish-btn-primary{background:#8b5cf6;color:#fff}.wish-view-body{display:flex;flex-direction:column;gap:12px;max-height:70vh;overflow-y:auto;padding:18px 20px 16px}.wish-view-loading,.wish-view-placeholder{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px}.wish-view-placeholder{margin:0}.wish-item{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:14px;display:flex;flex-direction:column;gap:8px;padding:12px 14px}.wish-item-header{align-items:center;display:flex;gap:10px}.wish-item-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:999px;color:#fff;display:flex;font-size:13px;font-weight:600;height:32px;justify-content:center;width:32px}.wish-item-meta{gap:2px}.wish-item-name{color:#0f172a;color:var(--text-primary,#0f172a)}.wish-item-time{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px}.wish-item-text{color:#111827;color:var(--text-primary,#111827);font-size:14px;margin:2px 0 0}.wish-item-gif img{border-radius:10px;display:block;margin-top:4px;max-height:130px}.wish-item-audio{margin-top:4px;width:100%}.wish-item-thanks{background:#22c55e14;color:#15803d;margin-top:4px}.wish-item-family{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-style:italic;margin-top:2px;opacity:.85}.wish-item-meta{display:flex;flex-direction:column;gap:3px}.wish-item-name{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:600}.wish-item-time{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:11px;opacity:.75}[data-theme=dark] .wish-modal-backdrop{background:#0f172abf}[data-theme=dark] .wish-modal{background:#020617;box-shadow:0 24px 80px #000000e6}[data-theme=dark] .wish-modal-header{border-bottom-color:#1f2937}[data-theme=dark] .wish-modal-title{color:#e5e7eb}[data-theme=dark] .wish-modal-close{color:#9ca3af}[data-theme=dark] .wish-input{background:#020617;border-color:#1f2937;color:#e5e7eb}[data-theme=dark] .wish-gif-tabs,[data-theme=dark] .wish-input:focus,[data-theme=dark] .wish-tab-active{background:#020617}[data-theme=dark] .wish-emoji-btn{background:#020617;border-color:#1f2937}[data-theme=dark] .wish-gif-preview-inner{background:#020617;border:1px solid #1f2937}[data-theme=dark] .wish-audio-btn{box-shadow:0 6px 16px #7b25eb59}[data-theme=dark] .wish-btn-secondary{background:#111827;color:#e5e7eb}[data-theme=dark] .wish-item{background:#020617;border-color:#1f2937}[data-theme=dark] .wish-item-name,[data-theme=dark] .wish-item-text{color:#e5e7eb}[data-theme=dark] .wish-item-time,[data-theme=dark] .wish-view-loading,[data-theme=dark] .wish-view-placeholder{color:#9ca3af}.wish-item-avatar-img{border-radius:999px;display:block;height:100%;object-fit:cover;width:100%}.wish-media-row{display:flex;flex-wrap:wrap;gap:12px}.wish-media-section{display:flex;flex:1 1 220px;flex-direction:column;gap:8px}.wish-media-upload-btn{align-items:center;background:#f9fafb;background:var(--bg-main,#f9fafb);border:1px dashed #e5e7eb;border:1px dashed var(--border-light,#e5e7eb);border-radius:999px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 14px}.wish-media-upload-btn input{display:none}.wish-media-record-row{margin-top:6px}.wish-media-record-btn{background:#8b5cf6;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px}.wish-media-record-btn-stop{background:#ef4444}.wish-media-live-wrapper{margin-top:8px}.wish-media-live{background:#000;border-radius:10px;height:120px;width:180px}.wish-item-save-btn{background:#e5deff;border:none;border-radius:999px;color:#6d28d9;cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:.5s}.wish-item-save-btn:disabled{cursor:default;opacity:.7}.wish-item-save-btn:hover{background-color:#7a0de0;color:#fff;transform:translateY(1)}.wish-media-preview{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:10px;display:inline-flex;gap:8px;margin-top:8px;padding:4px}.wish-media-preview img,.wish-media-preview video{border-radius:10px;display:block;height:96px;object-fit:cover;width:96px}.wish-media-clear{background:#0000;border:none;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:16px}.wish-item-image img{border-radius:10px;display:block;margin-top:4px;max-height:160px;object-fit:cover}.wish-item-video video{border-radius:12px;display:block;margin-top:4px;max-height:220px;width:100%}[data-theme=dark] .wish-media-upload-btn{background:#020617;border-color:#1f2937;color:#9ca3af}[data-theme=dark] .wish-media-preview{background:#020617;border:1px solid #1f2937}@media (max-width:640px){.wish-modal{margin:0 10px;max-width:100%}.wish-gif-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.wish-view-note{color:#64748b;font-size:13px;margin:0 0 12px}.wish-item-footer{justify-content:space-between;margin-top:12px}.wish-item-footer,.wish-item-footer-left,.wish-item-footer-right{align-items:center;display:flex}.wish-item-footer-right{gap:8px}.wish-item-thanks{background:#ecfdf5;border-radius:999px;color:#047857;font-size:13px;font-weight:500;padding:6px 10px}.wish-item-thank-btn{background:#8b5cf6;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;margin-left:auto;padding:6px 12px;transition:transform .1s ease,box-shadow .1s ease,background .15s ease}.wish-item-thank-btn:hover:not(:disabled){background:#632fdd;box-shadow:0 6px 16px #4f46e559;transform:translateY(-1px)}.wish-item-thank-btn:disabled{cursor:default;opacity:.7}[data-theme=dark] .wish-item-thanks{background:#022c22;color:#6ee7b7}[data-theme=dark] .wish-item-thank-btn{background:#8b5cf6}[data-theme=dark] .wish-item-thank-btn:hover:not(:disabled){background:#6428ee}.event-details-backdrop{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f172a8c;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:16px;position:fixed;z-index:1300}.event-details-modal{background:#fff;background:var(--bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-light,#e2e8f0);border-radius:18px;box-shadow:0 24px 60px #0f172a47;color:#0f172a;color:var(--text-primary,#0f172a);max-width:720px;overflow:hidden;position:relative;width:100%}.event-details-modal:before{background:linear-gradient(90deg,#8b5cf6,#ec4899,#22c55e);content:"";height:4px;left:0;opacity:.9;position:absolute;right:0;top:0}.event-details-close{align-items:center;background:#0f172a14;border:none;border-radius:999px;color:#0f172a;color:var(--text-primary,#0f172a);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:14px;top:14px;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;width:32px;z-index:2}.event-details-close:hover{background:#0f172a29;box-shadow:0 4px 10px #0f172a4d;transform:rotate(90deg)}.event-details-header{background:radial-gradient(circle at top left,#ecfeff 0,#f8fafc 45%,#fff 100%);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light,#e2e8f0);padding:22px 26px 14px}.event-header-left{align-items:center;display:flex;gap:16px}.event-thumb{border-radius:16px;box-shadow:0 8px 20px #94a3b880;height:56px;object-fit:cover;width:56px}.event-thumb--placeholder{align-items:center;color:#fff;display:flex;justify-content:center}.event-thumb-icon{font-size:28px}.event-header-text{flex:1 1;min-width:0}.event-header-top{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:6px}.event-details-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:22px;font-weight:600;margin:0}.event-type-chip{background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border:1px solid #7c3aed59;border-radius:999px;color:#7c3aed;font-size:11px;font-weight:600;letter-spacing:.04em;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.event-header-meta{display:flex;flex-wrap:wrap;font-size:13px;gap:8px}.event-countdown-pill,.event-date-pill{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-light,#e2e8f0);border-radius:999px;display:inline-flex;gap:6px;padding:4px 10px}.event-date-pill:before{content:"📅";font-size:13px}.event-countdown-pill{background:linear-gradient(135deg,#ede9fe,#fdf2ff);border-color:#7c3aed4d;color:#7c3aed!important}.event-countdown-pill:before{content:"⏱";font-size:13px}.event-details-content{padding:18px 24px}.event-details-section{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light,#e2e8f0);padding:12px 0}.event-details-section:last-of-type{border-bottom:none}.section-title{color:#64748b;color:var(--text-secondary,#64748b);font-size:14px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.event-row{grid-gap:12px;align-items:center;border-radius:10px;display:grid;gap:12px;grid-template-columns:minmax(0,1.3fr) minmax(0,1.7fr);padding:8px 10px}.event-row:nth-child(odd){background:#94a3b80f}.event-row-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;font-weight:600}.event-row-value{text-align:right}.event-description,.event-row-value{color:#0f172a;color:var(--text-primary,#0f172a);font-size:14px}.event-description{line-height:1.5;margin:0;white-space:pre-wrap}.cohosts-empty,.cohosts-loading{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;padding:6px 0 4px}.cohosts-loading{align-items:center;display:flex;gap:10px}.mini-spinner{animation:spin .8s linear infinite;border:2px solid #e2e8f0;border:2px solid var(--border-light,#e2e8f0);border-radius:999px;border-top:2px solid #7c3aed;height:18px;width:18px}.cohosts-list{display:flex;flex-direction:column;gap:8px}.cohost-item{background:#f8fafc;background:var(--bg-main,#f8fafc);border-radius:10px;gap:10px;padding:8px 10px}.cohost-avatar,.cohost-item{align-items:center;display:flex}.cohost-avatar{background:#e2e8f0;border-radius:999px;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;width:36px}.cohost-avatar img{height:100%;object-fit:cover;width:100%}.cohost-avatar-placeholder{align-items:center;background:#7c3aed;color:#fff;display:flex;font-size:14px;font-weight:700;height:100%;justify-content:center;width:100%}.cohost-info{flex:1 1;min-width:0}.cohost-name{color:#0f172a;color:var(--text-primary,#0f172a);font-size:14px;font-weight:500}.cohost-email{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rsvp-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.rsvp-stat{background:#f8fafc;background:var(--bg-main,#f8fafc);border-radius:10px;padding:10px 6px;text-align:center}.rsvp-count{color:#0f172a;color:var(--text-primary,#0f172a);font-size:18px;font-weight:600;margin-bottom:2px}.rsvp-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:11px;letter-spacing:.05em;text-transform:uppercase}.event-footer-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-top:12px}.event-meta{display:flex;flex-wrap:wrap;gap:8px}.meta-badge{background:#f8fafc;background:var(--bg-main,#f8fafc);border-radius:999px;color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;padding:4px 10px}.event-details-actions{display:flex;gap:10px}.event-action-btn{align-items:center;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#94a3b84d,#94a3b81a) border-box;background:linear-gradient(var(--bg-card,#fff),var(--bg-card,#fff)) padding-box,linear-gradient(135deg,#94a3b84d,#94a3b81a) border-box;border:1px solid #0000;border-radius:999px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 18px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;white-space:nowrap}.event-action-btn:hover{box-shadow:0 8px 18px #94a3b880;transform:translateY(-1px)}.btn-edit{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#a855f7,#6366f1) border-box;background:linear-gradient(var(--bg-card,#fff),var(--bg-card,#fff)) padding-box,linear-gradient(135deg,#a855f7,#6366f1) border-box;color:#7c3aed}.btn-edit:hover{background:linear-gradient(#f5f3ff,#eef2ff) padding-box,linear-gradient(135deg,#a855f7,#6366f1) border-box}.btn-delete{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#fb7185,#f97316) border-box;background:linear-gradient(var(--bg-card,#fff),var(--bg-card,#fff)) padding-box,linear-gradient(135deg,#fb7185,#f97316) border-box;color:#b91c1c}.btn-delete:hover{background:linear-gradient(#fef2f2,#fff7ed) padding-box,linear-gradient(135deg,#fb7185,#f97316) border-box}.event-countdown-pill,[data-theme=dark] .event-date-pill{background-color:#000;color:#fff}[data-theme=dark] .event-details-modal{background:#020617;border-color:#1f2937;border-color:var(--border-medium,#1f2937)}[data-theme=dark] .event-details-header{background:radial-gradient(circle at top left,#0f172a 0,#020617 50%,#020617 100%)}[data-theme=dark] .event-details-close{background:#0f172acc;color:#e5e7eb}[data-theme=dark] .event-details-close:hover{background:#0f172a}[data-theme=dark] .event-row:nth-child(odd){background:#1f2937cc}[data-theme=dark] .cohost-email,[data-theme=dark] .event-row-label,[data-theme=dark] .meta-badge,[data-theme=dark] .rsvp-label,[data-theme=dark] .section-title{color:#9ca3af}[data-theme=dark] .cohost-name,[data-theme=dark] .event-description,[data-theme=dark] .event-details-title,[data-theme=dark] .event-row-value,[data-theme=dark] .rsvp-count{color:#e5e7eb}@media (max-width:600px){.event-details-modal{border-radius:16px;max-width:100%}.event-header-top{align-items:flex-start;flex-direction:column}.event-row{grid-template-columns:1fr}.event-row,.event-row-value{text-align:left}.event-footer-row{align-items:flex-start;flex-direction:column}.event-details-actions{width:100%}.event-action-btn{flex:1 1;justify-content:center}}.public-events-sidebar{-ms-overflow-style:none;background:radial-gradient(circle at 0 0,#8b5cf61f,#0000 55%),#fff;background:radial-gradient(circle at 0 0,#8b5cf61f,#0000 55%),var(--bg-card,#fff);border:1px solid #94a3b840;box-shadow:0 18px 60px #0f172a29;box-sizing:border-box;flex:0 0 360px;max-height:calc(100vh - 80px);overflow-y:auto;padding:0 16px 12px;scrollbar-width:none;width:360px}.public-events-sidebar::-webkit-scrollbar{display:none}.public-events-header{background:#fff;margin:0 -16px;padding:16px 26px 10px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.public-events-list{display:flex;flex-direction:column;gap:16px;margin-top:10px;padding-right:4px}.public-events-title-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.public-events-title-row h3{color:#0f172a;color:var(--text-primary,#0f172a);font-size:15px;font-weight:600;letter-spacing:.01em;margin:0}.public-events-count{background:#8b5cf61a;border-radius:999px;box-shadow:0 1px 3px #0f172a26;color:#6d28d9;font-size:12px;font-weight:600;min-width:28px;padding:2px 10px;text-align:center}.public-events-subtitle{font-size:12px;line-height:1.4;margin:4px 0 0}.public-events-state,.public-events-subtitle{color:#64748b;color:var(--text-secondary,#64748b)}.public-events-state{font-size:13px;padding-top:8px}.public-events-error{color:#b91c1c}.public-events-list::-webkit-scrollbar{width:6px}.public-events-list::-webkit-scrollbar-track{background:#0000}.public-events-list::-webkit-scrollbar-thumb{background:#94a3b8b3;border-radius:999px}.public-events-list .family-event-card{box-shadow:0 1px 2px #0f172a1f}.family-events-page[data-theme=dark] .public-events-sidebar,[data-theme=dark] .public-events-sidebar{background:radial-gradient(circle at 0 0,#38bdf81a,#0000 55%),#020617;border-color:#1f2937;box-shadow:0 18px 60px #000000e6}[data-theme=dark] .public-events-header{background-color:#000!important;color:#fff}[data-theme=dark] .public-events-title-row h3{color:#fff}[data-theme=dark] .public-events-state,[data-theme=dark] .public-events-subtitle{color:#9ca3af}@media (max-width:1024px){.public-events-sidebar{display:none}}.public-events-item{margin-bottom:14px}.public-event-remove-link{background:none;border:none;color:#ef4444;cursor:pointer;font-size:12px;margin-top:6px;padding:0;text-align:left}.public-event-remove-link:hover{text-decoration:underline}.blog-page{background:#f8fafc;background:var(--bg-main,#f8fafc);min-height:100vh;padding:24px}.blog-page-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.blog-page-header h1{color:#0f172a;color:var(--text-primary,#0f172a);font-size:24px;font-weight:600;margin:0 0 4px}.blog-page-header p{color:#64748b;color:var(--text-secondary,#64748b);font-size:14px;margin:0}.blog-primary-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:999px;box-shadow:0 10px 25px #6366f159;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;outline:none;padding:10px 18px;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.blog-primary-btn:hover{box-shadow:0 16px 30px #4f46e566;opacity:.95;transform:translateY(-1px)}.blog-secondary-btn{background:#fff;background:var(--bg-card,#fff);border:1px solid #e2e8f0;border-radius:999px;color:#0f172a;color:var(--text-primary,#0f172a);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .15s ease,color .15s ease,border-color .15s ease}.blog-secondary-btn:hover{background:#f1f5f9}.blog-danger-btn{background:#fee2e2;border:1px solid #fecaca;border-radius:999px;color:#b91c1c;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .15s ease,color .15s ease,border-color .15s ease}.blog-danger-btn:hover{background:#fecaca;border-color:#fca5a5;color:#7f1d1d}.blog-tabs{background:#e5e7eb;border-radius:999px;display:inline-flex;margin-bottom:20px;padding:4px}.blog-tab{background:#0000;border:none;border-radius:999px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.blog-tab.is-active{background:#fff;box-shadow:0 4px 12px #94a3b866;color:#4f46e5}.blog-alert{border-radius:10px;font-size:13px;margin-bottom:16px;padding:10px 12px}.blog-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.blog-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:14px;gap:10px;padding:40px 0}.blog-spinner{animation:blog-spin .7s linear infinite;border:3px solid #e2e8f0;border-radius:999px;border-top-color:#8b5cf6;height:28px;width:28px}@keyframes blog-spin{to{transform:rotate(1turn)}}.blog-page-empty{background:#fff;background:var(--bg-card,#fff);border:1px dashed #cbd5f5;border-radius:16px;margin-top:12px;padding:32px;text-align:center}.blog-page-empty h2{color:#111827;font-size:18px;margin:0 0 8px}.blog-page-empty p{color:#6b7280;font-size:14px;margin:0}.blog-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,260px));justify-content:center}.blog-card{background:#fff;background:var(--bg-card,#fff);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 20px #0f172a08;cursor:pointer;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.blog-card:hover{border-color:#c7d2fe;box-shadow:0 18px 35px #0f172a14;transform:translateY(-2px)}.blog-card-image-wrapper{background:#915afd;height:170px;overflow:hidden;width:100%}.blog-card-image-wrapper--avatar{align-items:center;display:flex;justify-content:center}.blog-card-avatar-cover{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:3px solid #ffffffe6;border-radius:999px;box-shadow:0 12px 30px #0f172a73;height:96px;overflow:hidden;width:96px}.blog-card-avatar-cover img,.blog-card-image{display:block;height:100%;object-fit:cover;width:100%}.blog-card-body{display:flex;flex-direction:column;height:100%;padding:14px 16px}.blog-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.blog-visibility-chip{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:4px 10px}.blog-visibility-family{background:#10b9811f;color:#047857}.blog-visibility-public{background:#3b82f61f;color:#1d4ed8}.blog-date{color:#9ca3af;font-size:12px}.blog-title{-webkit-line-clamp:2;color:#111827;color:var(--text-primary,#111827);font-size:16px;font-weight:600;margin:6px 0}.blog-preview,.blog-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-preview{-webkit-line-clamp:3;color:#6b7280;font-size:13px;line-height:1.5;margin:0}.blog-meta{gap:12px;justify-content:space-between;margin-top:16px}.blog-meta,.blog-meta-right{align-items:flex-end;display:flex}.blog-meta-right{flex-direction:column;gap:6px}.blog-author{align-items:center;display:flex;gap:8px}.blog-author-avatar{align-items:center;background:#e5e7eb;background:var(--accent-soft,#e5e7eb);border-radius:999px;display:flex;font-size:.9rem;font-weight:600;height:36px;justify-content:center;overflow:hidden;position:relative;width:36px}.blog-author-avatar img{height:100%;object-fit:cover;width:100%}.blog-author-avatar-initial{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.blog-author-name{color:#111827;color:var(--text-primary,#111827);font-size:13px;font-weight:600}.blog-author-sub{color:#9ca3af;font-size:11px}.blog-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.blog-tag-chip{background:#f3f4f6;border-radius:999px;color:#4b5563;font-size:11px;padding:3px 8px}.blog-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.blog-modal{background:#fff;background:var(--bg-card,#fff);border-radius:20px;box-shadow:0 20px 50px #0f172a59;display:flex;flex-direction:column;max-height:90vh;max-width:720px;overflow-y:auto;padding:20px 20px 16px;width:100%}.blog-modal-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.blog-modal-header h2{color:#0f172a;color:var(--text-primary,#0f172a);flex:1 1;font-size:20px;font-weight:600;margin:0}.blog-icon-btn{align-items:center;background:#0000;border:none;border-radius:999px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;justify-content:center;line-height:1;margin-left:8px;padding:4px}.blog-icon-btn:hover{background:#f3f4f6;color:#4b5563}.blog-form{gap:14px}.blog-form,.blog-form-group{display:flex;flex-direction:column}.blog-form-group{gap:6px}.blog-form-group label{color:#4b5563;font-size:13px;font-weight:500}.blog-form-group input,.blog-form-group textarea{background:#fff;background:var(--bg-input,#fff);border:1px solid #e5e7eb;border-radius:12px;color:#111827;font-family:inherit;font-size:13px;outline:none;padding:9px 11px;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.blog-form-group input:focus,.blog-form-group textarea:focus{background:#f9fafb;border-color:#8b5cf6;box-shadow:0 0 0 1px #8b5cf626}.blog-visibility-options{display:flex;flex-wrap:wrap;gap:8px}.blog-radio-pill{align-items:flex-start;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:inline-flex;flex:1 1;gap:8px;padding:8px 10px}.blog-radio-pill input{margin-top:3px}.blog-radio-pill span{display:flex;flex-direction:column}.blog-radio-pill span small{color:#9ca3af;font-size:11px}.blog-image-preview-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.blog-image-preview{background:#0000;border:2px solid #0000;border-radius:10px;cursor:pointer;height:70px;overflow:hidden;position:relative;width:70px}.blog-image-preview img{display:block;height:100%;object-fit:cover;width:100%}.blog-image-preview.is-cover{border-color:#8b5cf6}.blog-image-cover-label{background:#0f172ad9;bottom:4px;font-size:9px;left:4px;padding:2px 6px}.blog-image-cover-label,.blog-image-remove-btn{border-radius:999px;color:#fff;position:absolute}.blog-image-remove-btn{align-items:center;background:#0f172acc;border:none;cursor:pointer;display:flex;font-size:11px;height:18px;justify-content:center;right:2px;top:2px;width:18px}.blog-image-remove-btn:hover{background:#dc2626f2}.blog-modal-footer{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.blog-read-modal{max-width:800px}.blog-read-meta{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:6px}.blog-read-gallery{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.blog-read-gallery-item{border-radius:12px;flex:1 1 160px;max-width:220px;overflow:hidden}.blog-read-gallery-item img{display:block;height:100%;object-fit:cover;width:100%}.blog-read-content{border-top:1px solid #e5e7eb;color:#111827;color:var(--text-primary,#111827);font-size:14px;line-height:1.6;margin-top:10px;max-height:60vh;overflow-y:auto;padding-top:10px}.blog-card-menu-wrapper{position:relative}.blog-card-menu-btn{align-items:center;background:#fff;border:none;border-radius:999px;box-shadow:0 2px 6px #94a3b859;color:#6b7280;cursor:pointer;display:inline-flex;font-size:16px;justify-content:center;line-height:1;padding:4px 10px;transition:background .15s ease,box-shadow .15s ease,transform .15s ease,color .15s ease}.blog-card-menu-btn:hover{background:#f3f4ff;box-shadow:0 4px 10px #818cf873;color:#4f46e5;transform:translateY(-1px)}.blog-card-menu-dropdown{background:#fff;border-radius:12px;bottom:115%;box-shadow:0 12px 30px #0f172a40;min-width:170px;padding:6px;position:absolute;right:0;z-index:40}.blog-card-menu-item{background:#0000;border:none;border-radius:8px;color:#111827;cursor:pointer;font-size:12px;font-weight:500;padding:7px 10px;text-align:left;transition:background .12s ease,color .12s ease;width:100%}.blog-card-menu-item:hover{background:#f3f4ff;color:#4f46e5}.blog-card-menu-item-danger{color:#b91c1c}.blog-card-menu-item-danger:hover{background:#fee2e2;color:#991b1b}@media (max-width:1024px){.blog-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));justify-content:stretch}}@media (max-width:768px){.blog-page{padding:16px}.blog-page-header{align-items:flex-start;flex-direction:column}.blog-list{grid-template-columns:1fr}}:root[data-theme=dark] .blog-page{background:radial-gradient(circle at 0 0,#020617 0,#020617 45%,#020617 100%)}:root[data-theme=dark] .blog-page-header h1{color:#e5e7eb}:root[data-theme=dark] .blog-page-header p{color:#9ca3af}:root[data-theme=dark] .blog-secondary-btn{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .blog-secondary-btn:hover{background:#111827}:root[data-theme=dark] .blog-danger-btn{background:#450a0a;border-color:#7f1d1d;color:#fecaca}:root[data-theme=dark] .blog-danger-btn:hover{background:#7f1d1d;border-color:#b91c1c}:root[data-theme=dark] .blog-tabs{background:#020617}:root[data-theme=dark] .blog-tab{color:#9ca3af}:root[data-theme=dark] .blog-tab.is-active{background:#111827;box-shadow:0 6px 18px #0f172ae6;color:#a5b4fc}:root[data-theme=dark] .blog-page-empty{background:#020617;border-color:#1f2937}:root[data-theme=dark] .blog-page-empty h2{color:#e5e7eb}:root[data-theme=dark] .blog-page-empty p{color:#9ca3af}:root[data-theme=dark] .blog-card{background:#020617;border-color:#1f2937;box-shadow:0 20px 60px #000000e6}:root[data-theme=dark] .blog-card:hover{border-color:#4f46e5}:root[data-theme=dark] .blog-title{color:#e5e7eb}:root[data-theme=dark] .blog-preview{color:#9ca3af}:root[data-theme=dark] .blog-date{color:#6b7280}:root[data-theme=dark] .blog-author-name{color:#e5e7eb}:root[data-theme=dark] .blog-author-sub{color:#9ca3af}:root[data-theme=dark] .blog-tag-chip{background:#111827;color:#cbd5f5}:root[data-theme=dark] .blog-card-menu-btn{background:#020617;box-shadow:0 4px 10px #0f172acc;color:#e5e7eb}:root[data-theme=dark] .blog-card-menu-btn:hover{background:#1e293b;color:#c7d2fe}:root[data-theme=dark] .blog-card-menu-dropdown{background:#020617;box-shadow:0 16px 40px #000000f2}:root[data-theme=dark] .blog-card-menu-item{color:#e5e7eb}:root[data-theme=dark] .blog-card-menu-item:hover{background:#111827;color:#c7d2fe}:root[data-theme=dark] .blog-card-menu-item-danger{color:#fecaca}:root[data-theme=dark] .blog-card-menu-item-danger:hover{background:#450a0a;color:#fee2e2}:root[data-theme=dark] .blog-modal-backdrop{background:#0f172ad9}:root[data-theme=dark] .blog-modal{background:#020617;box-shadow:0 24px 60px #000000f2}:root[data-theme=dark] .blog-form-group label,:root[data-theme=dark] .blog-modal-header h2{color:#e5e7eb}:root[data-theme=dark] .blog-form-group input,:root[data-theme=dark] .blog-form-group textarea{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .blog-form-group input::placeholder,:root[data-theme=dark] .blog-form-group textarea::placeholder{color:#64748b}:root[data-theme=dark] .blog-form-group input:focus,:root[data-theme=dark] .blog-form-group textarea:focus{background:#020617;border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e566}:root[data-theme=dark] .blog-radio-pill{border-color:#1f2937}:root[data-theme=dark] .blog-radio-pill span small{color:#64748b}:root[data-theme=dark] .blog-image-preview{background:#020617}:root[data-theme=dark] .blog-image-cover-label,:root[data-theme=dark] .blog-image-remove-btn{background:#0f172af5}:root[data-theme=dark] .blog-read-content{border-top-color:#1f2937;color:#e5e7eb}.blog-detail-page{position:relative}.bd-hero-full{height:380px}.bd-hero-img{display:block;height:100%;object-fit:cover;object-position:50% 50%;transition:object-position .25s ease;width:100%}.bd-top-actions{align-items:center;display:flex;justify-content:space-between;left:0;padding:0 24px;position:absolute;right:0;top:16px;z-index:25}.bd-back-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;background-color:#0f172a14;border-radius:999px;color:#6366f1;padding:6px 12px;transition:background .15s ease,transform .15s ease,color .15s ease}.bd-back-btn:hover{transform:translateY(-1px)}.bd-cover-adjust{align-items:flex-start;display:flex;flex-direction:column;gap:8px;margin:0 auto;max-width:960px;padding:10px 24px 0;width:100%}.bd-cover-label{color:#6b7280;font-size:12px}.bd-cover-slider-row{align-items:center;display:flex;gap:8px;width:100%}.bd-cover-slider-row input[type=range]{flex:1 1}.bd-cover-adjust-actions{display:flex;gap:8px}.bd-cover-btn{border:none;border-radius:999px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px}.bd-cover-btn-primary{background:#6366f1;color:#fff}.bd-cover-btn-primary:hover{background:#4f46e5}.bd-cover-btn-secondary{background:#f3f4f6;color:#374151}.bd-cover-btn-secondary:hover{background:#e5e7eb}:root[data-theme=dark] .bd-back-btn{background-color:#0f172a99;color:#e5e7eb}:root[data-theme=dark] .bd-back-btn:hover{background-color:#0f172ae6}.bd-comments-section{border-top:1px solid #94a3b859;margin-top:32px;padding-top:24px}.bd-comments-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px}.bd-comments-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:18px;font-weight:600;margin:0}.bd-comments-count{background:#94a3b829;border-radius:999px;padding:4px 10px}.bd-comments-count,.bd-comments-rule{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px}.bd-comments-rule{margin:0 0 14px}.bd-comments-error{color:#ef4444;font-size:13px;margin:0 0 8px}.bd-comments-empty,.bd-comments-loading{color:#64748b;color:var(--text-secondary,#64748b);font-size:14px;margin:8px 0 12px}.bd-comments-list-wrapper{margin-bottom:16px;max-height:320px;overflow-y:auto;padding-right:4px}.bd-comments-list-wrapper::-webkit-scrollbar{height:0;width:0}.bd-comments-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.bd-comment-item{align-items:flex-start;background:radial-gradient(circle at 0 0,#8b5cf60f,#0000 55%),#0f172a05;background:radial-gradient(circle at 0 0,#8b5cf60f,#0000 55%),var(--bg-subtle,#0f172a05);border-radius:14px;display:flex;gap:10px;padding:10px 12px}.bd-comment-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:999px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.bd-comment-avatar img{height:100%;object-fit:cover;width:100%}.bd-comment-main{flex:1 1;min-width:0}.bd-comment-header-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px}.bd-comment-author{color:#0f172a;color:var(--text-primary,#0f172a);font-size:14px;font-weight:600}.bd-comment-date{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px;white-space:nowrap}.bd-comment-text{color:#0f172a;color:var(--text-primary,#0f172a);font-size:13px;line-height:1.5;margin:0}.bd-comment-box{background:#fff;background:var(--bg-card,#fff);border:1px solid #94a3b859;border-radius:16px;padding:12px 14px 14px}.bd-comment-hint{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;margin:0}.bd-comment-input-wrapper{margin-bottom:8px}.bd-comment-input{background:#f8fafc;background:var(--bg-main,#f8fafc);border:1px solid #94a3b88c;border-radius:12px;color:#0f172a;color:var(--text-primary,#0f172a);font-family:inherit;font-size:13px;min-height:64px;outline:none;padding:10px 12px;resize:vertical;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;width:100%}.bd-comment-input:focus{background:#fff;background:var(--bg-card,#fff);border-color:#6366f1;box-shadow:0 0 0 1px #6366f159}.bd-comment-input::placeholder{color:#94a3b8e6}.bd-comment-input:disabled{cursor:not-allowed;opacity:.6}.bd-comment-actions{display:flex;justify-content:flex-end}.bd-comment-submit-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:999px;box-shadow:0 10px 30px #4f46e559;color:#fff;cursor:pointer;font-size:13px;font-weight:600;outline:none;padding:8px 16px;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.bd-comment-submit-btn:hover:not(:disabled){box-shadow:0 12px 35px #4f46e566;transform:translateY(-1px)}.bd-comment-submit-btn:active:not(:disabled){box-shadow:0 8px 24px #4f46e559;transform:translateY(0)}.bd-comment-submit-btn:disabled{cursor:not-allowed;opacity:.55}.dark .bd-comment-item,[data-theme=dark] .bd-comment-item{background:radial-gradient(circle at 0 0,#818cf838,#0000 55%),#0f172ae6}.dark .bd-comments-title,:root[data-theme=dark] .bd-body,:root[data-theme=dark] .bd-body *,:root[data-theme=dark] .bd-comments-title{color:#e5e7eb}.dark .bd-comments-count,:root[data-theme=dark] .bd-comments-count{background:#1e40af99;color:#c7d2fe}.dark .bd-comments-empty,.dark .bd-comments-loading,.dark .bd-comments-rule,:root[data-theme=dark] .bd-comments-empty,:root[data-theme=dark] .bd-comments-loading,:root[data-theme=dark] .bd-comments-rule{color:#9ca3af}.dark .bd-comment-author,:root[data-theme=dark] .bd-comment-author{color:#e5e7eb}.dark .bd-comment-date,:root[data-theme=dark] .bd-comment-date{color:#9ca3af}.dark .bd-comment-text,:root[data-theme=dark] .bd-comment-text{color:#e5e7eb}.dark .bd-comment-box,:root[data-theme=dark] .bd-comment-box{background:#0f172af2;border-color:#1e40afb3}.dark .bd-comment-hint,:root[data-theme=dark] .bd-comment-hint{color:#9ca3af}.dark .bd-comment-input,:root[data-theme=dark] .bd-comment-input{background:#020617;border-color:#1f2937;color:#e5e7eb}.dark .bd-comment-input:focus,:root[data-theme=dark] .bd-comment-input:focus{background:#020617;border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e580}.dark .bd-comment-input::placeholder,:root[data-theme=dark] .bd-comment-input::placeholder{color:#94a3b8e6}.dark .bd-cover-adjust,:root[data-theme=dark] .bd-cover-adjust{background:#0000}.dark .bd-cover-label,:root[data-theme=dark] .bd-cover-label{color:#9ca3af}.dark .bd-cover-btn,:root[data-theme=dark] .bd-cover-btn{background:#020617;border:1px solid #1f2937;color:#e5e7eb}.dark .bd-cover-btn-primary,:root[data-theme=dark] .bd-cover-btn-primary{background:#4f46e5;color:#e5e7eb}.dark .bd-cover-btn-secondary,:root[data-theme=dark] .bd-cover-btn-secondary{background:#111827;color:#e5e7eb}.blog-editor-page{background:#f8fafc;background:var(--bg-main,#f8fafc);display:flex;justify-content:center;min-height:100vh;padding:24px}.be-container{max-width:1200px;width:100%}.be-top-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.be-back-btn{background:#0000;border:none;border-radius:999px;color:#64748b;cursor:pointer;font-size:14px;padding:6px 10px;transition:background .2s,color .2s}.be-back-btn:hover{color:#0f172a}.be-top-actions{align-items:center;display:flex;gap:10px}.be-ai-btn,.be-save-btn,.be-tts-btn{align-items:center;border:none;border-radius:999px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px}.be-tts-btn{background:#e2e8f0;color:#0f172a}.be-tts-btn.is-speaking{background:#fee2e2;color:#b91c1c}.be-ai-btn{background:#8b5cf61f;color:#7c3aed}.be-save-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 12px 30px #4f46e559;color:#fff}.be-save-btn:disabled{box-shadow:none;cursor:default;opacity:.7}.be-form{background:#fff;background:var(--bg-card,#fff);border-radius:24px;box-shadow:0 18px 40px #0f172a1f;padding:24px}.be-header h1{color:#0f172a;font-size:22px;margin:0 0 4px}.be-header p{color:#64748b;font-size:14px;margin:0 0 16px}.be-error{background:#fee2e2;border-radius:12px;color:#b91c1c;font-size:13px;margin-bottom:16px;padding:10px 14px}.be-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}@media (max-width:900px){.be-grid{grid-template-columns:minmax(0,1fr)}}.be-field{display:flex;flex-direction:column;margin-bottom:18px}.be-field label{color:#0f172a;font-size:13px;font-weight:500;margin-bottom:6px}.be-field input[type=text]{border:1px solid #e2e8f0;border-radius:12px;font-size:14px;outline:none;padding:10px 12px;transition:border .2s,box-shadow .2s}.be-field input[type=text]:focus{border-color:#7c3aed;box-shadow:0 0 0 1px #7c3aed33}.be-toolbar{display:inline-flex;gap:4px}.be-toolbar button:hover{background:#94a3b833}.be-toolbar-divider{height:16px;margin:0 2px}.be-side{border-left:1px solid #e2e8f0;padding-left:16px}@media (max-width:900px){.be-side{border-left:none;border-top:1px solid #e2e8f0;padding-left:0;padding-top:16px}}.be-visibility-options{display:flex;flex-direction:column;gap:10px}.be-radio-pill{align-items:flex-start;border:1px solid #e2e8f0;border-radius:14px;cursor:pointer;display:flex;gap:8px;padding:8px 10px}.be-radio-pill input{margin-top:4px}.be-radio-pill span{color:#0f172a;display:flex;flex-direction:column;font-size:13px}.be-radio-pill span small{color:#64748b;font-size:11px}.be-existing-cover{margin-bottom:10px}.be-existing-cover span{color:#64748b;display:block;font-size:11px;margin-bottom:4px}.be-existing-cover img{border-radius:14px;max-height:160px}.be-field input[type=file]{font-size:12px}.be-image-preview-grid{grid-gap:8px;gap:8px}.be-image-preview{border:2px solid #0000}.be-image-preview img{height:80px}.be-image-preview.is-cover{border-color:#7c3aed}.be-image-cover-label{background:#0f172ae6;color:#e5e7eb;font-size:10px;left:6px;padding:2px 6px;top:6px}.be-image-remove-btn{background:#0f172ae6;color:#e5e7eb;height:20px;width:20px}.be-loader{animation:be-spin .7s linear infinite;border:3px solid #e2e8f0;border-radius:999px;border-top-color:#7c3aed;height:32px;margin-bottom:10px;width:32px}.be-loading-text{color:#64748b;font-size:14px}@keyframes be-spin{to{transform:rotate(1turn)}}.be-toolbar{border-radius:999px}.be-toolbar-color-group .be-color-dot{background:#0f172a;border:1px solid #0f172a26;font-size:0;height:16px;width:16px}.be-toolbar-color-group .be-color-dot.be-color-purple{background:#7c3aed}.be-toolbar-color-group .be-color-dot.be-color-orange{background:#f97316}.be-toolbar-color-group .be-color-dot.be-color-highlight{background:#fef9c3}.be-mic-btn.is-listening{background:#fee2e2;color:#b91c1c}.be-toolbar{align-items:center;background:#f1f5f9;border-radius:0;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;padding:6px 8px}.be-toolbar-group{align-items:center;display:inline-flex;gap:4px}.be-toolbar button{background:#0000;border:none;border-radius:999px;color:#475569;cursor:pointer;font-size:13px;font-weight:600;min-width:24px;padding:4px 6px;text-align:center}.be-toolbar button:hover{background:#94a3b838}.be-toolbar-divider{background:#94a3b8b3;height:18px;width:1px}.be-select{appearance:none;-webkit-appearance:none;background:#0000;border:none;border-radius:999px;color:#334155;cursor:pointer;font-size:13px;outline:none;padding:4px 10px;position:relative}.be-select:focus{background:#94a3b838}.be-select-narrow{text-align:center;width:58px}.be-toolbar-color-group .be-color-dot{border:1px solid #0f172a1a;border-radius:999px;height:14px;padding:0;width:14px}.be-color-dot{background:#0f172a}.be-color-purple{background:#7c3aed}.be-color-orange{background:#f97316}.be-color-highlight{background:#fef9c3}.be-editor{background:#fff;border:1px solid #e2e8f0;border-radius:16px;font-size:15px;line-height:1.6;min-height:260px;outline:none;padding:14px 16px}.be-editor:focus{border-color:#7c3aed;box-shadow:0 0 0 1px #7c3aed33}.be-editor[placeholder]:empty:before{color:#94a3b8;content:attr(placeholder)}.be-mic-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#ec4899);border:none;border-radius:999px;box-shadow:0 0 0 0 #6366f199;color:#fff;display:inline-flex;justify-content:center;padding:4px 8px;transition:transform .15s ease-out,box-shadow .15s ease-out}.be-mic-btn:hover{transform:translateY(-1px)}.be-mic-btn.is-listening{animation:be-mic-pulse 1.2s infinite}@keyframes be-mic-pulse{0%{box-shadow:0 0 0 0 #6366f199}70%{box-shadow:0 0 0 8px #6366f100}to{box-shadow:0 0 0 0 #6366f100}}:root[data-theme=dark] .blog-editor-page{background:radial-gradient(circle at 0 0,#020617 0,#020617 45%,#020617 100%)}:root[data-theme=dark] .be-form{background:#020617;box-shadow:0 24px 60px #000000f2}:root[data-theme=dark] .be-header h1{color:#e5e7eb}:root[data-theme=dark] .be-header p{color:#9ca3af}:root[data-theme=dark] .be-error{background:#451a1a;color:#fecaca}:root[data-theme=dark] .be-back-btn{color:#9ca3af}:root[data-theme=dark] .be-back-btn:hover{background:#0f172acc;color:#e5e7eb}:root[data-theme=dark] .be-tts-btn{background:#1e293b;color:#e5e7eb}:root[data-theme=dark] .be-tts-btn.is-speaking{background:#7f1d1d;color:#fee2e2}:root[data-theme=dark] .be-ai-btn{background:#818cf840;color:#c7d2fe}:root[data-theme=dark] .be-field label{color:#e5e7eb}:root[data-theme=dark] .be-field input[type=text]{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .be-field input[type=text]::placeholder{color:#64748b}:root[data-theme=dark] .be-field input[type=text]:focus{border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e566}:root[data-theme=dark] .be-toolbar{background:#0b1120}:root[data-theme=dark] .be-toolbar button{color:#cbd5f5}:root[data-theme=dark] .be-select{color:#e5e7eb}:root[data-theme=dark] .be-select:focus{background:#1e40af66}:root[data-theme=dark] .be-toolbar-color-group .be-color-dot{border-color:#0f172acc}:root[data-theme=dark] .be-editor{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .be-editor[placeholder]:empty:before{color:#64748b}:root[data-theme=dark] .be-radio-pill,:root[data-theme=dark] .be-side{border-color:#1f2937}:root[data-theme=dark] .be-radio-pill span{color:#e5e7eb}:root[data-theme=dark] .be-existing-cover span,:root[data-theme=dark] .be-radio-pill span small{color:#9ca3af}:root[data-theme=dark] .be-existing-cover img{border:1px solid #1f2937}:root[data-theme=dark] .be-image-cover-label,:root[data-theme=dark] .be-image-remove-btn{background:#0f172af5}:root[data-theme=dark] .be-mic-btn{color:#f9fafb}.be-upload-label{align-items:flex-start;background:radial-gradient(circle at 0 0,#818cf81f,#0000 55%),#f8fafc;border:1px dashed #94a3b8e6;border-radius:12px;cursor:pointer;display:inline-flex;flex-direction:column;font-size:13px;gap:2px;padding:10px 14px;position:relative;transition:all .18s ease}.be-upload-label:hover{border-color:#6366f1;box-shadow:0 10px 24px #2563eb1f;transform:translateY(-1px)}.be-upload-label input[type=file]{display:none}.be-upload-main{color:#111827;font-weight:600}.be-existing-cover,.be-upload-sub{color:#6b7280;font-size:12px}.be-existing-cover{margin-bottom:8px}.be-existing-cover img{border:1px solid #94a3b866;border-radius:12px;margin-top:4px;max-height:180px;object-fit:cover;width:100%}.be-image-preview-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));margin-top:10px}.be-image-preview{background:#e5e7eb;border:1px solid #94a3b899;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.be-image-preview img{display:block;height:100%;object-fit:cover;width:100%}.be-image-preview:hover{border-color:#6366f1;box-shadow:0 12px 30px #0f172a40;transform:translateY(-1px)}.be-image-cover-label{border-radius:999px;bottom:8px;color:#fff;font-size:11px;font-weight:600;left:8px;padding:3px 8px;position:absolute}.be-image-preview.is-cover{border-color:#6366f1}.be-image-remove-btn{align-items:center;background:#0f172ad9;border:none;border-radius:999px;color:#fff;cursor:pointer;display:flex;font-size:12px;height:22px;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:6px;top:6px;transition:opacity .16s ease;width:22px}.be-image-preview:hover .be-image-remove-btn{opacity:1;pointer-events:auto}.blog-detail-page{align-items:center;background:#f5f5fb;background:var(--bg-main,#f5f5fb);display:flex;flex-direction:column;font-family:inherit;min-height:calc(100vh - 80px);padding:0 0 32px}.bd-hero-full{background:#020617;max-height:420px;overflow:hidden;position:relative;width:100%}.bd-hero-full img{display:block;height:420px;object-fit:cover;width:100%}.bd-hero-overlay{align-items:flex-start;display:flex;inset:0;justify-content:space-between;padding:16px 32px;pointer-events:none;position:absolute}.bd-hero-back-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab3;border:1px solid #94a3b8b3;border-radius:999px;color:#f9fafb;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:6px 14px;pointer-events:auto;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.bd-hero-back-btn:hover{background:#0f172ae6;box-shadow:0 8px 20px #0f172a80;transform:translateY(-1px)}.bd-menu-wrapper-hero{pointer-events:auto}.bd-container{max-width:960px;padding:24px 24px 0;width:100%}.bd-back-btn{background:#dadada;border:none;color:#000;cursor:pointer;font-size:14px;margin-top:12px;padding:8px}.bd-card{background:#0000;border-radius:0;box-shadow:none;overflow:visible}.bd-content{padding:0 0 28px}.bd-meta-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.bd-chip{border-radius:999px;font-size:12px;font-weight:500;padding:4px 10px}.bd-chip-family{background:#ecfdf5;color:#15803d}.bd-chip-global{background:#eef2ff;color:#4f46e5}.bd-date{color:#9ca3af;font-size:13px}.bd-title{color:#111827;font-size:26px;font-weight:700;margin:4px 0 16px}.bd-author-row{align-items:center;display:flex;gap:10px;margin-bottom:20px}.bd-author-avatar{align-items:center;background:#e5e7eb;border-radius:999px;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;overflow:hidden;width:40px}.bd-author-avatar img{height:100%;object-fit:cover;width:100%}.bd-author-name{font-size:15px;font-weight:600}.bd-author-sub{color:#9ca3af;font-size:13px}.bd-body p{color:#4b5563;font-size:15px;line-height:1.7;margin-bottom:12px}.bd-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.bd-tag-chip{background:#f3f4f6;border-radius:999px;color:#4b5563;font-size:12px;padding:4px 10px}.bd-gallery{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-top:24px}.bd-gallery-item img{border-radius:12px;height:120px;object-fit:cover;width:100%}.bd-loader{animation:bd-spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:999px;border-top-color:#6366f1;height:32px;margin:auto;width:32px}.bd-loading-text{color:#6b7280;margin-top:12px;text-align:center}.bd-error-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0f172a1f;margin:auto;max-width:480px;padding:24px 28px;text-align:center}@keyframes bd-spin{to{transform:rotate(1turn)}}.bd-header-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.bd-menu-wrapper{position:relative}.bd-menu-btn{align-items:center;background:#f3f4f6;border:none;border-radius:999px;color:#4b5563;cursor:pointer;display:inline-flex;font-size:18px;justify-content:center;line-height:1;padding:4px 10px;transition:background .15s ease,transform .15s ease}.bd-menu-btn:hover{background:#e5e7eb;transform:translateY(-1px)}.bd-menu-dropdown{background:#fff;border-radius:12px;box-shadow:0 12px 30px #0f172a26;min-width:170px;padding:6px;position:absolute;right:0;top:30px;z-index:20}.bd-menu-item{background:#0000;border:none;border-radius:8px;color:#111827;cursor:pointer;font-size:13px;padding:8px 10px;text-align:left;transition:background .12s ease,color .12s ease;width:100%}.bd-menu-item:hover{background:#f3f4ff;color:#4f46e5}.bd-menu-item-danger{color:#b91c1c}.bd-menu-item-danger:hover{background:#fef2f2;color:#b91c1c}.bd-edit-backdrop{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:40}.bd-edit-modal{background:#fff;border-radius:16px;box-shadow:0 18px 45px #0f172a59;max-width:640px;padding:20px 24px;width:100%}.bd-edit-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.bd-edit-header h2{color:#111827;font-size:18px;font-weight:600;margin:0}.bd-edit-form{display:flex;flex-direction:column;gap:14px}.bd-edit-field span{color:#4b5563;display:block;font-size:13px;font-weight:500;margin-bottom:4px}.bd-edit-field input,.bd-edit-field textarea{border:1px solid #e5e7eb;border-radius:10px;font-size:14px;outline:none;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.bd-edit-field textarea{min-height:80px;resize:vertical}.bd-edit-field input:focus,.bd-edit-field textarea:focus{border-color:#6366f1;box-shadow:0 0 0 1px #6366f159}.bd-edit-visibility{color:#4b5563;font-size:13px}.bd-edit-visibility>span{display:block;font-weight:500;margin-bottom:4px}.bd-edit-radio-row{display:flex;gap:18px;margin-top:4px}.bd-edit-radio-row label{align-items:center;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;gap:6px}.bd-edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.bd-edit-cancel,.bd-edit-save{border:none;border-radius:999px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px}.bd-edit-cancel{background:#f3f4f6;color:#374151}.bd-edit-cancel:hover{background:#e5e7eb}.bd-edit-save{background:#6366f1;color:#fff}.bd-edit-save:hover{background:#4f46e5}:root[data-theme=dark] .blog-detail-page{background:radial-gradient(circle at 0 0,#020617 0,#020617 45%,#020617 100%)}:root[data-theme=dark] .bd-hero-full{background:#020617}:root[data-theme=dark] .bd-hero-back-btn{background:#0f172ae6;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .bd-card{background:#0000;box-shadow:none}:root[data-theme=dark] .bd-back-btn{color:#a5b4fc}:root[data-theme=dark] .bd-back-btn:hover{color:#e5e7eb}:root[data-theme=dark] .bd-chip-family{background:#052e16;color:#bbf7d0}:root[data-theme=dark] .bd-chip-global{background:#1e293b;color:#c7d2fe}:root[data-theme=dark] .bd-date{color:#9ca3af}:root[data-theme=dark] .bd-title{color:#e5e7eb}:root[data-theme=dark] .bd-author-avatar{background:#020617}:root[data-theme=dark] .bd-author-name{color:#e5e7eb}:root[data-theme=dark] .bd-author-sub{color:#9ca3af}:root[data-theme=dark] .bd-body p{color:#e5e7eb}:root[data-theme=dark] .bd-tag-chip{background:#111827;color:#cbd5f5}:root[data-theme=dark] .bd-gallery-item img{box-shadow:0 10px 24px #000000b3}:root[data-theme=dark] .bd-error-card{background:#020617;box-shadow:0 20px 60px #000000f2;color:#e5e7eb}:root[data-theme=dark] .bd-menu-btn{background:#020617;color:#e5e7eb}:root[data-theme=dark] .bd-menu-btn:hover{background:#111827}:root[data-theme=dark] .bd-menu-dropdown{background:#020617;box-shadow:0 16px 40px #000000f2}:root[data-theme=dark] .bd-menu-item{color:#e5e7eb}:root[data-theme=dark] .bd-menu-item:hover{background:#111827;color:#c7d2fe}:root[data-theme=dark] .bd-menu-item-danger{color:#fecaca}:root[data-theme=dark] .bd-menu-item-danger:hover{background:#450a0a;color:#fee2e2}:root[data-theme=dark] .bd-edit-backdrop{background:#0f172ad9}:root[data-theme=dark] .bd-edit-modal{background:#020617;box-shadow:0 24px 60px #000000f2}:root[data-theme=dark] .bd-edit-field span,:root[data-theme=dark] .bd-edit-header h2{color:#e5e7eb}:root[data-theme=dark] .bd-edit-field input,:root[data-theme=dark] .bd-edit-field textarea{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .bd-edit-field input:focus,:root[data-theme=dark] .bd-edit-field textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e566}:root[data-theme=dark] .bd-edit-radio-row label{color:#e5e7eb}:root[data-theme=dark] .bd-edit-cancel{background:#111827;color:#e5e7eb}:root[data-theme=dark] .bd-edit-cancel:hover{background:#020617}:root[data-theme=dark] .bd-edit-save{background:#4f46e5}.bp-overlay{align-items:center;background:#0f172a00;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .25s ease-out,background .25s ease-out;z-index:9999}.bp-overlay--visible{background:#0f172a73;opacity:1;pointer-events:auto}@keyframes bp-card-enter{0%{opacity:0;transform:translateY(26px) scale(.96)}55%{opacity:1;transform:translateY(-4px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.bp-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f9fafb;background-image:radial-gradient(circle at top center,#e0f2fe 0,#f9fafb 55%);border-radius:28px;box-shadow:0 26px 70px #0f172a73,0 0 0 1px #94a3b859;display:flex;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;gap:14px;padding:18px 18px 20px;position:relative;width:min(500px,94vw)}.bp-card--enter{animation:bp-card-enter .35s cubic-bezier(.21,.78,.27,1) forwards}.bp-close{align-items:center;background:#0000;border:none;border-radius:999px;color:#9ca3af;cursor:pointer;display:flex;font-size:17px;height:24px;justify-content:center;position:absolute;right:10px;top:10px;transition:background .15s ease-out,color .15s ease-out,transform .12s ease-out;width:24px}.bp-close:hover{background:#94a3b82e;color:#111827;transform:scale(1.05)}.bp-pill-row{display:flex;justify-content:center;margin-top:4px}.bp-pill{background:#3b82f614;border-radius:999px;color:#1d4ed8;font-size:11px;font-weight:600;letter-spacing:.08em;padding:4px 10px;text-transform:uppercase}.bp-header{padding:0 6px;text-align:center}.bp-title{color:#0f172a;font-size:18px;font-weight:700;margin:6px 0 4px}.bp-subtitle{color:#64748b;font-size:13px;margin:0}.bp-body{margin-top:6px;padding:0 2px}.bp-html-body{color:#111827;font-size:13px;line-height:1.6;max-height:220px;overflow-y:auto;text-align:center}.bp-html-body h1,.bp-html-body h2,.bp-html-body h3{font-weight:600;margin:0 0 6px}.bp-html-body p{text-align:center}.bp-html-body img{border-radius:10px;display:block;height:auto;margin-top:6px;max-width:100%}.bp-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.bp-list-item{align-items:flex-start;color:#111827;display:flex;font-size:13px;gap:8px}.bp-list-icon{align-items:center;background:#22c55e;border-radius:999px;box-shadow:0 4px 9px #22c55e73;color:#f9fafb;display:inline-flex;font-size:11px;height:18px;justify-content:center;margin-top:2px;min-width:18px}.bp-single-text{color:#111827;font-size:13px;line-height:1.6;margin:0;white-space:pre-wrap}.bp-footer{display:flex;flex-direction:column;gap:10px;margin-top:6px}.bp-meta{background:#94a3b814;border-radius:18px;color:#6b7280;font-size:11px;padding:8px 10px}.bp-meta-line{display:block}.bp-meta-date{margin-top:2px}.bp-primary-btn{align-items:center;background:#7b4eee;border:none;border-radius:999px;box-shadow:0 18px 36px #9950f8a6,0 0 0 1px #963bc0bf;color:#f9fafb;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;margin-top:2px;padding:11px 18px;transition:transform .12s ease-out,box-shadow .12s ease-out,filter .12s ease-out;width:100%}.bp-primary-btn:hover{box-shadow:0 22px 44px #7c3aedd9,0 0 0 1px #f8fafcf2;filter:brightness(1.03);transform:translateY(-1px)}.bp-primary-btn:active{box-shadow:0 14px 30px #7c3aedb3,0 0 0 1px #f8fafce6;transform:translateY(0)}@media (max-width:480px){.bp-card{border-radius:24px;padding:16px 14px 18px;width:92vw}.bp-title{font-size:16px}.bp-primary-btn{font-size:13px}}:root[data-theme=dark] .bp-overlay--visible{background:#020617bf}:root[data-theme=dark] .bp-card{background:radial-gradient(circle at 0 0,#0f172a 0,#020617 50%,#020617 100%);box-shadow:0 30px 80px #000000e6,0 0 0 1px #1e40af8c}:root[data-theme=dark] .bp-pill{background:#3b82f629;color:#bfdbfe}:root[data-theme=dark] .bp-title{color:#e5e7eb}:root[data-theme=dark] .bp-subtitle{color:#9ca3af}:root[data-theme=dark] .bp-html-body,:root[data-theme=dark] .bp-list-item,:root[data-theme=dark] .bp-single-text{color:#e5e7eb}:root[data-theme=dark] .bp-html-body h1,:root[data-theme=dark] .bp-html-body h2,:root[data-theme=dark] .bp-html-body h3{color:#f9fafb}:root[data-theme=dark] .bp-meta{background:#0f172ae6;color:#9ca3af}:root[data-theme=dark] .bp-meta strong{color:#e5e7eb}:root[data-theme=dark] .bp-close{color:#9ca3af}:root[data-theme=dark] .bp-close:hover{background:#94a3b840;color:#f9fafb}:root[data-theme=dark] .bp-primary-btn{background:linear-gradient(120deg,#8b5cf6,#6366f1 50%,#4f46e5);box-shadow:0 22px 50px #1e40afe6,0 0 0 1px #bfdbfe66}:root[data-theme=dark] .bp-primary-btn:hover{box-shadow:0 26px 60px #1e40af,0 0 0 1px #dbeafee6}.dashboard-container{background:#f8fafc;display:flex;min-height:100vh}.dashboard-main{flex:1 1;margin-left:70px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.dashboard-content{margin:0 auto;max-width:1200px;padding:32px}.dashboard-header{margin-bottom:32px}.dashboard-header h1{color:#1e293b;font-size:32px;font-weight:700;margin:0 0 8px}.dashboard-header p{color:#64748b;font-size:16px;margin:0}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.dashboard-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:24px;transition:all .2s ease}.dashboard-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.card-header svg{color:#64748b}.card-content{display:flex;gap:24px}.stat{display:flex;flex-direction:column;gap:4px}.stat-number{color:#3b82f6;font-size:28px;font-weight:700}.stat-label{color:#64748b;font-size:14px}.activity-item{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.activity-item:last-child{margin-bottom:0}.activity-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.activity-text p{color:#1e293b;font-size:14px;margin:0}.activity-text small{color:#64748b;font-size:12px}.dashboard-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}@media (max-width:768px){.dashboard-main{margin-left:0}.dashboard-content{padding:16px}.dashboard-header h1{font-size:24px}.card-content{flex-direction:column;gap:16px}}:root[data-theme=dark] .dashboard-container,:root[data-theme=dark] .dashboard-content,:root[data-theme=dark] .dashboard-main{background:radial-gradient(circle at 0 0,#020617 0,#020617 45%,#020617 100%)}:root[data-theme=dark] .dashboard-content{border-radius:0}:root[data-theme=dark] .dashboard-header h1{color:#e5e7eb}:root[data-theme=dark] .dashboard-header p{color:#9ca3af}:root[data-theme=dark] .dashboard-card{background:#020617;border-color:#1f2937;box-shadow:0 20px 60px #000000e6}:root[data-theme=dark] .dashboard-card:hover{box-shadow:0 26px 70px #000}:root[data-theme=dark] .card-header h3{color:#e5e7eb}:root[data-theme=dark] .card-header svg{color:#9ca3af}:root[data-theme=dark] .stat-number{color:#60a5fa}:root[data-theme=dark] .stat-label{color:#9ca3af}:root[data-theme=dark] .activity-dot{background:#3b82f6}:root[data-theme=dark] .activity-text p{color:#e5e7eb}:root[data-theme=dark] .activity-text small,:root[data-theme=dark] .dashboard-loading{color:#9ca3af}:root[data-theme=dark] .loading-spinner{border-color:#3b82f6 #1f2937 #1f2937}.family-selection-page{align-items:center;background:linear-gradient(135deg,#f4fdff,#fdfdfd 50%,#e3e8e9);background-image:url(/static/media/background1.e67ac9837e3e9a2b15b0.png),linear-gradient(135deg,#f4fdff,#fdfdfd 50%,#e3e8e9);background-position:right 6% center,0 0;background-repeat:no-repeat,no-repeat;background-size:55% auto,auto;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;min-height:100vh;overflow:hidden}.family-selection-container,.family-selection-page{display:flex;justify-content:center;position:relative;width:100%}.family-selection-container{box-sizing:border-box;max-width:1200px;padding:2rem;z-index:2}.family-selection-inner{max-width:580px;position:relative;width:100%}.step-content{display:flex;flex-direction:column;gap:1.5rem}.family-selection-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:50px 45px}.welcome-section{margin-bottom:32px;text-align:center}.welcome-title{color:#1a1a1a;font-size:36px;font-weight:700;line-height:1.2;margin:0 0 8px;text-align:start}.welcome-subtitle{color:#6b7280;font-size:15px;font-weight:400;margin:0}.family-options-container{display:flex;flex-direction:column;gap:20px;margin-top:0}.family-option-card{align-items:center;background:#0000;border:1px solid #df45d7;border-radius:16px;cursor:pointer;display:flex;gap:20px;min-height:110px;overflow:hidden;padding:24px 28px;position:relative;text-align:left;transition:transform .2s ease,box-shadow .2s ease}.family-option-card:active{transform:translateY(1px)}.family-option-card:hover:not(:disabled){box-shadow:0 12px 35px #7c3aed1f;transform:translateY(-4px)}.option-icon-container{align-items:center;background:#0000;border-radius:12px;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}.option-icon-img{display:block;max-height:100%;max-width:100%}.option-details{flex:1 1}.option-title{color:#1a1a1a;font-size:20px;font-weight:600;margin:0 0 6px}.option-description{color:#6b7280;font-size:14px;font-weight:400;line-height:1.5;margin:0}.option-arrow{color:#9ca3af;font-size:24px;font-weight:400;margin-left:12px;transition:transform .2s ease}.create-option{border:2px solid #7e56da;box-shadow:0 2px 8px #0000000a}.create-option:hover:not(:disabled){border-color:#d1d5db;box-shadow:0 8px 25px #00000014}.join-option{background-color:#7e56da;border:none;box-shadow:0 8px 25px #7c3aed40;color:#fff}.join-option:hover:not(:disabled){box-shadow:0 12px 35px #7c3aed59}.join-option .option-description,.join-option .option-title{color:#fff}.join-option .option-arrow{color:#ffffffe6}.join-option .option-icon-container{background:#0000}.bottom-section{border-top:none;margin-top:24px;padding-top:0;text-align:center}.help-text{color:#6b7280;font-size:14px;margin:0}.skip-link{background:#0000;border:none;color:#7c3aed;cursor:pointer;font-size:14px;font-weight:600;padding:0;text-decoration:none}.skip-link:hover{text-decoration:underline}.step-wrapper{padding:40px}@media (max-width:980px){.family-selection-inner{max-width:90%}.family-selection-container{padding:2rem}.welcome-title{font-size:30px}.immortality-brand{font-size:1.3rem;left:30px;top:30px}}@media (max-width:640px){.family-selection-inner{max-width:100%;padding:0 16px}.family-selection-content{padding:32px 24px}.option-icon-container{height:60px;width:60px}.option-arrow{display:none}.option-title{font-size:18px}.welcome-title{font-size:28px}.family-option-card{gap:16px;min-height:90px;padding:20px}.immortality-brand{font-size:1.1rem;left:20px;top:20px}.family-selection-page:before{height:500px;right:-250px;width:500px}}.custom-swal-popup{border-radius:16px;padding:20px}.swal2-confirm{border-radius:8px;font-weight:600;padding:10px 30px}.family-step-wrapper{box-sizing:border-box;min-height:100vh;padding:20px;width:100%}.app-header{margin-bottom:40px}.family-step-container{align-items:center;box-sizing:border-box;display:grid;grid-template-columns:1fr 600px;margin:0 auto;max-width:1400px;width:100%}.family-left{width:100%}.family-left-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;max-width:720px;padding:50px 45px}.create-title{font-weight:500;margin:0 0 12px}.create-subtitle{color:#6b7280;font-size:16px;line-height:1.5;margin:0 0 40px}.family-form .form-group{margin-bottom:30px}.family-input-container{position:relative}.family-input{border-radius:14px;font-family:inherit;font-size:16px;max-width:100%;padding:16px 20px}.family-input.checking{border-color:#9ca3af}.family-input.available{border-color:#10b981}.family-input.unavailable{border-color:#ef4444}.input-status{align-items:center;display:flex;font-size:13px;font-weight:500;gap:6px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.status-checking{color:#6b7280}.spinner-small{animation:spin .8s linear infinite;border:2px solid #7c3aed33;border-radius:50%;border-top-color:#7c3aed;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.status-available{color:#059669}.status-unavailable{color:#dc2626}.back-btn-top,.input-hint{font-size:14px}.back-btn-top{align-items:center;background:#0000;border:none;border-radius:8px;color:#111827;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;margin:0 0 18px;padding:6px 8px;transition:background .12s ease}.back-btn-top:disabled{cursor:not-allowed;opacity:.6}.back-btn-top:hover:not(:disabled){background:#1118270a}.title-row{align-items:center;gap:14px;justify-content:space-between}.back-btn-inline{display:flex}.back-btn-inline:hover:not(:disabled){background:#1118270d}.create-title{color:#111827;font-size:42px;font-weight:700;line-height:1.1;margin:0}.family-form-actions{box-sizing:border-box;display:block;margin-top:20px;width:100%}.back-btn{background:#0000;border:none;border-radius:8px;color:#111827;cursor:pointer;display:inline-block;font-weight:600;margin:0 0 12px;padding:6px 8px}.create-family-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:14px;box-sizing:border-box;font-size:16px;max-width:100%;padding:16px 24px;transition:all .2s ease}.create-family-btn:hover:not(:disabled){box-shadow:0 10px 30px #7c3aed4d;transform:translateY(-1px)}.family-right{border-radius:20px;height:-webkit-fit-content;height:fit-content;padding:30px 25px;position:-webkit-sticky;position:sticky;top:20px;width:100%}.step-description{color:#6b7280;font-size:14px;line-height:1.6}.right-list{display:flex;flex-direction:column;gap:16px}.right-family-card{align-items:center;background:#fff;border:1px solid #e5e7ebcc;border-radius:14px;box-shadow:0 4px 20px #0f172a0a;display:flex;gap:16px;padding:18px 20px;transition:all .2s ease}.right-family-card:hover{box-shadow:0 8px 30px #0f172a14;transform:translateY(-1px)}.right-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#ec4899);border-radius:50%;display:flex;flex-shrink:0;height:50px;justify-content:center;overflow:hidden;width:50px}.right-avatar img{display:block;height:100%;object-fit:cover;width:100%}.right-info{flex:1 1}.right-name{color:#111827;font-size:15px;font-weight:600;line-height:1.4}@media (max-width:1024px){.family-step-container{gap:40px;grid-template-columns:1fr}.family-right{order:-1;position:relative;top:0}.create-title{font-size:36px}.create-family-btn{max-width:100%}}@media (max-width:768px){.family-step-wrapper{padding:15px}.family-left-inner{padding:30px 25px}.create-title{font-size:28px}.app-logo{font-size:24px}}.legacy-step-wrapper{background:linear-gradient(180deg,#7c3aed08,#fff0);box-sizing:border-box;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;min-height:100vh;padding:28px 24px;width:100%}.legacy-step-container{grid-gap:48px;align-items:center;box-sizing:border-box;display:grid;gap:48px;grid-template-columns:1fr 520px;margin:0 auto;max-width:1400px;padding-top:18px}.legacy-left .left-inner{border-radius:12px;box-sizing:border-box;max-width:720px;padding:36px 28px}.title-row{align-items:flex-start;display:flex;gap:16px;margin-bottom:12px}.back-btn-inline{background:#0000;color:#111827;font-size:15px;font-weight:700;margin-top:6px;padding:6px 8px;transition:color .12s ease,background .12s ease}.back-btn-inline:hover:not(:disabled){background:#7c3aed0a;color:#7c3aed}.legacy-title{color:#0b1220;font-size:40px;font-weight:700;line-height:1.05;margin:0}.legacy-subtitle{color:#6b7280;font-size:15px;margin:10px 0 22px}.local-error{border:1px solid #ef44441f;border-radius:10px;margin-bottom:14px;padding:10px 12px}.form-group{margin-bottom:18px}.form-label{font-size:14px;margin-bottom:8px}.select-wrap{position:relative;width:100%}.family-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1.5px solid #e2e8f0e6;border-radius:10px;box-sizing:border-box;font-size:15px;padding:14px 44px 14px 16px;width:100%}.select-chevron{color:#111827;font-size:14px;opacity:.85;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.input-hint{color:#9ca3af;display:block;margin-top:10px}.family-form-actions{margin-top:28px}.create-family-btn{background:linear-gradient(90deg,#7c3aed,#a855f7);border:none;border-radius:10px;box-shadow:0 8px 24px #7c3aed1f;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 20px;width:100%}.create-family-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.legacy-right{background:#0000;padding:6px 2px}.step-indicator{margin-bottom:18px;padding:10px 6px 22px}.progress-bar{gap:10px}.progress-seg{background:#7c3aed1f;border-radius:10px;flex:1 1;height:10px;overflow:hidden;position:relative}.progress-seg.filled{background:linear-gradient(90deg,#7c3aed,#a855f7)}.right-heading{color:#0b1220;font-size:16px;font-weight:700;margin:6px 0 8px}.right-desc{color:#6b7280;font-size:14px;line-height:1.6;margin-bottom:18px}.right-cards{display:flex;flex-direction:column;gap:14px}.info-card{background:#fff;border:1px solid #e5e7ebe6;border-radius:12px;box-shadow:0 8px 24px #0f172a0a;gap:14px;padding:14px}.icon-circle,.info-card{align-items:center;display:flex}.icon-circle{background:linear-gradient(90deg,#7c3aed0f,#a855f70a);border-radius:12px;flex-shrink:0;font-size:20px;height:52px;justify-content:center;width:52px}.card-body{flex:1 1}.card-title{color:#111827;font-size:15px;font-weight:700;margin-bottom:10px}.progress-track{background:#7c3aed14;border-radius:10px;height:10px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:10px 0 0 10px;height:100%;width:60%}@media (max-width:1024px){.legacy-step-container{gap:28px;grid-template-columns:1fr}.legacy-right{order:-1;position:relative;top:0}.left-inner{padding:28px}.legacy-title{font-size:32px}}:root{--card-width-desktop:300px;--card-height:200px;--card-padding:44px 20px;--card-radius:14px;--card-gap:40px}.document-step-wrapper{background:linear-gradient(135deg,#f4fdff,#fdfdfd 50%,#e3e8e9);background-image:url(/static/media/background1.e67ac9837e3e9a2b15b0.png),linear-gradient(135deg,#f4fdff,#fdfdfd 50%,#e3e8e9);background-position:right 5% center,0 0;background-repeat:no-repeat,no-repeat;background-size:55% auto,auto;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;min-height:100vh;overflow:hidden;padding:20px;position:relative;width:100%}.app-logo{background:linear-gradient(180deg,#e91e63,#9c27b0,#3f51b5,#2196f3)}.document-back{display:flex}.document-step-container{grid-gap:100px;align-items:center;box-sizing:border-box;display:grid;gap:100px;grid-template-columns:0fr 600px;margin:60px auto 0;max-width:1400px;padding:0 20px;width:100%}.document-left{width:100%}.document-left-inner{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:20px;box-sizing:border-box;padding:50px 45px}.document-title{color:#0f172a;font-size:42px;font-weight:800;line-height:1.05;margin:0 0 12px}.back-btn-inline{align-items:center;background:none;border:none;border-radius:8px;color:#7c3aed;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:6px;margin-right:12px;padding:6px 10px;position:relative;top:-4px;transition:all .2s ease}.back-btn-inline:hover{background:#7c3aed14;color:#5b21b6}.back-btn-inline:disabled{cursor:not-allowed;opacity:.6}.document-header-row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.document-header-row .document-title{color:#0f172a;font-size:42px;font-weight:800;line-height:1.1;margin:0}.document-subtitle{color:#6b7280;font-size:16px;line-height:1.5;margin:0 0 36px}.local-error{background:#ef444414;border:1px solid #ef444429;color:#b91c1c}.document-form .form-group{margin-bottom:30px}.form-label{color:#111827;display:block;font-size:15px;font-weight:600;margin-bottom:12px}.upload-row{align-items:flex-start;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:40px;gap:var(--card-gap);justify-content:start;margin-bottom:40px;width:100%}.upload-row .form-group{box-sizing:border-box;max-width:100%;width:300px;width:var(--card-width-desktop)}.file-upload-area{background:#fff;display:block;height:200px;height:var(--card-height);overflow:hidden;padding:0;position:relative;transition:all .18s ease}.file-upload-area,.upload-zone{border-radius:14px;border-radius:var(--card-radius);box-sizing:border-box;min-height:200px;min-height:var(--card-height);width:100%}.upload-zone{align-items:center;background:#0000;border:2px dashed #d1d5db;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;padding:44px 20px;padding:var(--card-padding);transition:background .18s ease,transform .12s ease}.upload-zone:hover{background:#7c3aed08;border-color:#7c3aed}.upload-icon{align-items:center;background:#7c3aed14;border-radius:12px;box-shadow:0 6px 18px #7c3aed0f;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.upload-text{color:#374151;font-size:16px;font-weight:500;margin-bottom:8px}.upload-hint{color:#9ca3af;font-size:14px}.uploaded-file{background:linear-gradient(180deg,#fffffffa,#fafafcfa);border:2px dashed #d1d5db;border-radius:14px;border-radius:var(--card-radius);box-shadow:0 10px 30px #0f172a0a;box-sizing:border-box;flex-direction:column;gap:12px;height:100%;min-height:200px;min-height:var(--card-height);overflow:hidden;padding:44px 20px;padding:var(--card-padding);position:relative;width:100%}.uploaded-file,.uploaded-file .file-preview{align-items:center;display:flex;justify-content:center}.uploaded-file .file-preview{background:#7c3aed14;border-radius:14px;box-shadow:0 8px 20px #7c3aed0a;flex-shrink:0;height:72px;width:72px}.file-info{align-items:center;display:flex;gap:12px;overflow:hidden}.file-icon{color:#7c3aed;font-size:26px}.file-name{color:#111827;font-size:15px;font-weight:600;max-width:calc(100% - 60px);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.uploaded-file .file-sub{color:#9ca3af;font-size:13px;text-align:center}.remove-file-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;box-shadow:0 6px 18px #ef44441f;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;height:34px;justify-content:center;position:absolute;right:12px;top:12px;transition:transform .12s ease,background .12s ease;width:34px;z-index:2}.remove-file-btn:hover{background:#dc2626;transform:translateY(-2px)}.document-form-actions{box-sizing:border-box;justify-content:center;margin-top:28px;width:100%}.next-step-btn{max-width:calc(100% - 40px);padding:14px 28px;transition:all .22s ease;width:420px}.next-step-btn:hover:not(:disabled){box-shadow:0 14px 36px #7c3aed38;transform:translateY(-2px)}.document-right{border-radius:20px;box-sizing:border-box;height:-webkit-fit-content;height:fit-content;padding:30px 25px;position:-webkit-sticky;position:sticky;top:20px;width:100%}.progress-segment{background:#7c3aed1f}.legacy-section{margin-top:16px}.document-title{color:#111827;font-size:40px;font-weight:600;line-height:1.4;margin-bottom:12px}.legacy-description{color:#6b7280;font-size:14px;line-height:1.6;margin-bottom:12px}.process-list{display:flex;flex-direction:column;gap:16px}.process-item{align-items:center;background:#fff;border:1px solid #e5e7ebcc;border-radius:12px;box-shadow:0 2px 10px #0f172a0a;display:flex;gap:16px;padding:16px 18px;transition:all .18s ease}.process-item:hover{box-shadow:0 8px 22px #0f172a14;transform:translateY(-4px)}.process-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.process-icon.purple{background:#7c3aed1a;color:#7c3aed}.process-icon.red{background:#ef444414;color:#ef4444}.process-icon.gray{background:#6b728014;color:#6b7280}.process-info{flex:1 1}.process-title{color:#111827;font-size:15px;font-weight:600;line-height:1.4}@media (max-width:1024px){.document-step-container{gap:40px;grid-template-columns:1fr;margin-top:60px}.document-right{order:-1;position:relative;top:0}.document-title{font-size:36px}.upload-row{align-items:center;flex-direction:column;gap:28px;margin-bottom:32px}.upload-row .form-group{max-width:720px;min-width:0;width:100%}.upload-zone{min-height:160px;padding:42px 22px}.next-step-btn{max-width:92%;width:360px}}@media (max-width:768px){.document-step-wrapper{padding:16px}.app-header{right:15px;top:15px}.document-left-inner{padding:28px 18px}.document-title{font-size:28px}.app-logo{font-size:24px}.upload-row{gap:20px}.upload-row .form-group{max-width:100%;width:100%}.upload-zone{min-height:140px;padding:28px 16px}.upload-icon{height:56px;width:56px}.upload-text{font-size:15px}.upload-hint{font-size:13px}.next-step-btn{border-radius:12px;max-width:520px;padding:14px 20px;width:100%}}@media (max-width:480px){.document-left-inner{padding:18px 12px}.document-title{font-size:24px}.upload-zone{min-height:120px;padding:18px 12px}.upload-icon{height:48px;width:48px}.upload-text{font-size:14px}.upload-hint{font-size:12px}.next-step-btn{border-radius:10px;font-size:15px;padding:12px 14px;width:100%}.document-step-container{gap:18px;margin:20px auto 0}}@media (min-width:1400px){.document-step-container{gap:120px;max-width:1600px}}.transfer-step-wrapper{box-sizing:border-box;min-height:100vh;padding:20px;position:relative}.app-header{right:20px}.transfer-step-container{grid-gap:100px;align-items:center;box-sizing:border-box;display:grid;gap:100px;grid-template-columns:1fr 420px;margin:60px auto 0;max-width:1400px;width:100%}.transfer-left{width:100%}.transfer-left-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:50px 45px}.back-btn-left{background:none;border:none;color:#7c3aed;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:0;text-decoration:none;transition:all .2s ease;white-space:nowrap}.back-btn-left:hover{color:#5b21b6;text-decoration:underline}.back-btn-left:active{opacity:.7}.transfer-title{color:#111827;font-size:42px;font-weight:800;line-height:1.1;margin:0}.transfer-subtitle{color:#6b7280;font-size:16px;line-height:1.5;margin:0 0 40px}.transfer-categories{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.transfer-category-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;padding:24px;position:relative;transition:all .2s ease}.transfer-category-card:hover{border-color:#7c3aed;box-shadow:0 4px 20px #7c3aed1a}.transfer-category-card.selected{background:#10b98105;border-color:#10b981;box-shadow:0 4px 20px #10b9811a}.category-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.category-title{color:#111827;font-size:18px;font-weight:600;margin:0}.category-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 16px}.category-items{display:flex;flex-wrap:wrap;gap:8px}.category-item-tag{background:#7c3aed1a;border-radius:20px;color:#7c3aed;font-size:12px;font-weight:500;padding:4px 10px}.transfer-category-card.selected .category-item-tag{background:#10b9811a;color:#059669}.transfer-form-actions{display:flex;justify-content:center;margin-top:40px}.next-step-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:14px;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:700;padding:16px 24px;transition:all .2s ease;width:100%}.next-step-btn:hover:not(:disabled){box-shadow:0 10px 30px #7c3aed4d;transform:translateY(-1px)}.next-step-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.transfer-right{border-radius:20px;height:-webkit-fit-content;height:fit-content;padding:30px 25px;position:-webkit-sticky;position:sticky;top:20px;width:100%}.step-indicator{margin-bottom:25px;padding:0 0 30px}.step-title{font-size:16px;margin-bottom:16px}.progress-bar{gap:8px;margin-bottom:20px}.progress-segment{border-radius:6px;height:6px}.progress-segment.active{height:6px}.transfer-section{margin-top:16px}.transfer-section-title{color:#111827;font-size:16px;font-weight:600;line-height:1.4;margin-bottom:12px}.transfer-section-description{color:#6b7280;font-size:14px;line-height:1.6;margin-bottom:12px}.category-list{display:flex;flex-direction:column;gap:16px}.category-item{align-items:center;background:#fff;border:1px solid #e5e7ebcc;border-radius:12px;box-shadow:0 2px 10px #0f172a0a;display:flex;gap:16px;padding:16px 18px;transition:all .2s ease}.category-item:hover{box-shadow:0 4px 20px #0f172a14;transform:translateY(-1px)}.category-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.category-icon.purple{background:#7c3aed1a;color:#7c3aed}.category-icon.red{background:#ef44441a;color:#ef4444}.category-info{flex:1 1}.category-name{color:#111827;font-size:15px;font-weight:600;line-height:1.4}@media (max-width:1024px){.transfer-step-container{gap:40px;grid-template-columns:1fr;margin-top:80px}.transfer-right{order:-1;position:relative;top:0}.transfer-title{font-size:36px}.next-step-btn{max-width:100%}}@media (max-width:768px){.transfer-step-wrapper{padding:15px}.app-header{right:15px;top:15px}.transfer-left-inner{padding:30px 25px}.transfer-header{gap:12px}.back-btn-left{font-size:12px}.transfer-title{font-size:28px}.app-logo{font-size:24px}.transfer-category-card{padding:20px}.category-title{font-size:16px}}.title-backbtn{align-items:center;display:flex;gap:16px;justify-content:space-between}.theme-step-wrapper{box-sizing:border-box;min-height:100vh;padding:20px;position:relative}.app-header{left:20px;position:absolute;top:20px;z-index:10}.app-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#a855f7);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:900;letter-spacing:1px;margin:0}.theme-step-container{grid-gap:80px;align-items:start;box-sizing:border-box;display:grid;gap:80px;grid-template-columns:1fr 380px;margin:80px auto 0;max-width:1400px;width:100%}.theme-left{width:100%}.theme-left-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:0 20px}.theme-header{align-items:center;display:flex;gap:16px;margin-bottom:8px}.back-btn-theme{background:none;border:none;color:#7c3aed;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:0;text-decoration:none;transition:all .2s ease;white-space:nowrap}.back-btn-theme:hover{color:#5b21b6;text-decoration:underline}.back-btn-theme:active{opacity:.7}.theme-title{color:#111827;font-size:36px;font-weight:800;line-height:1.1;margin:0}.theme-subtitle{color:#6b7280;font-size:16px;line-height:1.5;margin:0 0 32px}.local-error{background:#ef44441a;border:1px solid #ef444433;border-radius:12px;color:#dc2626;font-size:14px;margin:0 0 20px;padding:12px 16px}.theme-section{margin-bottom:24px}.theme-section-title{color:#111827;font-size:16px;font-weight:600;margin-bottom:12px}.theme-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.theme-card:hover{border-color:#7c3aed;box-shadow:0 4px 20px #7c3aed1a}.theme-card.selected{border-color:#10b981;box-shadow:0 4px 20px #10b9811a}.theme-preview{height:90px;padding:16px;position:relative}.light-preview{background:#f8fafc}.dark-preview{background:#1a1a1a}.preview-content{align-items:center;display:flex;gap:16px;height:100%}.sun-icon{font-size:32px;line-height:1}.purple-circle{background:#a855f7;border-radius:50%;height:24px;width:24px}.light-green-bar{background:#86efac;border-radius:8px;height:16px;width:120px}.moon-container{align-items:center;background:#fff;border-radius:50%;display:flex;height:32px;justify-content:center;width:32px}.moon-icon{font-size:18px;line-height:1}.preview-bars{display:flex;flex-direction:column;gap:8px}.bar-row{align-items:center;display:flex;gap:8px}.purple-circle.small{background:#a855f7}.gray-circle.small,.purple-circle.small{border-radius:50%;height:12px;width:12px}.gray-circle.small{background:#6b7280}.green-bar{background:#22c55e;width:80px}.green-bar,.pink-bar{border-radius:4px;height:8px}.pink-bar{background:#ec4899;width:60px}.theme-card-footer{background:#f9fafb80;border-top:1px solid #e5e7eb80;padding:12px 16px}.theme-card.selected .theme-card-footer{background:#10b98105}.theme-card-text{color:#6b7280;font-size:13px;line-height:1.4}.selection-indicator{align-items:center;background:#10b981;border-radius:50%;display:flex;height:24px;justify-content:center;position:absolute;right:12px;top:12px;width:24px}.check-mark{color:#fff;font-size:14px;font-weight:700}.almost-done-section{margin-bottom:32px}.almost-done-title{color:#111827;font-size:16px;font-weight:600;margin-bottom:16px}.completion-list{display:flex;flex-direction:column;gap:8px}.completion-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.completion-label{color:#6b7280;font-size:13px;font-weight:500}.completion-right{align-items:center;display:flex;gap:8px}.completion-value{color:#111827;font-size:13px;font-weight:500}.completion-check{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;width:16px}.theme-form-actions{display:flex;justify-content:center;margin-top:24px}.complete-setup-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;max-width:280px;padding:14px 20px;transition:all .2s ease;width:100%}.complete-setup-btn:hover:not(:disabled){box-shadow:0 8px 25px #7c3aed4d;transform:translateY(-1px)}.complete-setup-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.theme-right{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #7c3aed0f;border-radius:16px;box-shadow:0 10px 30px #0f172a0f;height:-webkit-fit-content;height:fit-content;padding:24px 20px;position:-webkit-sticky;position:sticky;top:20px;width:100%}.step-indicator{border-bottom:1px solid #e5e7eb80;margin-bottom:20px;padding:0 0 20px}.step-title{color:#111827;font-size:15px;font-weight:700;margin-bottom:12px}.progress-bar{align-items:center;display:flex;gap:6px;margin-bottom:16px}.progress-segment{background:#7c3aed26;border-radius:5px;display:block;flex:1 1;height:5px;transition:all .3s ease}.progress-segment.active{background:linear-gradient(135deg,#7c3aed,#a855f7)}.theme-info-section{margin-top:12px}.theme-info-title{color:#111827;font-size:15px;font-weight:600;line-height:1.4;margin-bottom:10px}.theme-info-description{color:#6b7280;font-size:13px;line-height:1.5;margin-bottom:10px}.theme-options-list{display:flex;flex-direction:column;gap:12px}.theme-option-item{align-items:center;background:#fff;border:1px solid #e5e7ebcc;border-radius:10px;box-shadow:0 2px 8px #0f172a0a;display:flex;gap:12px;padding:12px 14px;transition:all .2s ease}.theme-option-item:hover{box-shadow:0 4px 16px #0f172a14;transform:translateY(-1px)}.theme-option-icon{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;width:28px}.theme-option-icon.light{background:#fbbf241a}.theme-option-icon.dark{background:#3741511a}.theme-option-icon.switch{background:#ef44441a;color:#ef4444}.dark-mode-icon,.switch-icon{font-size:14px}.theme-option-info{flex:1 1}.theme-option-name{color:#111827;font-size:14px;font-weight:600;line-height:1.4}@media (max-width:1024px){.theme-step-container{gap:30px;grid-template-columns:1fr;margin-top:60px}.theme-right{max-height:none;order:-1;position:relative;top:0}.theme-title{font-size:28px}}@media (max-width:768px){.theme-step-wrapper{padding:15px}.app-header{left:15px;top:15px}.app-logo{font-size:24px}.theme-step-container{gap:20px;margin-top:50px}.theme-left-inner{padding:0 15px}.theme-header{gap:12px}.back-btn-theme{font-size:12px}.theme-title{font-size:24px}.theme-subtitle{font-size:15px}.theme-right{padding:20px 15px}.theme-section{margin-bottom:20px}.theme-section-title{font-size:15px}.theme-preview{height:70px;padding:12px}.theme-card-footer{padding:10px 14px}.theme-card-text{font-size:12px}.almost-done-section{margin-bottom:25px}.almost-done-title{font-size:15px;margin-bottom:12px}.completion-label,.completion-value{font-size:12px}.theme-form-actions{margin-top:20px}.complete-setup-btn{font-size:14px;max-width:100%}.sun-icon{font-size:28px}.moon-container{height:28px;width:28px}.moon-icon{font-size:16px}.purple-circle{height:20px;width:20px}.light-green-bar{height:14px;width:100px}.green-bar{height:7px;width:60px}.pink-bar{height:7px;width:45px}}@media (max-width:480px){.theme-step-wrapper{padding:12px}.theme-step-container{gap:15px;margin-top:45px}.theme-header{gap:10px}.back-btn-theme{font-size:11px}.theme-title{font-size:22px}.theme-subtitle{font-size:14px;margin-bottom:25px}.theme-preview{height:60px;padding:10px}.preview-content{gap:12px}.sun-icon{font-size:24px}.moon-container{height:24px;width:24px}.moon-icon{font-size:14px}.purple-circle{height:18px;width:18px}.light-green-bar{height:12px;width:80px}}.join-family-page{align-items:center;background:linear-gradient(135deg,#f4fdff,#fdfdfd 50%,#e3e8e9);background-image:url(/static/media/background1.e67ac9837e3e9a2b15b0.png),linear-gradient(135deg,#f4fdff,#fdfdfd 50%,#e3e8e9);background-position:right 6% center,0 0;background-repeat:no-repeat,no-repeat;background-size:45% auto,auto;display:flex;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative;width:100%}.join-family-page:before{background-image:radial-gradient(circle,#7c3aed26 2px,#0000 0);background-size:30px 30px;border-radius:50%;bottom:-150px;content:"";height:600px;pointer-events:none;position:absolute;right:-150px;width:600px;z-index:1}.immortality-brand{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#e91e63,#9c27b0,#3f51b5,#2196f3);-webkit-background-clip:text;font-size:1.5rem;font-weight:900;left:40px;letter-spacing:2px;position:absolute;top:40px;z-index:10}.join-family-container{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;max-width:1200px;position:relative;width:100%;z-index:2}.join-family-left{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:50px 45px}.join-family-content{width:100%}.join-title{color:#1a1a1a;font-size:32px;font-weight:700;line-height:1.2;margin:0 0 12px}.join-subtitle{color:#6b7280;font-size:15px;font-weight:400;line-height:1.5;margin:0 0 32px}.join-family-form{width:100%}.form-group{margin-bottom:24px}.form-group label{color:#1a1a1a;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.family-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#1a1a1a;font-size:15px;font-weight:400;padding:14px 16px;transition:all .2s ease;width:100%}.family-input::placeholder{color:#9ca3af}.family-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.family-input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.family-input.error{background:#fef2f2;border-color:#ef4444}.input-hint{color:#6b7280;font-size:13px;line-height:1.4;margin-top:8px}.error-message{background:#fef2f2;border-left:3px solid #ef4444;border-radius:8px;color:#dc2626;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 16px}.join-btn{background-color:#3600b4;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:16px;padding:16px 24px;transition:all .3s ease;width:100%}.join-btn:hover:not(:disabled){box-shadow:0 12px 35px #7c3aed59;transform:translateY(-2px)}.join-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.join-btn.loading{cursor:wait}.help-link-container{text-align:start}.help-link{background:none;border:none;color:#7c3aed;cursor:pointer;font-size:14px;font-weight:600;padding:0;text-decoration:none}.help-link:hover{text-decoration:underline}.join-family-right{display:flex;flex-direction:column;gap:24px}.family-info-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:32px 28px}.info-title{color:#1a1a1a;font-size:20px;font-weight:700;line-height:1.3;margin:0 0 16px}.info-description{color:#4b5563;font-size:14px;font-weight:400;line-height:1.6;margin:0 0 12px}.info-description:last-child{margin-bottom:0}.family-list{display:flex;flex-direction:column;gap:16px}.family-item{align-items:center;background:#fffffff2;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;gap:16px;padding:16px 20px;text-align:left;transition:all .2s ease}.family-item:hover{border-color:#d1d5db;box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.family-avatar{background:linear-gradient(135deg,#7c3aed,#ec4899);border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.family-avatar img{height:100%;object-fit:cover;width:100%}.family-name{color:#1a1a1a;flex:1 1;font-size:16px;font-weight:600}.success-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.success-modal{animation:modalSlideIn .4s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:48px 40px;text-align:center}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.success-icon{animation:successPulse .6s ease-out;font-size:64px;margin-bottom:20px}@keyframes successPulse{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-modal h3{color:#059669;font-size:24px;font-weight:700;margin:0 0 12px}.success-modal p{color:#6b7280;font-size:15px;line-height:1.5;margin:0 0 8px}.redirect-message{animation:pulse 2s infinite;color:#7c3aed!important;font-weight:600!important;margin-top:16px!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width:1024px){.join-family-container{gap:2rem;grid-template-columns:1fr;max-width:600px}.join-family-right{order:-1}}@media (max-width:768px){.join-family-page{padding:1rem}.immortality-brand{font-size:1.3rem;left:20px;top:20px}.join-family-left{padding:32px 24px}.join-title{font-size:28px}.family-info-box{padding:24px 20px}.info-title{font-size:18px}}@media (max-width:480px){.immortality-brand{font-size:1.1rem;left:16px;top:16px}.join-family-left{padding:24px 20px}.join-title{font-size:24px}.join-subtitle{font-size:14px}.family-item{padding:14px 16px}.family-avatar{height:40px;width:40px}.family-name{font-size:15px}.success-modal{margin:1rem;padding:32px 24px}}.switch-family-card{align-items:stretch;background:#fff5f5;border:1px solid #ef444440;border-radius:18px;box-shadow:0 10px 30px #ef44441f;display:flex;gap:24px;justify-content:space-between;margin-bottom:20px;margin-top:8px;padding:22px 24px}.switch-family-text{display:flex;flex:1 1;flex-direction:column;justify-content:center}.switch-family-title{color:#dc2626;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 6px}.switch-family-subtitle{color:#ef4444;font-size:15px;line-height:1.5;margin:0}.switch-family-highlight{color:#b91c1c;font-weight:700}.switch-family-btn{align-self:center;background-color:#3600b4;border:none;border-radius:16px;box-shadow:0 12px 35px #4c1d9573;color:#fff;cursor:pointer;font-size:15px;font-weight:700;line-height:1.3;min-width:190px;padding:18px 20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;white-space:normal}.switch-family-btn:hover:not(:disabled){box-shadow:0 16px 40px #4c1d958c;transform:translateY(-2px)}.switch-family-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}@media (max-width:768px){.switch-family-card{align-items:stretch;flex-direction:column}.switch-family-btn{width:100%}}.screen-guard{align-items:center;background:linear-gradient(135deg,#f5f3ff,#e0f2fe 35%,#eef2ff);display:flex;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}.screen-guard-card{background:#fff;border:none;border-radius:24px;box-shadow:0 18px 40px #94a3b859;max-width:540px;padding:32px 30px 26px;text-align:center;width:100%}.sg-title{align-items:center;display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.sg-logo-img{height:70px;margin-bottom:4px;-webkit-user-select:none;user-select:none;width:auto}.sg-logo-text{background:linear-gradient(180deg,#e91e63,#9c27b0,#3f51b5,#2196f3);-webkit-background-clip:text;background-clip:text;color:#0000;display:inline-block;font-size:26px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.sg-subtitle{color:#6b7280;font-size:12px;letter-spacing:.22em;margin-top:-2px;text-transform:uppercase}.screen-guard-card p{color:#4b5563;font-size:14px;margin:4px 0}.screen-guard-highlight{color:#7c3aed;font-weight:600;margin-top:10px}.store-buttons{align-items:center;display:flex;gap:24px;justify-content:center;margin-top:28px}.store-buttons a{background:none;border:none;box-shadow:none;padding:0}.store-badge{border-radius:0;box-shadow:none;display:block;height:auto;object-fit:contain;transition:transform .18s ease;width:190px}.store-badge:hover{transform:scale(1.06)}.screen-guard-note{color:#6b7280;font-size:12px;margin-top:16px}
/*# sourceMappingURL=main.22890b40.css.map*/