#HeaderComponent{position:relative;display:grid;grid-template-columns:48% 50%;justify-content:space-between;align-items:center;padding:30px 0;margin-bottom:30px;border-bottom:1px solid #e4e5ed}#HeaderComponent .header-left .header-title{display:flex;align-items:center;gap:3px}#HeaderComponent .header-left .header-title .back-link{display:flex;border:0;background:transparent;cursor:pointer}#HeaderComponent .header-left .header-title .header-title-text-btn{border:0;background:transparent;padding:0;cursor:pointer;text-align:left}#HeaderComponent .header-left h2{font-size:24px;font-weight:500;color:var(--secondary)}#HeaderComponent .header-left p{font-size:18px;color:var(--gray-600)}#HeaderComponent .header-right{display:flex;justify-content:end;align-items:center;gap:20px}#HeaderComponent .header-search{position:relative;width:100%;max-width:376px}#HeaderComponent .header-search input{padding:6px 30px 6px 12px;border:1px solid #f7f6fa;border-radius:12px;font-size:18px;width:100%;background-color:#f7f6fa;height:58px;outline:none}#HeaderComponent .header-search input:active,#HeaderComponent .header-search input:focus,#HeaderComponent .header-search input:hover{border:1px solid var(--primary)}#HeaderComponent .header-search .icon{cursor:pointer;display:flex;position:absolute;right:10px;top:50%;transform:translateY(-50%)}#HeaderComponent .header-btn{height:58px}#HeaderComponent .header-btn .add-action{display:flex;align-items:center}#HeaderComponent .profile-menu{position:relative}#HeaderComponent .header-profile{font-family:var(--font-outfit),sans-serif;color:#fff;background:#463f57;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-weight:600;display:flex;font-size:22px;font-weight:400;cursor:pointer;border:0;padding:0}#HeaderComponent .header-profile.profile-loading{cursor:default;color:transparent;background:linear-gradient(135deg,#ddd6ef,#f1ecf9);position:relative}#HeaderComponent .header-profile.profile-loading:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.5) 50%,rgba(255,255,255,0));animation:headerProfilePulse 1.2s ease-in-out infinite}#HeaderComponent .calendar-popup{font-family:var(--font-outfit),sans-serif!important;position:absolute;top:61px;right:0;z-index:1000;background:#fff;border:1px solid #ebe6f5;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px rgba(31,20,74,.18)}#HeaderComponent .calendar-popup .rdrDateRangePickerWrapper{background:#fff}#HeaderComponent .calendar-popup .rdrDefinedRangesWrapper{border-right:1px solid #ebe6f5}#HeaderComponent .calendar-popup .rdrStaticRange{border-bottom:1px solid #f0edf8}#HeaderComponent .calendar-popup .rdrStaticRangeLabel{padding:16px 24px;font-size:14px;font-family:var(--font-outfit),sans-serif}#HeaderComponent .calendar-popup .rdrStaticRangeLabel:hover,#HeaderComponent .calendar-popup .rdrStaticRangeSelected .rdrStaticRangeLabel{color:#764af8}#HeaderComponent .calendar-popup .rdrDateDisplayWrapper{background:#f2f1f7;padding:18px 18px 14px}#HeaderComponent .calendar-popup .rdrDateDisplay{gap:18px}#HeaderComponent .calendar-popup .rdrDateDisplayItem{border-radius:14px}@keyframes headerProfilePulse{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}#HeaderComponent .content-btn-action{display:flex;align-items:center}#HeaderComponent .rdrCalendarWrapper input,#HeaderComponent .rdrCalendarWrapper input:hover{font-family:var(--font-outfit),sans-serif;border:none!important;outline:none!important;height:30px;font-size:14px;color:black;border-radius:32px;background-color:white;padding:0 6px}#HeaderComponent .calendar-popup .rdrInputRanges{display:none!important}@media (max-width:1280px){#HeaderComponent .header-btn .add-actionText{display:none}}@media (max-width:760px){#HeaderComponent{grid-template-columns:100%;justify-content:start}#HeaderComponent .header-right{justify-content:space-between;margin-top:18px}#HeaderComponent .header-search{max-width:561px}#HeaderComponent .rdrDefinedRangesWrapper{width:110px}#HeaderComponent .profile-menu{position:absolute;top:10px;right:0}#HeaderComponent .header-profile{width:42px;height:42px;font-size:16px}#HeaderComponent .header-left{margin-top:24px}}@media (max-width:485px){#HeaderComponent .rdrDateRangePickerWrapper{flex-direction:column-reverse}#HeaderComponent .rdrDefinedRangesWrapper{width:100%}}@media (max-width:430px){#HeaderComponent .header-search input{font-size:15px}}#HeaderComponent{isolation:isolate;z-index:30;border-bottom-color:transparent}#HeaderComponent:before{content:"";position:absolute;z-index:-1;left:-40px;top:-30px;width:320px;height:180px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,196,107,.42),rgba(255,138,107,.16) 55%,transparent 75%);filter:blur(6px);pointer-events:none;animation:hd-breathe 7s ease-in-out infinite}#HeaderComponent:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,#764af8,#ff8a6b 38%,#ffc46b 62%,rgba(255,196,107,0));transform-origin:left center;animation:hd-draw 1.1s cubic-bezier(.2,.8,.2,1) both}#HeaderComponent .header-left .header-title{gap:12px}#HeaderComponent .header-left .header-title .back-link{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #e4dff6;border-radius:12px;background:#fff;transition:border-color .15s ease,transform .15s ease}#HeaderComponent .header-left .header-title .back-link:hover{border-color:#764af8;transform:translateX(-2px)}#HeaderComponent .header-left .header-title .back-link svg{width:22px;height:22px}#HeaderComponent .header-left .header-title .header-title-text-btn{font:inherit;color:inherit}#HeaderComponent .header-left h2{display:flex;align-items:center;gap:12px;margin:0;font-family:inherit;font-size:clamp(24px,3vw,32px);line-height:1.1;font-weight:800;letter-spacing:-.025em;color:#190d4c;overflow-wrap:anywhere;animation:hd-rise .6s cubic-bezier(.2,.8,.2,1) both}#HeaderComponent .header-left h2:before{content:"";flex:none;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#ffe2a8,#ffb35c 55%,#ff8a6b);box-shadow:0 0 0 5px rgba(255,196,107,.22),0 0 18px 4px rgba(255,170,110,.45);animation:hd-float 4s ease-in-out infinite,hd-halo 3.2s ease-in-out infinite}#HeaderComponent .header-left p{margin:8px 0 0;font-size:15px;line-height:1.5;color:#5f5c86;animation:hd-rise .6s cubic-bezier(.2,.8,.2,1) .08s both}#HeaderComponent .header-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:12px;font-family:inherit;font-size:15px;font-weight:600;white-space:nowrap;transition:filter .15s ease,border-color .15s ease,transform .15s ease}#HeaderComponent .header-btn:hover:not(:disabled){transform:translateY(-1px)}#HeaderComponent .header-btn.btn-primary{border:1px solid transparent;background:#764af8;color:#fff;box-shadow:0 8px 20px -8px rgba(118,74,248,.6)}#HeaderComponent .header-btn.btn-primary:hover:not(:disabled){background:#764af8;filter:brightness(1.05)}#HeaderComponent .header-btn.btn-transparent{border:1px solid #e4dff6;background:#fff;color:#190d4c}#HeaderComponent .header-btn.btn-transparent:hover:not(:disabled){border-color:#764af8;background:#fff;color:#190d4c}@keyframes hd-draw{0%{transform:scaleX(0);opacity:.4}to{transform:scaleX(1);opacity:1}}@keyframes hd-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes hd-float{50%{transform:translateY(-3px)}}@keyframes hd-halo{50%{box-shadow:0 0 0 8px rgba(255,196,107,.12),0 0 26px 8px rgba(255,170,110,.55)}}@keyframes hd-breathe{50%{opacity:.55;transform:translate(14px,6px) scale(1.06)}}@media (max-width:760px){#HeaderComponent .header-left h2{gap:10px}#HeaderComponent .header-left h2:before{width:22px;height:22px}}@media (prefers-reduced-motion:reduce){#HeaderComponent .header-left h2,#HeaderComponent .header-left h2:before,#HeaderComponent .header-left p,#HeaderComponent:after,#HeaderComponent:before{animation:none}}