.user-profile-dropdown{position:relative}.cursor-pointer{cursor:pointer}.user-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:300px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:1000;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{padding:20px;display:flex;align-items:center;gap:12px}.user-avatar-large{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:600;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-size:18px;font-weight:600;color:#111827;margin:0 0 4px}.user-email{font-size:14px;color:#6b7280;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-divider{height:1px;background:#e5e7eb;margin:0}.user-dropdown-body,.user-dropdown-footer{padding:8px 0}.dropdown-menu-item{width:100%;padding:12px 20px;display:flex;align-items:center;gap:12px;background:none;border:none;text-align:left;font-size:15px;color:#374151;cursor:pointer;transition:background-color .2s ease}.dropdown-menu-item:hover{background-color:#f3f4f6}.dropdown-menu-item i{width:20px;font-size:16px;color:#6b7280}.dropdown-menu-item span{flex:1;font-weight:500}.dropdown-menu-item.selected{background-color:#eff6ff;color:#1e40af}.dropdown-menu-item.selected i{color:#3b82f6}.dropdown-menu-item.sign-out{color:#dc2626}.dropdown-menu-item.sign-out:hover{background-color:#fef2f2}.dropdown-menu-item.sign-out i{color:#dc2626}.trial-status-box{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;border-radius:12px;padding:16px;margin:16px 12px}.trial-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.trial-icon__upgrade{color:#ea580c;font-size:18px}.trial-title{font-size:14px;font-weight:600;color:#292524}.trial-days{font-size:13px;color:#ea580c;margin:0 0 12px;font-weight:500}.upgrade-button{width:100%;background-color:#ea580c;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.upgrade-button:hover{background-color:#c2410c}.upgrade-button:active{background-color:#9a3412}.trial-expired-box{background:#ffe4e6;border:1px solid #fecdd3;border-radius:12px;padding:16px;margin:16px 12px}.trial-expired-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.trial-expired-clock{color:#be123c;width:20px;height:20px;flex-shrink:0}.trial-expired-text{font-size:18px;font-weight:700;color:#be123c!important;line-height:1}.upgrade-button-expired{width:100%;background-color:#be123c;color:#fff;border:none;border-radius:8px;padding:12px 16px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s}.upgrade-button-expired:hover{background-color:#9f1239}.upgrade-button-expired:active{background-color:#881337}.free-plan-card{background:#f3f4f680;border:1px solid #e5e7eb;border-radius:12px;padding:14px;margin:0 12px;display:flex;flex-direction:column;gap:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.free-plan-header{display:flex;align-items:center;gap:8px}.free-plan-icon{font-size:16px}.free-plan-title{font-size:14px;font-weight:700;color:#111827}.free-plan-usage-list{display:flex;flex-direction:column;gap:6px}.free-plan-usage-row{display:flex;flex-direction:column;gap:3px}.free-plan-usage-label{display:flex;justify-content:space-between;font-size:11px;color:#6b7280;font-weight:500}.free-plan-usage-count{font-weight:700;color:#374151}.free-plan-usage-bar{width:100%;height:4px;background-color:#e5e7eb;border-radius:2px;overflow:hidden}.free-plan-usage-fill{height:100%;background-color:#6366f1;border-radius:2px;transition:width .3s ease}.free-plan-usage-fill.warning{background-color:#f59e0b}.free-plan-usage-fill.exhausted{background-color:#ef4444}.plan-usage-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;margin:0 10px 10px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 2px #0f172a0d}.plan-usage-card--compact{position:relative;align-items:center;justify-content:center;width:48px;min-height:48px;margin:0 auto 10px;padding:7px;cursor:pointer;border-color:#ddd6fe;background:linear-gradient(180deg,#fff,#f8f7ff);box-shadow:0 10px 24px #4f46e51f}.plan-usage-card--compact:hover{border-color:#a78bfa;box-shadow:0 12px 28px #4f46e52e}.plan-usage-card--compact .plan-card-head{justify-content:center}.plan-usage-card--compact .plan-card-icon{width:32px;height:32px;border-radius:10px}.plan-usage-card--compact .plan-card-meta,.plan-usage-card--compact .plan-card-usage-btn,.plan-usage-card--compact .free-trial-upgrade-btn{display:none}.asidebar-collapsed .nav .nav-link,.asidebar-collapsed .plan-usage-card--compact{position:relative}.asidebar-collapsed .nav .nav-link[data-tooltip]:after,.asidebar-collapsed .plan-usage-card--compact[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(-4px);z-index:1200;padding:8px 10px;border-radius:8px;background:#111827;color:#fff;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;box-shadow:0 12px 28px #0f172a2e;transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.asidebar-collapsed .nav .nav-link[data-tooltip]:before,.asidebar-collapsed .plan-usage-card--compact[data-tooltip]:before{content:"";position:absolute;left:calc(100% + 6px);top:50%;z-index:1201;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #111827;transform:translateY(-50%) translate(-4px);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.asidebar-collapsed .nav .nav-link[data-tooltip]:hover:after,.asidebar-collapsed .nav .nav-link[data-tooltip]:hover:before,.asidebar-collapsed .plan-usage-card--compact[data-tooltip]:hover:after,.asidebar-collapsed .plan-usage-card--compact[data-tooltip]:hover:before{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.plan-card-head{display:flex;align-items:center;gap:10px;min-width:0}.plan-card-icon{width:34px;height:34px;flex-shrink:0;border-radius:9px;background:#eef2ff;color:#4f46e5;display:inline-flex;align-items:center;justify-content:center}.plan-card-meta{display:flex;flex-direction:column;min-width:0}.plan-card-label{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#9ca3af;line-height:1.2}.plan-card-name{font-size:14px;font-weight:700;color:#111827;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-card-pending{margin-top:2px;font-size:10px;line-height:1.2;color:#7c3aed;font-weight:600}.plan-card-usage-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border:1px solid #e5e7eb;border-radius:9px;background:#f9fafb;color:#374151;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s ease}.plan-card-usage-btn:hover{background:#eef2ff;border-color:#c7d2fe;color:#4338ca}.plan-card-usage-btn-arrow{margin-left:auto;color:#9ca3af;transition:transform .18s ease,color .18s ease}.plan-card-usage-btn:hover .plan-card-usage-btn-arrow{transform:translate(2px);color:#4f46e5}.plan-usage-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.plan-usage-title-wrap{display:flex;align-items:flex-start;gap:8px;min-width:0;color:#4338ca}.plan-usage-title-wrap>div{min-width:0}.plan-usage-title{display:block;font-size:13px;font-weight:700;color:#111827;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-usage-subtitle{display:block;margin-top:2px;font-size:10px;line-height:1.2;color:#7c3aed}.plan-wallet-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:8px 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.plan-wallet-stat{min-width:0}.plan-wallet-stat span{display:block;font-size:10px;color:#6b7280;font-weight:600;line-height:1.2}.plan-wallet-stat strong{display:block;margin-top:3px;font-size:14px;color:#111827;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-usage-list{display:flex;flex-direction:column;gap:7px}.plan-usage-section-title{font-size:10px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.plan-usage-row{display:flex;flex-direction:column;gap:4px;min-width:0}.plan-usage-label{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.plan-usage-name{display:flex;align-items:center;gap:5px;min-width:0;color:#374151;font-size:11px;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-usage-name svg{flex-shrink:0;color:#6b7280}.plan-usage-count{color:#111827;flex-shrink:0;font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap}.plan-usage-bar{width:100%;height:4px;background-color:#e5e7eb;border-radius:2px;overflow:hidden}.plan-usage-fill{height:100%;background-color:#4f46e5;border-radius:2px;transition:width .3s ease}.plan-usage-fill.warning{background-color:#f59e0b}.plan-usage-fill.exhausted{background-color:#ef4444}.plan-usage-fill.unlimited{background-color:#94a3b8}.pro-plan-card{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1px solid #c7d2fe;border-radius:12px;padding:14px;margin:0 12px 10px;display:flex;flex-direction:column;gap:4px}.pro-plan-header{display:flex;align-items:center;gap:8px}.pro-plan-icon{font-size:16px}.pro-plan-title{font-size:14px;font-weight:700;color:#4338ca}.pro-plan-info{font-size:12px;color:#6366f1;font-weight:500}.free-trial-upgrade-btn{width:100%;background-color:#6366f1;color:#fff;border:none;border-radius:8px;padding:10px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;margin-top:4px}.free-trial-upgrade-btn:hover{background-color:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.free-trial-upgrade-btn:active{transform:translateY(0)}.nav-link-disabled{opacity:.5;cursor:not-allowed!important;pointer-events:none!important;color:#9ca3af!important}.nav-link-disabled:hover{background-color:transparent!important}@media(max-width:767px){.app-sidebar-mobile.offcanvas{width:min(84vw,288px);height:100dvh;border-right:1px solid rgba(99,102,241,.18);background:radial-gradient(circle at 0% 0%,rgba(99,102,241,.12),transparent 34%),linear-gradient(180deg,#fff,#fbfcff 58%,#f5f7ff);box-shadow:18px 0 48px #0f172a29}.app-sidebar-mobile .offcanvas-header{min-height:66px;padding:18px 18px 14px;border-bottom:1px solid rgba(226,232,240,.92);background:#ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between}.app-sidebar-mobile .offcanvas-title{display:flex;align-items:center;min-width:0}.app-sidebar-mobile .offcanvas-title .logo-public{height:34px!important;width:auto;filter:drop-shadow(0 8px 14px rgba(79,70,229,.18))}.app-sidebar-mobile .btn-close{width:34px;height:34px;padding:0;margin:0;border-radius:12px;background-size:12px;opacity:.7;transition:all .18s ease}.app-sidebar-mobile .btn-close:hover{opacity:1;background-color:#f1f5f9}.app-sidebar-mobile .offcanvas-body{display:flex;flex-direction:column;height:calc(100dvh - 66px);min-height:0;padding:16px 16px 96px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.36) transparent}.app-sidebar-mobile .offcanvas-body::-webkit-scrollbar{width:5px}.app-sidebar-mobile .offcanvas-body::-webkit-scrollbar-thumb{background:#6366f15c;border-radius:999px}.app-sidebar-mobile .offcanvas-body>div:first-child,.app-sidebar-mobile .offcanvas-body>.plan-usage-card{flex:0 0 auto}.app-sidebar-mobile .nav{gap:4px}.app-sidebar-mobile .nav .nav-link{min-height:42px;padding:10px 12px;border-radius:10px;color:#334155;font-size:13px;font-weight:600;letter-spacing:0;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.app-sidebar-mobile .nav .nav-link svg{width:17px;height:17px;color:#64748b;transition:color .18s ease}.app-sidebar-mobile .nav .nav-link:hover{background:#6366f114;color:#3730a3}.app-sidebar-mobile .nav .nav-link:hover svg{color:#4f46e5}.app-sidebar-mobile .nav-pills .nav-link.active,.app-sidebar-mobile .nav-pills .show>.nav-link{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 10px 22px #4f46e53d;transform:translateY(-1px)}.app-sidebar-mobile .nav-pills .nav-link.active svg{color:#fff}.app-sidebar-mobile .mobile-sidebar-utility{display:flex;flex-direction:column;gap:8px;margin-top:16px!important;padding-top:14px!important;border-top:1px solid rgba(226,232,240,.9)!important}.app-sidebar-mobile .mobile-sidebar-utility .nav-link{min-height:34px;padding:7px 10px;border-radius:9px;color:#475569;font-size:13px;font-weight:600}.app-sidebar-mobile .mobile-sidebar-utility .nav-link svg{width:16px;height:16px;color:#64748b}.app-sidebar-mobile .mobile-sidebar-utility .nav-link:hover{background:#6366f114;color:#3730a3}.app-sidebar-mobile .plan-usage-card{position:relative;margin:16px 0 0;padding:14px;border:1px solid rgba(199,210,254,.88);border-radius:14px;background:linear-gradient(180deg,#fffffff0,#f8fafffa),radial-gradient(circle at 12% 0%,rgba(99,102,241,.12),transparent 42%);box-shadow:0 12px 30px #4f46e51f,inset 0 1px #ffffffe6;overflow:hidden}.app-sidebar-mobile .plan-usage-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#818cf8,#4f46e5,#2563eb)}.app-sidebar-mobile .plan-card-icon{width:36px;height:36px;border-radius:11px;background:#eef2ff;color:#4f46e5;box-shadow:inset 0 0 0 1px #6366f11f}.app-sidebar-mobile .plan-card-label{font-size:9px;letter-spacing:.6px;color:#64748b}.app-sidebar-mobile .plan-card-name{font-size:14px;color:#0f172a}.app-sidebar-mobile .plan-card-usage-btn{min-height:38px;justify-content:flex-start;padding:10px 12px;border-color:#cbd5e1e6;border-radius:11px;background:#fff;color:#334155;box-shadow:0 1px 2px #0f172a0a}.app-sidebar-mobile .free-trial-upgrade-btn{min-height:42px;border-radius:11px;background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 12px 22px #4f46e542}.app-sidebar-mobile .free-trial-upgrade-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 14px 26px #4f46e54d}.app-sidebar-mobile .offcanvas-title span{font-size:18px;font-weight:700;color:#111827}}.sidebar-new-tag{background-color:#dcfce7;color:#16a34a;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:8px;text-transform:uppercase;letter-spacing:.5px;border:1px solid #c7d2fe}.sidebar-beta-tag{background-color:#fee2e2;color:#b91c1c;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:8px;text-transform:uppercase;letter-spacing:.5px;border:1px solid #fecaca}.fup-badge{background-color:#f0f0ff;color:#6366f1;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:auto;letter-spacing:.3px;border:1px solid #e0e0ff;white-space:nowrap}.fup-badge--warning{background-color:#fff7ed;color:#ea580c;border-color:#fed7aa}.fup-badge--exhausted{background-color:#fee2e2;color:#be123c;border-color:#fecaca}.sidebar-collapse-btn{position:absolute;top:78px;left:50%;transform:translate(-50%);width:36px;height:36px;border-radius:10px;background:transparent;border:none;display:flex;align-items:center;justify-content:end;cursor:pointer;z-index:100;transition:all .2s ease;color:#6b7280;width:100%}.sidebar-collapse-btn:hover{background:#f3f4f6;color:#374151}.sidebar-collapse-btn:active{transform:translate(-50%) scale(.95)}.asidebar-collapsed{width:var(--sidebar-collapsed-width)!important;transition:width .3s ease;overflow-x:visible!important;overflow-y:auto!important}.asidebar-collapsed .nav{margin:30px 8px 10px}.asidebar-collapsed .nav .nav-link{justify-content:center;padding:12px}.asidebar-collapsed .nav-link-text,.asidebar-collapsed .sidebar-new-tag,.asidebar-collapsed .sidebar-beta-tag,.asidebar-collapsed .fup-badge,.asidebar-collapsed .trial-status-box,.asidebar-collapsed .trial-expired-box{display:none}.asidebar-collapsed .d-md-none{display:none!important}.asidebar-collapsed .sidebar-collapse-btn{left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:100%}.asidebar-collapsed .sidebar-collapse-btn:active{transform:translate(-50%) scale(.95)}.sidebar-collapsed .app-content{padding-left:var(--sidebar-collapsed-width);transition:padding-left .3s ease}.sidebar-collapsed .left-header-space{width:var(--sidebar-collapsed-width);transition:width .3s ease}.asidebar{transition:width .3s ease}