.button{border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease-in-out}@media(max-width:768px){.button{width:100%!important}}.button--primary{background-color:#009ee3;color:#fff;margin:.5rem 0}.button--primary:hover:not(:disabled){background-color:#007bb0}.button--w100-btn{background-color:#009ee3;color:#fff;margin:12px 0;width:100%}.button--w100-btn:hover:not(:disabled){background-color:#007bb0}.button--secondary{background-color:#ff7b5b;color:#fff}.button--secondary:hover:not(:disabled){background-color:#ff5228}.button--outline{align-items:center;background-color:#0000;border:1px solid #009ee3;color:#009ee3;display:flex;justify-content:center}.button--outline:hover:not(:disabled){background-color:#009ee3;color:#fff}.button--outline--copy{align-items:center;background-color:#0000;border:1px solid #009ee3;color:#009ee3;display:flex;gap:.5rem;justify-content:center}.button--outline--copy:hover:not(:disabled){background-color:#009ee3;color:#fff}.button--outline--delete{align-items:center;background-color:#0000;border:1px solid #dc3545;color:#dc3545;display:flex;gap:.5rem;justify-content:center}.button--outline--delete:hover:not(:disabled){background-color:#dc3545;color:#fff}.button--full-width{width:100%}.button:disabled{cursor:not-allowed;opacity:.6}.card{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.card__logo{text-align:center}.card__logo img{max-width:130px}.card__header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:1rem}.card__title{color:rgba(33,37,41,.671);font-size:1.125rem;margin:0}.card__body{padding:1rem}.card__action{align-items:center;display:flex;gap:.5rem}.payment-history{display:flex;flex-direction:column;gap:1.5rem}.balance-card__content{align-items:center;display:flex;justify-content:space-between}@media(max-width:768px){.balance-card__content{align-items:center;display:flex;flex-direction:column;justify-content:center}}.balance-card__info h3{color:#666;font-size:.875rem;margin-bottom:.25rem}.balance-card__amount{color:#009ee3;font-size:2.25rem;font-weight:700;margin:0}.payments-card__empty{color:#666;padding:1.5rem;text-align:center}.payments-list{display:flex;flex-direction:column;gap:1rem}.payment-item{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:1rem}.payment-item:last-child{border-bottom:none}.payment-item__info{display:flex;flex-direction:column;gap:.25rem}.payment-item__amount{font-size:1.125rem;font-weight:500;margin:0}.payment-item__date{color:#666;font-size:.875rem;margin:0}.badge{border-radius:.25rem;font-size:.875rem;font-weight:500;padding:.25rem .5rem}.badge--success{background-color:#28a7451a;color:#28a745}.badge--warning{background-color:#ffc1071a;color:#d39e00}.badge--error{background-color:#dc35451a;color:#dc3545}.referral-stats__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}@media(max-width:768px){.referral-stats__header h2{margin-bottom:15px;width:100%!important}.referral-stats__header{flex-direction:column;justify-content:flex-start}}.referral-stats__header .generate-code-form{align-items:center;display:flex;gap:.5rem;justify-content:center}@media(max-width:768px){.referral-stats__header .generate-code-form{flex-direction:column;justify-content:flex-start;width:100%}}.referral-stats__header .referral-type-input{background-clip:padding-box;background-color:#fff;border:1px solid #ced4da;border-radius:.5rem;color:#495057;display:block;font-size:1rem;font-weight:400;line-height:1.5;padding:.5rem 1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:50%}@media(max-width:768px){.referral-stats__header .referral-type-input{width:100%!important}}.referral-stats__header .referral-type-input:focus{background-color:#fff;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;color:#495057;outline:0}.referral-stats__header .referral-type-input:disabled{background-color:#e9ecef;opacity:.7}.referral-stats__header .referral-type-input::placeholder{color:#6c757d;opacity:1}.referral-stats__grid{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.referral-stats__grid>*{flex-basis:calc(50% - 1.5rem);flex-grow:1;flex-shrink:1;min-width:calc(50% - 1.5rem)}@media(min-width:576px){.referral-stats__grid>*{flex-basis:calc(50% - 1.5rem);flex-grow:1;flex-shrink:1;min-width:calc(50% - 1.5rem)}}@media(min-width:992px){.referral-stats__grid>*{flex-basis:calc(25% - 1.5rem);flex-grow:1;flex-shrink:1;min-width:calc(25% - 1.5rem)}}.stat-card{padding:1rem;text-align:center;transition:all .2s ease-in-out}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{color:#666;font-size:.875rem;font-weight:400;margin-bottom:.5rem}.stat-card .stat-value{color:#009ee3;font-size:1.875rem;font-weight:700}.referral-codes{display:flex;flex-direction:column;gap:1rem}.referral-code{align-items:center;border:1px solid #dee2e6;border-radius:.5rem;display:flex;justify-content:space-between;padding:1rem}.referral-code__buttons{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center}.referral-code__buttons Button,.referral-code__buttons button{width:200px}@media(max-width:768px){.referral-code__buttons{width:100%}.referral-code{flex-direction:column;justify-content:flex-start}}.referral-code__link{color:#009ee3;font-weight:600}@media(max-width:768px){.referral-code__info{margin-bottom:1rem;width:100%}}.referral-code__info h4{font-size:1.125rem;margin-bottom:.25rem}.referral-code__info p{color:#666;margin:0}.status{border-radius:4px;display:inline-block;font-size:16px;font-weight:500}.status.active{color:#28a745}.status.inactive{color:#dc3545}.commission-explanation-highlight{background:#fff;color:#009ee3!important;margin-top:20px!important;max-width:80%}.commission-explanation-highlight,.details-explanation-highlight{border-left:3px solid #009ee3;border-radius:.25rem;font-size:.875rem;font-style:italic;font-weight:500;line-height:1.4;padding:.5rem}.details-explanation-highlight{background:#009ee30d;color:#009ee3;display:block;margin-top:.5rem}.referral-events__title{color:rgba(33,37,41,.671)}.referral-events__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.referral-events__excel-btn{display:flex;justify-content:flex-end;margin-bottom:20px}.referral-events__excel-btn button{align-items:center;background-color:#217346;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease-in-out}.referral-events__excel-btn button:hover{background-color:#1e623d}.referral-events__filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}@media(min-width:768px){.referral-events__filters{flex-wrap:nowrap}}.referral-events__filters .filter-date,.referral-events__filters .filter-input,.referral-events__filters .filter-select{border:1px solid #dee2e6;border-radius:.5rem;font-size:1rem;height:40px;padding:.5rem}.referral-events__filters .filter-date:focus,.referral-events__filters .filter-input:focus,.referral-events__filters .filter-select:focus{border-color:#009ee3;outline:none}.referral-events__table{border:1px solid #dee2e6;border-radius:.5rem;overflow-x:auto}.referral-events__table table{border-collapse:collapse;table-layout:fixed;width:100%}.referral-events__table table td,.referral-events__table table th{border-bottom:1px solid #dee2e6;padding:1rem;text-align:left}.referral-events__table table td:first-child,.referral-events__table table td:nth-child(2),.referral-events__table table th:first-child,.referral-events__table table th:nth-child(2){width:16.66%}.referral-events__table table td:nth-child(3),.referral-events__table table th:nth-child(3){width:26.66%}.referral-events__table table td:nth-child(4),.referral-events__table table th:nth-child(4){width:10.66%}.referral-events__table table td:nth-child(5),.referral-events__table table td:nth-child(6),.referral-events__table table th:nth-child(5),.referral-events__table table th:nth-child(6){width:16.66%}.referral-events__table table th{background-color:#fff;color:#666;font-weight:600;white-space:nowrap}.referral-events__table table td{white-space:normal;word-break:break-word}.referral-events__table table td:first-child,.referral-events__table table td:nth-child(2),.referral-events__table table td:nth-child(3){max-width:200px;word-break:break-all}.referral-events__table table tr:hover td{background-color:#ffffff80}.referral-events__table table .no-data{color:#666;padding:1.5rem;text-align:center}.referral-events__table table .amount{font-family:monospace;text-align:left;white-space:nowrap}.referral-events__pagination{align-items:center;display:flex;flex-direction:column;margin-top:1.5rem;padding:1rem 0}@media(min-width:768px){.referral-events__pagination{align-items:center;flex-direction:row;justify-content:space-between}}.event-type{border-radius:.5rem;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .5rem;text-align:left}.event-type--click{background-color:#17a2b81a;color:#17a2b8}.event-type--registration{background-color:#28a7451a;color:#28a745}.event-type--sale{background-color:#009ee31a;color:#009ee3}.event-type--referrer-change,.event-type--subscribe{background-color:#ffc1071a;color:#ffc107}.event-type--referrer-abandonment{background-color:#dc35451a;color:#dc3545}@media(max-width:768px){.referral-events__header{align-items:flex-start;flex-direction:column;gap:.5rem}.referral-events__filters{flex-direction:column}.referral-events__filters .filter-date,.referral-events__filters .filter-input,.referral-events__filters .filter-select{margin-bottom:.5rem;width:100%}.referral-events__table table td:first-child,.referral-events__table table td:nth-child(2),.referral-events__table table td:nth-child(3),.referral-events__table table td:nth-child(4),.referral-events__table table td:nth-child(5),.referral-events__table table td:nth-child(6),.referral-events__table table th:first-child,.referral-events__table table th:nth-child(2),.referral-events__table table th:nth-child(3),.referral-events__table table th:nth-child(4),.referral-events__table table th:nth-child(5),.referral-events__table table th:nth-child(6){width:16.66%}.referral-events__table table td,.referral-events__table table th{font-size:.9em;padding:.5rem}.referral-events__table table td:first-child,.referral-events__table table td:nth-child(2),.referral-events__table table td:nth-child(3){font-size:.85em;overflow:hidden;text-overflow:ellipsis}.referral-events__pagination{padding:.5rem 0}.pagination{gap:2px}.pagination__button{font-size:.7875rem;height:1.8rem;min-width:1.8rem}.pagination__info{font-size:.7875rem;margin-top:.5rem}}@media(max-width:480px){.referral-events__table{overflow-x:auto}.referral-events__table table{min-width:720px}.pagination__button{font-size:.74375rem;height:1.6rem;min-width:1.6rem}}.commissions-chart-card{box-shadow:0 4px 12px #0000000d;transition:box-shadow .3s ease}.commissions-chart-card:hover{box-shadow:0 6px 16px #0000001a}.commissions-chart__header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:1rem;padding:0 .5rem .5rem}.commissions-chart__header h3{color:rgba(33,37,41,.671);font-size:1.125rem;font-weight:500;margin:0}.commissions-chart__header .commissions-total{background:#009ee31a;border-left:4px solid #009ee3;border-radius:6px;color:#009ee3;font-size:1.25rem;font-weight:700;margin:0;padding:.25rem .5rem}.commissions-chart__container{height:350px;padding:.5rem;position:relative}.commissions-chart__container canvas{background:linear-gradient(180deg,#ffffff08 0,#009ee30d);border-radius:4px}.commissions-chart__container .chart-empty,.commissions-chart__container .chart-loading{align-items:center;background:#00000005;border-radius:8px;color:#666;display:flex;font-size:20px;height:100%;justify-content:center}@media(max-width:400px){.commissions-chart__header{align-items:flex-start;flex-direction:column;gap:.25rem}.commissions-chart__header .commissions-total{align-self:flex-end}.commissions-chart__container{height:280px}}.date-range-filter{align-items:center;display:flex;justify-content:center;position:relative;text-align:center;width:230px}@media screen and (max-width:768px){.date-range-filter{width:100%}}.date-range-filter__calendar-icon{color:#009ee3;font-size:25px}.date-range-filter__input{align-items:center;background-color:#fff;border:1px solid #009ee3;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:10px;justify-content:center;padding:6px;transition:all .3s ease;width:100%!important}@media screen and (max-width:800px){.date-range-filter__input{width:100%}}.date-range-filter__input:hover{background-color:#edf4ff}.date-range-filter__calendar-popup{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:4px;padding:16px;position:absolute;top:110%;z-index:1000}.date-range-filter__calendar-popup calendar-range::part(previous){background-color:#edf4ff;border:none;border-radius:6px;color:#009ee3;cursor:pointer;font-size:16px;font-weight:700;padding:4px 8px;transition:all .3s ease}.date-range-filter__calendar-popup calendar-range::part(previous):hover{background-color:#d6e8ff;transform:translateY(-2px)}.date-range-filter__calendar-popup calendar-range::part(next){background-color:#edf4ff;border:none;border-radius:6px;color:#009ee3;cursor:pointer;font-size:16px;font-weight:700;padding:4px 8px;transition:all .3s ease}.date-range-filter__calendar-popup calendar-range::part(next):hover{background-color:#d6e8ff;transform:translateY(-2px)}.date-range-filter__calendar-popup calendar-range .next-icon,.date-range-filter__calendar-popup calendar-range .previous-icon{color:#009ee3;font-size:25px}.date-range-filter__calendar-popup calendar-month{--color-accent:#009ee3}.date-range-filter__calendar-popup calendar-month::part(range-inner){background-color:#d6e8ff;color:#000}.date-filter-controls{align-items:center;display:flex;gap:10px;justify-content:space-between}.main{background-color:#e4e9f7;flex:1 1;padding:2rem 0}.layout{display:flex;flex-direction:column;min-height:100vh;position:relative}.sidebar-overlay{background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@media(max-width:767px){.sidebar-overlay{display:block}}.sidebar{background-color:#fff;box-shadow:0 4px 6px -1px #0000001a;height:100vh;left:-280px;overflow-y:auto;position:fixed;top:0;transition:all .2s ease-in-out;width:280px;z-index:1000}.sidebar.open{left:0}.sidebar__header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:1rem}.sidebar__logo a{color:#009ee3;font-size:1.25rem;font-weight:700;text-decoration:none}.sidebar__close{background:none;border:none;color:#666;cursor:pointer;font-size:1.125rem;transition:all .2s ease-in-out}.sidebar__close:hover{color:#dc3545}.sidebar__user{border-bottom:1px solid #dee2e6;padding:1rem}.sidebar__nav{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.sidebar__nav a{align-items:center;border-radius:.5rem;color:#666;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease-in-out}.sidebar__nav a.active,.sidebar__nav a:hover{background-color:#edf4ff;color:#009ee3}.sidebar__nav a svg{font-size:1.125rem}.sidebar__nav .logout-button{margin-top:1rem}.header{background-color:#fff;border-bottom:1px solid #dee2e6;height:70px;position:-webkit-sticky;position:sticky;top:0;z-index:998}.header__content{height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.header__content,.header__left{align-items:center;display:flex}.header__left{gap:1rem}.header__logo--img{width:170px}.header__logo--img-mobile{width:130px}.header .menu-toggle{background:none;border:none;color:#666;cursor:pointer;display:none;font-size:1.125rem;transition:all .2s ease-in-out}.header .menu-toggle:hover{color:#009ee3}@media(max-width:767px){.header .menu-toggle{display:block}}@media(min-width:768px)and (max-width:991px){.header .menu-toggle{display:block}}.header__nav{align-items:center;display:flex;gap:2rem}@media(max-width:767px){.header__nav{display:none}}@media(min-width:768px)and (max-width:991px){.header__nav{display:none}}.header__nav a{align-items:center;border-radius:.5rem;color:#666;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease-in-out}.header__nav a.active,.header__nav a:hover{background-color:#edf4ff;color:#009ee3}.header__nav a svg{font-size:1.125rem}.header__user{align-items:center;display:flex;gap:1rem}@media(max-width:767px){.header__user{display:none}}@media(min-width:768px)and (max-width:991px){.header__user .user-info__email{display:none}}.header__user .user-info{text-align:right}.header__user .user-info__name{color:rgba(33,37,41,.671);display:block;font-weight:500}.header__user .user-info__email{color:#666;display:block;font-size:.875rem}.logout-button{align-items:center;background-color:#dc35451a;border:none;border-radius:.5rem;color:#dc3545;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease-in-out}.logout-button:hover{background-color:#dc354533}.logout-button svg{font-size:1.125rem}.user-dropdown{position:relative}.user-dropdown__button{align-items:center;background-color:#edf4ff;border:1px solid #009ee333;border-radius:.5rem;color:rgba(33,37,41,.671);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease-in-out;transition:all .3s ease}.user-dropdown__button:hover{background-color:#edf4ff;border-color:#009ee3;color:#009ee3}.user-dropdown__button svg{font-size:.8rem;transition:transform .2s ease}.user-dropdown__button svg.rotate{transform:rotate(180deg)}.user-dropdown__button .admin-badge{background-color:#009ee3;border-radius:.25rem;color:#fff;display:inline-block;font-size:.65rem;font-weight:600;margin-left:.25rem;padding:1px 6px;text-transform:uppercase}.user-dropdown__menu{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;opacity:0;padding:.5rem 0;position:absolute;right:0;top:calc(100% + 5px);transform:translateY(-10px);transition:all .2s ease-in-out;visibility:hidden;width:200px;z-index:100}.user-dropdown__menu.open{opacity:1;transform:translateY(0);visibility:visible}.user-dropdown__option{align-items:center;background:none;border:none;color:rgba(33,37,41,.671);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;text-align:left;transition:all .2s ease-in-out;transition:all .3s ease;width:100%}.user-dropdown__option:hover{background-color:#edf4ff;color:#009ee3}.user-dropdown__option.logout{color:#dc3545!important;transition:all .3s ease}.user-dropdown__option.logout:hover{background-color:#dc35451a!important}.user-dropdown__option svg{font-size:1rem}.sidebar__user .user-dropdown{margin-bottom:.25rem}.sidebar__user .user-dropdown__button{justify-content:space-between;width:100%}.sidebar__user .user-dropdown__menu{border:1px solid #dee2e6;box-shadow:none;display:none;margin-top:.25rem;position:static;width:100%}.sidebar__user .user-dropdown__menu.open{display:block;opacity:1;transform:none;visibility:visible}.sidebar__user .user-info__role{color:#666;display:block;font-size:.875rem;margin-top:.25rem}.header__user .user-dropdown{position:relative}@media(max-width:768px){.header__user .user-dropdown__menu{left:auto;right:0}}.login-form{margin:2rem auto 0;max-width:500px}@media(max-width:486px){.login-form{margin:1rem}}.login-form__form{display:flex;flex-direction:column;gap:1rem}.login-form .card{background-color:#fffffffa}.login-form__register{color:#009ee3;cursor:pointer;text-align:center}.auth-layout{background:linear-gradient(135deg,#009ee3,#ff7b5b);display:flex;flex-direction:column;min-height:100vh}.auth-layout__content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:1rem}.auth-layout__logo{padding:1.5rem;text-align:center}.auth-layout__logo img{max-width:150px}.register-form{margin:2rem auto 0;max-width:500px}@media(max-width:486px){.register-form{margin:1rem}}.register-form__form{display:flex;flex-direction:column;gap:1rem}.register-form__login{color:#009ee3;cursor:pointer;text-align:center}.register-form__row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:768px){.register-form__row{grid-template-columns:1fr 1fr}}.register-form .card{background-color:#fffffffa}.dashboard-page__header{margin-bottom:3rem}.dashboard-page__header h1{font-size:1.875rem;margin:0 0 .25rem}.dashboard-page__subtitle{color:#666;margin:0}.dashboard-page__content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:992px){.dashboard-page__content{grid-template-columns:2fr 1fr}}.referral-page__header{margin-bottom:2rem}.referral-page__header h1{font-size:1.875rem;margin:0 0 .25rem}.referral-page__subtitle{color:#666;margin:0}.referral-page__content{display:flex;flex-direction:column;gap:1.5rem}.referral-page__content .commissions-chart-card{margin-bottom:1rem}.referral-page .page-header{margin-bottom:1.5rem}.referral-page .page-header h1{font-size:1.875rem;margin:0 0 .25rem}.referral-page .page-header p{color:#666;margin:0}.referral-page .filter-card .filter-container h3{color:rgba(33,37,41,.671);font-size:1.125rem;margin-bottom:.5rem}.referral-page .filter-card .filter-container .filter-inputs{align-items:flex-end;display:flex;flex-wrap:wrap;gap:.5rem}.referral-page .filter-card .filter-container .filter-inputs .filter-group{display:flex;flex-direction:column;gap:.25rem}.referral-page .filter-card .filter-container .filter-inputs .filter-group label{color:#666;font-size:.875rem}.referral-page .filter-card .filter-container .filter-inputs .filter-group input[type=date]{border:1px solid #dee2e6;border-radius:4px;font-size:.875rem;min-width:180px;padding:.25rem}.referral-page .filter-card .filter-container .filter-inputs .filter-group input[type=date]:focus{border-color:#009ee3;outline:none}.referral-page .filter-card .filter-container .filter-inputs button{margin-left:auto}@media(max-width:768px){.referral-page .filter-card .filter-container .filter-inputs{align-items:stretch;flex-direction:column}.referral-page .filter-card .filter-container .filter-inputs button{margin-left:0;width:100%}}.user-profile{display:flex;flex-direction:column;margin:0 auto;max-width:900px;width:100%}.user-profile__header{align-items:center;display:flex}@media(max-width:576px){.user-profile__header{flex-direction:column;text-align:center}}.user-profile__avatar{align-items:center;background-color:#edf4ff;border:1px solid #009ee333;border-radius:50%;color:#009ee3;display:flex;height:70px;justify-content:center;margin-right:1.5rem;width:70px}@media(max-width:576px){.user-profile__avatar{margin-bottom:1rem;margin-right:0}}.user-profile__avatar svg{font-size:2rem}.user-profile__info h1{color:rgba(33,37,41,.671);font-size:1.5rem;margin-bottom:.25rem}.user-profile__meta{align-items:center;display:flex;gap:.5rem}@media(max-width:576px){.user-profile__meta{justify-content:center}}.user-profile__email{color:#666;font-size:.875rem}.user-profile__header{margin-bottom:2rem}.user-profile__header h1{color:rgba(33,37,41,.671);font-size:1.25rem;margin-bottom:.25rem}.user-profile__header p{color:#666;font-size:1rem}.user-profile__content{display:flex;flex-direction:column;gap:1.5rem}.user-profile__tabs{border-bottom:1px solid #dee2e6;display:flex;gap:1rem;padding-bottom:.5rem}@media(max-width:576px){.user-profile__tabs{border-bottom:none;flex-direction:column;gap:.25rem;width:100%}}.user-profile__tabs .tab-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.5rem 1.5rem;position:relative;transition:all .3s ease}@media(max-width:576px){.user-profile__tabs .tab-button{border-bottom:1px solid #dee2e6;justify-content:flex-start;padding:.5rem}}.user-profile__tabs .tab-button svg{font-size:1.125rem}.user-profile__tabs .tab-button:after{background-color:#009ee3;bottom:calc(-.5rem - 1px);content:"";height:3px;left:0;position:absolute;transition:all .2s ease-in-out;width:0}@media(max-width:576px){.user-profile__tabs .tab-button:after{bottom:0;height:0;left:auto;right:0;width:3px}}.user-profile__tabs .tab-button.active{color:#009ee3;font-weight:600}.user-profile__tabs .tab-button.active:after{width:100%}@media(max-width:576px){.user-profile__tabs .tab-button.active:after{height:100%;width:3px}}.user-profile__tabs .tab-button:hover{color:#009ee3}.user-profile__card{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;padding:2rem}@media(max-width:576px){.user-profile__card{padding:1.5rem}}.form{display:flex;flex-direction:column;gap:1.5rem}.form__header{margin-bottom:1rem}.form__header h2{color:rgba(33,37,41,.671);font-size:1.125rem;margin-bottom:.25rem}.form__header p{color:#666;font-size:.875rem}.form__row{display:flex;gap:1.5rem}@media(max-width:576px){.form__row{flex-direction:column;gap:1rem}}.form__group{display:flex;flex:1 1;flex-direction:column;gap:.25rem;margin-bottom:1rem}.form__group label{color:rgba(33,37,41,.671);font-size:.875rem;font-weight:500}.form__group input,.form__group select{border:1px solid #dee2e6;border-radius:.25rem;font-size:1rem;padding:.5rem 1rem;transition:all .2s ease-in-out}.form__group input:focus,.form__group select:focus{border-color:#009ee3;box-shadow:0 0 0 3px #009ee333;outline:none}.form__group input::placeholder,.form__group select::placeholder{color:#b3b3b3}.form__group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2rem}.form__actions{display:flex;justify-content:flex-end;margin-top:1.5rem}.form__actions .btn-save-all{align-items:center;display:flex;gap:10px;justify-content:center}.btn{border:none;border-radius:.25rem;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1.5rem;transition:all .2s ease-in-out}.btn:disabled{cursor:not-allowed;opacity:.7}.btn-primary{transition:all .3s ease}.btn-primary:disabled{background-color:#31c0ff}.btn-secondary{background-color:#edf4ff;color:#009ee3;transition:all .3s ease}.btn-secondary:hover{background-color:#d4e4ff}.notification{align-items:center;animation:slideIn .3s ease-out;border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.notification--success{background-color:#28a7451a;border-left:4px solid #28a745;color:#1e7e34}.notification--error{background-color:#dc35451a;border-left:4px solid #dc3545;color:#bd2130}.notification--warning{background-color:#ffc1071a;border-left:4px solid #ffc107;color:#d39e00}.notification--info{background-color:#17a2b81a;border-left:4px solid #17a2b8;color:#117a8b}.notification__message{flex:1 1}.notification__close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.5rem;opacity:.7}.notification__close:hover{opacity:1}.user-badge{background-color:#009ee3;border-radius:.25rem;color:#fff;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .5rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.input-error{border:1px solid #e74c3c!important}.error-message{color:#e74c3c;font-size:.8rem}.tab-status--invalid{color:#e74c3c}.payment-page__header{margin-bottom:2rem}.payment-page__header h1{font-size:1.875rem;margin:0 0 .25rem}.payment-page__subtitle{color:#666;margin:0}.payment-page__subtitle--warning{color:#009ee3;font-weight:700}.payment-page__content{display:flex;flex-direction:column;gap:2rem}.invite-referrals{margin:0 auto;max-width:1200px;width:100%}.invite-referrals__header{align-items:center;display:flex;gap:1.5rem;justify-content:center;margin-bottom:2rem}@media(max-width:768px){.invite-referrals__header{flex-direction:column;gap:1rem;text-align:center}}.invite-referrals__icon{align-items:center;background-color:#edf4ff;border:1px solid #009ee333;border-radius:50%;color:#009ee3;display:flex;flex-shrink:0;height:70px;justify-content:center;width:70px}.invite-referrals__icon svg{font-size:2.5rem}.invite-referrals__title{flex:1 1}.invite-referrals__title h1{color:rgba(33,37,41,.671);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}@media(max-width:768px){.invite-referrals__title h1{font-size:1.5rem}}.invite-referrals__description{color:#666;font-size:1rem;line-height:1.6;max-width:800px}@media(max-width:768px){.invite-referrals__description{font-size:.875rem}}.invite-referrals__content{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.invite-referrals__form-container{grid-gap:0;display:grid;gap:0;grid-template-columns:3fr 2fr}@media(max-width:992px){.invite-referrals__form-container{gap:0;grid-template-columns:1fr}}.invite-referrals__section{padding:2rem}@media(max-width:576px){.invite-referrals__section{padding:1rem}}.invite-referrals__section h3{align-items:center;border-bottom:1px solid #dee2e6;color:rgba(33,37,41,.671);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.invite-referrals__section h3 .section-icon{color:#009ee3}.invite-referrals__form{max-width:100%}.invite-referrals__form .form-group{margin-bottom:1.5rem}.invite-referrals__form .form-group label{color:rgba(33,37,41,.671);display:block;font-weight:500;margin-bottom:.25rem}.invite-referrals__form .form-group label .required{color:#dc3545;margin-left:.25rem}.invite-referrals__form .form-group input,.invite-referrals__form .form-group select{background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;font-size:1rem;padding:.5rem 1rem;transition:all .2s ease-in-out;width:100%}.invite-referrals__form .form-group input:focus,.invite-referrals__form .form-group select:focus{border-color:#009ee3;box-shadow:0 0 0 2px #009ee31a;outline:none}.invite-referrals__form .form-group input.input-error,.invite-referrals__form .form-group select.input-error{border-color:#dc3545;box-shadow:0 0 0 2px #dc35451a}.invite-referrals__form .form-group input:disabled,.invite-referrals__form .form-group select:disabled{background-color:#f8f9fa;color:#666;cursor:not-allowed}.invite-referrals__form .form-group select{cursor:pointer}.invite-referrals__form .form-group select option{padding:.5rem}.invite-referrals__form .form-group .error-message{align-items:center;color:#dc3545;display:flex;font-size:.875rem;gap:.25rem;margin-top:.25rem}.invite-referrals__form .form-actions{margin-top:2rem}.invite-referrals__info{background-color:#edf4ff;border-left:1px solid #dee2e6;padding:2rem}@media(max-width:992px){.invite-referrals__info{border-left:none;border-top:1px solid #dee2e6}}@media(max-width:576px){.invite-referrals__info{padding:1rem}}.info-card{background-color:#fff;border-radius:.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);padding:1.5rem}.info-card__icon{align-items:center;background-color:#009ee31a;border-radius:50%;color:#009ee3;display:flex;height:50px;justify-content:center;margin-bottom:1rem;width:50px}.info-card__icon svg{font-size:1.5rem}.info-card__content h4{color:rgba(33,37,41,.671);font-size:1rem;font-weight:600;margin-bottom:.5rem}.info-card__content ul{list-style:none;margin:0;padding:0}.info-card__content ul li{color:#666;font-size:.875rem;padding:.25rem 0 .25rem 1rem;position:relative}.info-card__content ul li:before{color:#009ee3;content:"•";font-weight:700;left:0;position:absolute;top:.25rem}.btn-primary{align-items:center;display:flex;gap:.5rem;justify-content:center;min-height:48px;width:100%}.btn-primary:hover:not(:disabled){background-color:#007bb0;transform:translateY(-1px)}.btn-primary:disabled{background-color:#9ca3af;transform:none}@media(max-width:576px){.btn-primary{width:100%}}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.accept-invitation{align-items:center;background-color:#e4e9f7;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:1.5rem}.accept-invitation__container{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;max-width:800px;padding:2rem;text-align:center;width:100%}.accept-invitation__logo{margin-bottom:1.5rem}.accept-invitation__logo img{height:auto;max-width:200px}.accept-invitation__title{border-bottom:1px solid #dee2e6;color:#009ee3;font-size:1.875rem;font-weight:600;margin-bottom:2rem;padding-bottom:1rem}.accept-invitation__warning{color:#666;font-size:1rem;line-height:1.5;margin-bottom:2rem}.accept-invitation__important-notice{background:#edf4ff;border:1px solid #009ee333;border-radius:.25rem;font-size:.875rem;line-height:1.5;margin-bottom:1.5rem;padding:1rem}.accept-invitation__important-notice p{font-weight:500;margin:0}.accept-invitation__details{background:#edf4ff;border:1px solid #009ee333;border-radius:.25rem;margin-bottom:1.5rem;padding:1.5rem;text-align:left}.accept-invitation__details .detail-row{align-items:center;border-bottom:1px solid #009ee333;display:flex;justify-content:space-between;padding:.25rem 0}.accept-invitation__details .detail-row:last-child{border-bottom:none}.accept-invitation__details .detail-row .detail-label{color:rgba(33,37,41,.671);font-weight:500}.accept-invitation__details .detail-row .detail-value{color:#666}.accept-invitation__validity{color:#666;font-size:.875rem;margin-bottom:2rem;text-align:center}.accept-invitation__communities{align-items:center;display:flex;gap:2rem;justify-content:center;margin-bottom:2rem}@media(max-width:768px){.accept-invitation__communities{flex-direction:column;gap:1.5rem}}.accept-invitation__communities .community-box{background:#fff;border:2px solid #dee2e6;border-radius:.25rem;padding:1.5rem;text-align:center;transition:all .3s ease;width:100%}.accept-invitation__communities .community-box:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}.accept-invitation__communities .community-box--current{border-color:#dc3545}.accept-invitation__communities .community-box--current .community-title{color:#dc3545}.accept-invitation__communities .community-box--new{border-color:#28a745}.accept-invitation__communities .community-box--new .community-title{color:#28a745}.accept-invitation__communities .community-box .community-title{font-size:.875rem;font-weight:600;margin-bottom:.25rem}.accept-invitation__communities .community-box .community-name{color:rgba(33,37,41,.671);font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.accept-invitation__communities .community-box .community-subtitle{color:#666;font-size:.875rem}.accept-invitation__communities .arrow-icon{align-items:center;background:#edf4ff;border-radius:50%;color:#666;display:flex;font-size:1.125rem;height:40px;justify-content:center;width:40px}@media(max-width:768px){.accept-invitation__communities .arrow-icon{transform:rotate(90deg)}}.accept-invitation__button{align-items:center;background:#009ee3;border:none;border-radius:.25rem;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;margin-bottom:2rem;min-height:48px;padding:1rem 2rem;transition:all .2s ease-in-out;transition:all .3s ease;width:100%}.accept-invitation__button:hover{background:#007bb0;transform:translateY(-1px)}.accept-invitation__button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.accept-invitation__ignore{color:#666;font-size:.875rem;line-height:1.5}.accept-invitation .error-state,.accept-invitation .loading-state{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:.5rem}.accept-invitation .error-state h1,.accept-invitation .loading-state h1{color:rgba(33,37,41,.671);font-size:1.25rem;margin:0}.accept-invitation .error-state p,.accept-invitation .loading-state p{color:#666;margin:0}.accept-invitation .loading-spinner{animation:spin 1s linear infinite;border:3px solid #0000;border-radius:50%;border-top-color:currentcolor;height:24px;width:24px}@media(max-width:768px){.accept-invitation{padding:1rem}.accept-invitation__container{border-radius:0;margin:0;padding:1.5rem}.accept-invitation__title{font-size:1.25rem}.accept-invitation__button,.accept-invitation__communities .community-box{width:100%}}@media(max-width:576px){.accept-invitation__container{padding:1rem}.accept-invitation__title{font-size:1.125rem}}.admin-profile{margin:0 auto;max-width:1000px;width:100%}.admin-profile__header{align-items:center;display:flex;margin-bottom:2rem}@media(max-width:576px){.admin-profile__header{flex-direction:column;text-align:center}}.admin-profile__avatar{align-items:center;background-color:#edf4ff;border:1px solid #009ee333;border-radius:50%;color:#009ee3;display:flex;height:80px;justify-content:center;margin-right:1.5rem;width:80px}@media(max-width:576px){.admin-profile__avatar{margin-bottom:1rem;margin-right:0}}.admin-profile__avatar svg{font-size:2.5rem}.admin-profile__user-info h1{color:rgba(33,37,41,.671);font-size:1.5rem;margin-bottom:.25rem}.admin-profile__meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}@media(max-width:576px){.admin-profile__meta{justify-content:center}}.admin-profile__email{color:#666}.admin-profile__content{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;display:flex;min-height:500px;overflow:hidden}@media(max-width:768px){.admin-profile__content{flex-direction:column}}.admin-profile__sidebar{background-color:#edf4ff;flex-shrink:0;padding:1.5rem 0;width:250px}@media(max-width:768px){.admin-profile__sidebar{display:flex;gap:1rem;overflow-x:auto;padding:1rem;width:100%}}.admin-profile__sidebar .sidebar-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.5rem;transition:all .2s ease-in-out}@media(max-width:768px){.admin-profile__sidebar .sidebar-item{border-bottom:3px solid #0000;border-left:none;flex-shrink:0;padding:.5rem 1rem}}.admin-profile__sidebar .sidebar-item:hover{background-color:#009ee30d}.admin-profile__sidebar .sidebar-item.active{background-color:#009ee31a;border-left-color:#009ee3;color:#009ee3}@media(max-width:768px){.admin-profile__sidebar .sidebar-item.active{border-bottom-color:#009ee3;border-left:none}}.admin-profile__sidebar .sidebar-item svg{font-size:1.125rem}.admin-profile__main{flex:1 1;padding:2rem}@media(max-width:576px){.admin-profile__main{padding:1rem}}.admin-profile__section h3{border-bottom:1px solid #dee2e6;color:rgba(33,37,41,.671);font-size:1.125rem;margin-bottom:1.5rem;padding-bottom:.5rem}.admin-profile__info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.admin-profile__info-grid .info-item{display:flex;flex-direction:column;gap:.25rem}.admin-profile__info-grid .info-item .info-label{color:#666;font-size:.875rem}.admin-profile__info-grid .info-item .info-value{font-weight:500}.admin-profile__form{max-width:500px}.admin-profile__form .form-group{margin-bottom:1.5rem}.admin-profile__form .form-group label{color:rgba(33,37,41,.671);display:block;margin-bottom:.25rem}.admin-profile__form .form-group input{border:1px solid #dee2e6;border-radius:.25rem;padding:.5rem 1rem;width:100%}.admin-profile__form .form-group input:focus{border-color:#009ee3;box-shadow:0 0 0 2px #009ee31a;outline:none}.admin-badge{background-color:#009ee3;border-radius:.25rem;color:#fff;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .5rem}.permissions-list{display:flex;flex-direction:column;gap:1rem}.permissions-list .permission-item{align-items:center;background-color:#edf4ff;border-radius:.5rem;display:flex;justify-content:space-between;padding:1rem}@media(max-width:576px){.permissions-list .permission-item{align-items:flex-start;flex-direction:column;gap:1rem}}.permissions-list .permission-item .permission-info{display:flex;flex-direction:column;gap:.25rem}.permissions-list .permission-item .permission-name{font-weight:500}.permissions-list .permission-item .permission-desc{color:#666;font-size:.875rem}.permissions-list .permission-item .permission-badge{border-radius:.25rem;font-size:.875rem;padding:.25rem .5rem}.permissions-list .permission-item .permission-badge.enabled{background-color:#28a7451a;color:#28a745}.activity-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.activity-list .activity-item{align-items:center;border-bottom:1px solid #dee2e6;display:flex;gap:1rem;padding:1rem}.activity-list .activity-item .activity-icon{align-items:center;background-color:#edf4ff;border-radius:50%;color:#009ee3;display:flex;height:40px;justify-content:center;width:40px}.activity-list .activity-item .activity-content{display:flex;flex-direction:column;gap:.25rem}.activity-list .activity-item .activity-content .activity-action{font-weight:500}.activity-list .activity-item .activity-content .activity-date{color:#666;font-size:.875rem}.btn-primary{border-radius:.25rem;padding:.5rem 1.5rem}.btn-outline{background-color:#0000;border:1px solid #009ee3;border-radius:.25rem;color:#009ee3;cursor:pointer;font-weight:500;padding:.5rem 1.5rem;transition:all .2s ease-in-out}.btn-outline:hover{background-color:#009ee30d}.payment-approval-container{padding:0!important}@media(min-width:768px){.payment-approval-container{padding:1.5rem}}.payment-approval__title{font-size:1.875rem;margin:0 0 3rem}.payment-approval__stats{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.payment-approval__stats .stat-card{background-color:#fff;cursor:default;flex:1 1;min-width:200px;padding:1rem;transition:all .2s ease-in-out}.payment-approval__stats .stat-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-5px)}.payment-approval__stats .stat-card__value{color:#009ee3;font-size:1.875rem;font-weight:700;margin-bottom:.25rem}.payment-approval__stats .stat-card__label{color:#666;font-size:.875rem;font-weight:700;margin-bottom:.5rem}.payment-approval__filters-card{background-color:#fff;margin-bottom:1.5rem;padding:1rem}.payment-approval__filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.payment-approval__filters .form-group{flex:1 1;min-width:200px}.payment-approval__filters .form-group.submit-group{align-items:flex-end;display:flex;min-width:auto}.payment-approval__filters .form-label{color:rgba(33,37,41,.671);display:block;font-weight:500;margin-bottom:.25rem}.payment-approval__filters .input-group{position:relative}.payment-approval__filters .input-group .input-icon{color:#666;left:.5rem;position:absolute;top:50%;transform:translateY(-50%)}.payment-approval__filters .form-control{border:1px solid #dee2e6;border-radius:.5rem;font-size:1rem;padding:.5rem .5rem .5rem 2rem;width:100%}.payment-approval__filters .form-control:focus{border-color:#009ee3;box-shadow:0 0 0 2px #009ee333;outline:none}.payment-approval__filters .btn{height:100%;padding:.5rem 1rem}.payment-approval__table-card{background-color:#fff;margin-bottom:1.5rem;overflow:hidden;padding:0}.payment-approval__table{border:1px solid #dee2e6;border-radius:.5rem;overflow-x:auto}.payment-approval__table table{border-collapse:collapse;width:100%}.payment-approval__table table td,.payment-approval__table table th{border-bottom:1px solid #dee2e6;padding:1rem;text-align:left}.payment-approval__table table th{background-color:#edf4ff;color:#666;font-weight:600}.payment-approval__table table tbody tr:hover{background-color:#009ee30d}.payment-approval__table table .no-data{color:#666;padding:1.5rem;text-align:center}.payment-approval__table table .amount{font-family:monospace;font-weight:500}.payment-approval__table table .actions-cell{display:flex;flex-wrap:wrap;gap:1rem}.payment-approval__table table .actions-cell button{padding:4px 10px!important}.payment-approval__pagination{display:flex;justify-content:center;margin-top:1.5rem}.payment-approval__pagination .pagination{display:flex;gap:.25rem;list-style:none}.payment-approval__pagination .pagination-item{display:inline-block}.payment-approval__pagination .pagination-link{align-items:center;border:1px solid #dee2e6;border-radius:.5rem;color:#009ee3;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .2s ease-in-out;width:40px}.payment-approval__pagination .pagination-link.active,.payment-approval__pagination .pagination-link:hover{background-color:#009ee3;border-color:#009ee3;color:#fff}.badge-table-appoval{border-radius:.25rem;display:inline-block;font-size:.875rem;font-weight:500;padding:1rem}.badge-table-appoval--success{color:#28a745}.badge-table-appoval--warning{color:#d39e00}.badge-table-appoval--error{color:#dc3545}.btn-small{align-items:center;border:none;border-radius:.25rem;cursor:pointer;display:inline-flex;gap:.25rem;transition:all .2s ease-in-out}.btn-small.btn-success{background-color:#28a7451a;color:#28a745}.btn-small.btn-success:hover{background-color:#23923d;color:#fff}.btn-small.btn-danger{background-color:#dc35451a;color:#dc3545}.btn-small.btn-danger:hover{background-color:#d32535;color:#fff}.btn-small.btn-view{background-color:#009ee31a;color:#009ee3}.btn-small.btn-view:hover{background-color:#009ee3;color:#fff}.transaction-details{display:flex;flex-direction:column;gap:10px}.detail{border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:5px 0}.key{color:#333;font-weight:700}.value{color:#555;text-align:right}.payment-file{display:flex;justify-content:center;margin:0 auto;max-width:1000px;padding:1.5rem 0}.payment-file .card{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;width:100%}.payment-file .card .card-header{background:#edf4ff;border-bottom:1px solid #dee2e6;padding:1rem 1.5rem}.payment-file .card .card-header h2{color:rgba(33,37,41,.671);font-size:1.125rem;margin:0}.payment-file .card .card-body{padding:1.5rem}@media(max-width:576px){.payment-file .card .card-body{padding:1rem}}.payment-file .info-alert{align-items:flex-start;background-color:#edf4ff;border-left:4px solid #009ee3;border-radius:.5rem;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}@media(max-width:576px){.payment-file .info-alert{flex-direction:column}}.payment-file .info-alert .info-icon{color:#009ee3;flex-shrink:0;font-size:1.125rem;margin-top:.25rem}@media(max-width:576px){.payment-file .info-alert .info-icon{margin-bottom:.25rem}}.payment-file .info-alert .info-text p{color:#666;margin:0}.payment-file .action-container{display:flex;justify-content:center;margin-top:1.5rem}.payment-file .btn-primary{align-items:center;background-color:#009ee3;border:none;border-radius:.25rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1.5rem;transition:all .2s ease-in-out}.payment-file .btn-primary:hover:not(:disabled){background-color:#007bb0;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.payment-file .btn-primary:disabled{background-color:#666;cursor:not-allowed;opacity:.7}.payment-file .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.all-referrals__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.all-referrals__title{color:rgba(33,37,41,.671);margin-bottom:0}.all-referrals__actions{align-items:center;display:flex;gap:1rem;justify-content:center}@media(max-width:768px){.all-referrals__actions{flex-direction:column;width:100%}}.all-referrals__filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}@media(min-width:768px){.all-referrals__filters{flex-wrap:nowrap}}.all-referrals__filters .filter-date,.all-referrals__filters .filter-input,.all-referrals__filters .filter-select{border:1px solid #dee2e6;border-radius:.5rem;font-size:1rem;height:40px;padding:.5rem}.all-referrals__filters .filter-date:focus,.all-referrals__filters .filter-input:focus,.all-referrals__filters .filter-select:focus{border-color:#009ee3;outline:none}.all-referrals__table{border:1px solid #dee2e6;border-radius:.5rem;overflow-x:auto}.all-referrals__table table{border-collapse:collapse;table-layout:fixed;width:100%}.all-referrals__table table td,.all-referrals__table table th{border-bottom:1px solid #dee2e6;padding:1rem;text-align:left}.all-referrals__table table td:first-child,.all-referrals__table table td:nth-child(2),.all-referrals__table table td:nth-child(3),.all-referrals__table table td:nth-child(4),.all-referrals__table table th:first-child,.all-referrals__table table th:nth-child(2),.all-referrals__table table th:nth-child(3),.all-referrals__table table th:nth-child(4){width:25%}.all-referrals__table table th{background-color:#fff;color:#666;font-weight:600;white-space:nowrap}.all-referrals__table table td{white-space:normal;word-break:break-word}.all-referrals__table table td:first-child,.all-referrals__table table td:nth-child(2),.all-referrals__table table td:nth-child(5){max-width:200px;word-break:break-all}.all-referrals__table table tr:hover td{background-color:#ffffff80}.all-referrals__table table .no-data{color:#666;padding:1.5rem;text-align:center}.all-referrals__table table .amount{font-family:monospace;text-align:left;white-space:nowrap}.all-referrals__pagination{align-items:center;display:flex;flex-direction:column;margin-top:1.5rem;padding:1rem 0}@media(min-width:768px){.all-referrals__pagination{align-items:center;flex-direction:row;justify-content:space-between}}.pagination__size-selector{margin-bottom:.5rem}@media(min-width:768px){.pagination__size-selector{margin-bottom:0}}.referral-status--pending{background-color:#ffc1071a;color:#ffc107}.btn-primary{background-color:#009ee3;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease-in-out}.btn-primary:hover{background-color:#007bb0}.btn-primary:disabled{background-color:#4ac8ff;cursor:not-allowed}.btn-secondary{border:1px solid #dee2e6;border-radius:.5rem;color:rgba(33,37,41,.671);cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease-in-out}.btn-secondary,.btn-secondary:hover{background-color:#fff}.btn-secondary:disabled{cursor:not-allowed;opacity:.7}.popup-form{display:flex;flex-direction:column;gap:100%;max-width:500px;width:100%}.popup-container,.popup-container-change-referral{background-color:#fff;border-radius:.5rem;box-shadow:0 1rem 3rem rgba(0,0,0,.175);max-height:90vh;max-width:500px;width:90%;z-index:1001}.popup-container{overflow-y:auto}.input-group{display:flex;flex-direction:column;margin-bottom:.5rem}.input-group__label{color:#666;font-size:.875rem;margin-bottom:.25rem}.input-group__input{background:#fff;border:1px solid #ccc;border-radius:.5rem;font-size:1rem;padding:.5rem;transition:all .2s ease-in-out}.input-group__input:focus{border-color:#009ee3;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);outline:none}.input-group__input--error{border-color:#dc3545}.input-group__search-container{align-items:center;display:flex;position:relative}@media(max-width:768px){.input-group__search-container{width:100%}}.input-group__input-search{background:#fff;border:1px solid #ccc;border-radius:.5rem;font-size:1rem;padding:.5rem 40px .5rem .5rem;transition:all .2s ease-in-out;width:100%}.input-group__input-search:focus{border-color:#009ee3;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);outline:none}.input-group__input-search--error{border-color:#dc3545}.input-group__search-button{align-items:center;background:#0000;border:none;color:#777;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:5px;transition:all .2s ease-in-out;width:30px}.input-group__search-button:hover{color:#009ee3}.input-group__search-button:focus{outline:none}.input-group__search-button svg{height:16px;width:16px}.input-group__error{color:#dc3545;font-size:.875rem;margin-top:.25rem}.input-group__required{color:#dc3545;margin-left:.25rem}@media(max-width:768px){.all-referrals__header{align-items:flex-start;flex-direction:column;gap:.5rem}.all-referrals__header .btn-primary{width:100%}.all-referrals__filters{flex-direction:column}.all-referrals__filters .filter-date,.all-referrals__filters .filter-input,.all-referrals__filters .filter-select{margin-bottom:.5rem;width:100%}.all-referrals__table table td,.all-referrals__table table th{font-size:.9em;padding:.5rem}.all-referrals__table table td:first-child,.all-referrals__table table td:nth-child(2),.all-referrals__table table td:nth-child(3),.all-referrals__table table td:nth-child(4),.all-referrals__table table td:nth-child(5){font-size:.85em;overflow:hidden;text-overflow:ellipsis}.all-referrals__pagination{padding:.5rem 0}.pagination{gap:2px}.pagination__button{font-size:.7875rem;height:1.8rem;min-width:1.8rem}.pagination__info{font-size:.7875rem;margin-top:.5rem}.popup-actions{flex-direction:column}.popup-actions button{width:100%}}@media(max-width:480px){.all-referrals__table{overflow-x:auto}.all-referrals__table table{min-width:800px}.popup-container{width:95%}.pagination__button{font-size:.74375rem;height:1.6rem;min-width:1.6rem}}.autocomplete-container{display:block;position:relative;width:100%}.autocomplete-container .input-group__input{box-sizing:border-box!important;display:block;max-width:none!important;min-width:100%!important;padding-right:40px!important;position:relative;width:100%!important}.autocomplete-container .autocomplete-icon{color:#666;cursor:pointer;height:16px;pointer-events:auto;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease-in-out;width:16px;z-index:2}.autocomplete-container .autocomplete-icon:hover{color:#009ee3}.autocomplete-container .autocomplete-icon--rotated{transform:translateY(-50%) rotate(180deg)}.input-group{margin-bottom:1rem;width:100%}.input-group .autocomplete-container{width:100%}.input-group .autocomplete-container .input-group__input{width:100%!important}.autocomplete-dropdown{animation:dropdownSlide .2s ease-out;background-color:#fff;border:1px solid #dee2e6;border-radius:0 0 .5rem .5rem;border-top:none;box-shadow:0 1rem 3rem rgba(0,0,0,.175);left:0;margin-top:10px;max-height:220px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1002!important}.autocomplete-dropdown::-webkit-scrollbar{width:6px}.autocomplete-dropdown::-webkit-scrollbar-track{background:#fff}.autocomplete-dropdown::-webkit-scrollbar-thumb{background:#b3b3b3;border-radius:3px}.autocomplete-dropdown::-webkit-scrollbar-thumb:hover{background:#666}.autocomplete-dropdown .autocomplete-loading{align-items:center;color:#666;display:flex;gap:.25rem;justify-content:center;min-height:60px;padding:1rem;text-align:center}.autocomplete-dropdown .autocomplete-option{border-bottom:1px solid #dee2e680;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;padding:.5rem 1rem;transition:all .2s ease-in-out}.autocomplete-dropdown .autocomplete-option:last-child{border-bottom:none}.autocomplete-dropdown .autocomplete-option:hover{background-color:#009ee30d;border-left:3px solid #009ee3;padding-left:calc(1rem - 3px)}.autocomplete-dropdown .autocomplete-option:active{background-color:#009ee31a}.autocomplete-dropdown .autocomplete-option .option-code{color:rgba(33,37,41,.671);font-size:1rem;font-weight:600;line-height:1.2}.autocomplete-dropdown .autocomplete-option .option-name{color:#666;font-size:.875rem;line-height:1.2;margin-top:2px}.autocomplete-dropdown .autocomplete-option--selected{background-color:#009ee31a;border-left:3px solid #009ee3;padding-left:calc(1rem - 3px)}.autocomplete-dropdown .autocomplete-option--selected .option-code{color:#009ee3}.autocomplete-dropdown .autocomplete-no-results{align-items:center;background-color:#ffffff80;color:#666;display:flex;font-size:.875rem;font-style:italic;justify-content:center;min-height:60px;padding:1rem;text-align:center}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.autocomplete-container.active .input-group__input{border-bottom-color:#0000;border-radius:.5rem .5rem 0 0;box-shadow:none}.autocomplete-container.active .input-group__input:focus{border-color:#009ee3;box-shadow:none}@media(max-width:768px){.autocomplete-dropdown{max-height:180px}.autocomplete-dropdown .autocomplete-option{padding:.5rem}.autocomplete-dropdown .autocomplete-option .option-code{font-size:.875rem}.autocomplete-dropdown .autocomplete-option .option-name{font-size:.7875rem}.autocomplete-dropdown .autocomplete-option--selected,.autocomplete-dropdown .autocomplete-option:hover{padding-left:calc(.5rem - 3px)}.autocomplete-dropdown .autocomplete-loading,.autocomplete-dropdown .autocomplete-no-results{font-size:.7875rem;min-height:50px;padding:.5rem}.autocomplete-container .autocomplete-icon{right:10px}}@media(max-width:480px){.autocomplete-dropdown{max-height:160px}.autocomplete-dropdown .autocomplete-option .option-code{font-size:.7875rem}.autocomplete-dropdown .autocomplete-option .option-name{font-size:.7rem}}.all-referral-codes__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.all-referral-codes__title{color:rgba(33,37,41,.671);margin-bottom:0}.all-referral-codes__table{border:1px solid #dee2e6;border-radius:.5rem;overflow-x:auto}.all-referral-codes__table table{border-collapse:collapse;table-layout:fixed;width:100%}.all-referral-codes__table table td,.all-referral-codes__table table th{border-bottom:1px solid #dee2e6;padding:1rem;text-align:left}.all-referral-codes__table table td:first-child,.all-referral-codes__table table th:first-child{width:25%}.all-referral-codes__table table td:nth-child(2),.all-referral-codes__table table th:nth-child(2){width:20%}.all-referral-codes__table table td:nth-child(3),.all-referral-codes__table table th:nth-child(3){width:30%}.all-referral-codes__table table td:nth-child(4),.all-referral-codes__table table td:nth-child(5),.all-referral-codes__table table th:nth-child(4),.all-referral-codes__table table th:nth-child(5){width:10%}.all-referral-codes__table table th{background-color:#fff;color:#666;font-weight:600;white-space:nowrap}.all-referral-codes__table table td{white-space:normal;word-break:break-word}.all-referral-codes__table table td:first-child,.all-referral-codes__table table td:nth-child(3){max-width:200px;word-break:break-all}.all-referral-codes__table table tr:hover td{background-color:#ffffff80}.all-referral-codes__table table .no-data{color:#666;padding:1.5rem;text-align:center}.all-referral-codes__pagination{align-items:center;display:flex;flex-direction:column;margin-top:1.5rem;padding:1rem 0}@media(min-width:768px){.all-referral-codes__pagination{align-items:center;flex-direction:row;justify-content:space-between}}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;margin-bottom:1rem}@media(min-width:768px){.pagination{flex-wrap:nowrap;margin-bottom:0}}.pagination__container{align-items:center;display:flex;flex-direction:column;width:100%}@media(min-width:768px){.pagination__container{align-items:center;flex-direction:row;justify-content:space-between}}.pagination__button{align-items:center;background-color:#fff;border:1px solid #dee2e6;border-radius:.5rem;color:#666;cursor:pointer;display:flex;font-size:.875rem;height:2.2rem;justify-content:center;min-width:2.2rem;padding:.25rem;transition:all .2s ease-in-out}.pagination__button:hover:not(:disabled){background-color:#009ee31a;border-color:#009ee3;color:#009ee3}.pagination__button:disabled{cursor:not-allowed;opacity:.5}.pagination__button--active{background-color:#009ee3;border-color:#009ee3;color:#fff}.pagination__button--active:hover{background-color:#007bb0}.pagination__button--nav{font-weight:700}.pagination__ellipsis{align-items:center;color:#666;display:flex;height:2.2rem;justify-content:center;min-width:2.2rem}.pagination__info{color:#666;font-size:.875rem;margin-top:.5rem;text-align:center}@media(min-width:768px){.pagination__info{margin-left:1rem;margin-top:0;text-align:right}}.pagination__size-selector{align-items:center;display:flex}.pagination__size-label{color:#666;font-size:.875rem;margin-right:.25rem}.pagination__size-select{border:1px solid #dee2e6;border-radius:.5rem;font-size:1rem;height:35px;padding:.25rem;text-align:center;width:60px}.pagination__size-select:focus{border-color:#009ee3;outline:none}.referral-status{border-radius:.5rem;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .5rem;text-align:left}.referral-status--active{background-color:#28a7451a;color:#28a745}.referral-status--inactive{background-color:#6666661a;color:#666}.btn-small{border-radius:10px;font-size:.875rem;padding:.25rem .5rem}.details-list{gap:.5rem}.details-item,.details-list{display:flex;flex-direction:column}.details-item{margin-bottom:.25rem}.details-item .details-label{color:#666;font-size:.875rem;margin-bottom:.25rem}.details-item .details-value{color:rgba(33,37,41,.671);font-weight:600}.details-item .details-value.status-active{color:#28a745}.details-item .details-value.status-inactive{color:#666}.popup-overlay{background-color:#00000080;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-header,.popup-overlay{align-items:center;display:flex}.popup-header{border-bottom:1px solid #dee2e6;justify-content:space-between;padding:1rem}.popup-header h3{color:rgba(33,37,41,.671);font-size:1.125rem;margin:0}.popup-header .popup-close{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;transition:all .2s ease-in-out}.popup-header .popup-close:hover{color:rgba(33,37,41,.671)}.popup-content{padding:1rem}.popup-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem}@media(max-width:768px){.all-referral-codes__header{align-items:flex-start;flex-direction:column;gap:.5rem}.all-referral-codes__table table td,.all-referral-codes__table table th{font-size:.9em;padding:.5rem}.all-referral-codes__table table td:first-child,.all-referral-codes__table table td:nth-child(2),.all-referral-codes__table table td:nth-child(3){font-size:.85em;overflow:hidden;text-overflow:ellipsis}.all-referral-codes__pagination{padding:.5rem 0}.pagination{gap:2px}.pagination__button{font-size:.7875rem;height:1.8rem;min-width:1.8rem}.pagination__info{font-size:.7875rem;margin-top:.5rem}}@media(max-width:480px){.all-referral-codes__table{overflow-x:auto}.all-referral-codes__table table{min-width:800px}.pagination__button{font-size:.74375rem;height:1.6rem;min-width:1.6rem}}.loader-container{min-height:200px}body{background-color:#e4e9f7;color:rgba(33,37,41,.671);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;line-height:1.5}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}body{-moz-osx-font-smoothing:grayscale;background-color:#e4e9f7!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;-moz-box-sizing:border-box;margin:0;outline:0;padding:0}html{background-color:#e4e9f7!important;height:100%;overflow-x:hidden}body{-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{max-width:100%}button,input,select,textarea{font:inherit}li{list-style:none}a{text-decoration:none}fieldset{border:none}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#__next,#root{isolation:isolate}*{scrollbar-color:#009ee3 #fff;scrollbar-width:thin}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background-color:#009ee3;border:3px solid #fff;border-radius:14px}::selection{background-color:#009ee3;color:#fff}.loader-container{align-items:center;background-color:initial!important;box-shadow:none!important;display:flex;flex-direction:column;gap:1rem;height:50vh;justify-content:center}
/*# sourceMappingURL=main.b875e716.css.map*/