:root{font-family:Plus Jakarta Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--primary-color: #3F63B0;--bg-primary: #F4F7FE;--text-navy: #1B2559;--text-muted: #A3AED0;--dashboard-primary-color: #3F63B0;--dashboard-bg-color: #FFFFFF}a{font-weight:500;color:#3f63b0;text-decoration:inherit}a:hover{color:#2f4d90}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-navy)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}.auth-container{display:flex;background-color:#e9f1ff}.register-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.auth-right,.auth-left{flex:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.auth-left{border:solid 1px #E9F1FF;overflow:hidden;border-top-right-radius:50px;border-bottom-right-radius:50px;background-color:#fff}.auth-left>div{align-items:start;display:flex;flex-direction:column;gap:20px}.auth-title{font-size:30px}.auth-btn{color:#fff;background-color:var(--primary-color)}.otp-input-container{display:flex;gap:10px;justify-content:center}.otp-input-container input[maxLength="1"]{width:50px;height:50px;font-size:xx-large;text-align:center;border:solid 1px var(--primary-color)}@media only screen and (max-width:500px){.auth-left{display:none}}form{display:flex;flex-direction:column;gap:25px;text-align:center}.form-label{color:#000;font-weight:600}.form-input{background-color:#fff;min-width:450px;padding:20px 15px;border-color:var(--primary-color)}@media only screen and (max-width:500px){.form-input{min-width:325px;padding:20px 15px}}.sidebar-container{width:260px;min-height:100vh;background-color:#fff;border-right:1px solid #E2E8F0;padding:32px 24px;display:flex;flex-direction:column;box-sizing:border-box;transition:all .3s ease}.sidebar-logo-container{display:flex;align-items:center;gap:12px;margin-bottom:48px;padding-left:8px}.sidebar-logo-text{display:flex;flex-direction:column}.sidebar-logo-brand{font-size:20px;font-weight:800;color:#1b2559;letter-spacing:.5px;line-height:1.1}.sidebar-logo-sub{font-size:13px;font-weight:500;color:#707eae}.route-tabs-container{display:flex;flex-direction:column;gap:12px;flex:1}.route-tab{display:flex;align-items:center;gap:16px;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:600;color:#707eae;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.route-tab svg{color:#a3aed0;transition:color .2s ease}.route-tab:hover{color:#1b2559;background-color:#f4f7fe}.route-tab:hover svg{color:#1b2559}.route-tab.active-route{background-color:#3f63b0;color:#fff;box-shadow:0 10px 20px #3f63b026}.route-tab.active-route svg{color:#fff}.sidebar-footer{margin-top:auto;padding-top:24px;border-top:1px solid #F4F7FE}.logout-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;background-color:#fff5f5;color:#e53e3e;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background-color:#fed7d7;color:#c53030;transform:translateY(-1px)}@media only screen and (max-width:768px){.sidebar-container{width:80px;padding:24px 12px;align-items:center}.sidebar-logo-text,.route-tab span,.logout-btn span{display:none!important}.route-tab{padding:14px;justify-content:center;border-radius:50%}}.dashboard{display:flex;min-height:100vh;width:100%;box-sizing:border-box}.dashboard-sidebar-container{flex-shrink:0}.dashboard-main-container{flex:1;display:flex;flex-direction:column;overflow-y:auto;max-height:100vh;box-sizing:border-box}.dashboard-view-container{padding:0 24px 24px;background-color:transparent;display:flex;flex-direction:column;gap:24px;box-sizing:border-box;width:100%}.wallet-banner-container{background-color:#fff;border-radius:16px;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 30px #00000005;border:1px solid rgba(226,232,240,.5);box-sizing:border-box}.wallet-info-side{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.wallet-label{font-size:16px;font-weight:600;color:#4a5568;letter-spacing:.3px}.wallet-balance-box{display:flex;align-items:center;gap:16px}.wallet-balance-amount{font-size:32px;font-weight:800;color:#1b2559;letter-spacing:-.5px;transition:filter .2s ease}.wallet-balance-amount.blurred{filter:blur(8px);-webkit-user-select:none;user-select:none}.wallet-eye-toggle{color:#a3aed0;cursor:pointer;transition:color .2s ease;display:flex;align-items:center}.wallet-eye-toggle:hover{color:#3f63b0}.wallet-retirer-btn{background-color:#3f63b0;color:#fff;font-size:15px;font-weight:700;padding:14px 36px;border:none;border-radius:12px;cursor:pointer;box-shadow:0 10px 20px #3f63b033;transition:all .2s ease}.wallet-retirer-btn:hover{background-color:#2f4d90;transform:translateY(-2px);box-shadow:0 12px 24px #3f63b04d}.wallet-retirer-btn:active{transform:translateY(0)}.fleats-grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%}.fleat-card{background-color:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 30px #00000005;border:1px solid rgba(226,232,240,.5);display:flex;flex-direction:column;box-sizing:border-box;transition:all .3s cubic-bezier(.4,0,.2,1)}.fleat-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0000000d;border-color:#3f63b033}.fleat-card-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.fleat-card-icon-wrapper{background-color:#fff9e6;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fleat-card-icon{color:#ffb547}.fleat-card-title{font-size:16px;font-weight:700;color:#1b2559;margin:0;letter-spacing:.2px}.fleat-card-divider{height:1px;background-color:#f4f7fe;width:100%;margin-bottom:8px}.fleat-card-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #F4F7FE}.fleat-card-row:last-child{border-bottom:none;padding-bottom:0}.fleat-card-row-label{font-size:13px;font-weight:500;color:#8f9bba}.fleat-card-row-value{font-size:14px;font-weight:700;color:#1b2559}@media only screen and (max-width:1100px){.fleats-grid-container{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:768px){.fleats-grid-container{grid-template-columns:1fr}.wallet-banner-container{flex-direction:column;align-items:flex-start;gap:20px;padding:20px}.wallet-retirer-btn{width:100%}}.header-container{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background-color:transparent;box-sizing:border-box;width:100%}.header-title{font-size:26px;font-weight:700;color:#1b2559;margin:0}.header-controls{display:flex;align-items:center;gap:20px}.header-search-container{display:flex;align-items:center;gap:10px;background-color:#f4f7fe;padding:10px 18px;border-radius:30px;width:320px;box-sizing:border-box;transition:all .2s ease;border:1px solid transparent}.header-search-container:focus-within{border-color:#3f63b0;background-color:#fff;box-shadow:0 4px 12px #3f63b014}.header-search-icon{color:#ffb547}.header-search-input{border:none!important;background:transparent!important;outline:none!important;color:#1b2559!important;font-size:14px;width:100%;padding:0!important;height:auto!important}.header-search-input::placeholder{color:#8f9bba}.header-lang-selector{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#1b2559;cursor:pointer;padding:6px 12px;border-radius:8px;transition:background-color .2s ease}.header-lang-selector:hover{background-color:#e2e8f0}.header-lang-flag{width:20px;height:14px;object-fit:cover;border-radius:2px;box-shadow:0 1px 3px #0000001a}.header-lang-arrow{color:#a3aed0}.header-bell-btn{position:relative;background-color:#fff9e6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.header-bell-btn:hover{background-color:#feebc8;transform:scale(1.05)}.header-bell-icon{color:#ffb547}.header-bell-badge{position:absolute;top:10px;right:10px;width:8px;height:8px;background-color:#ff5a5f;border-radius:50%;border:1.5px solid #FFFFFF}.header-profile-container{display:flex;align-items:center;gap:12px;cursor:pointer;padding:4px 8px;border-radius:12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.header-profile-container:hover{background-color:#f4f7fe}.header-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 4px 8px #00000014}.header-profile-text{display:flex;flex-direction:column}.header-profile-name{font-size:14px;font-weight:700;color:#1b2559;line-height:1.2}.header-profile-role{font-size:11px;font-weight:600;color:#8f9bba;margin-top:2px}.header-profile-arrow{color:#a3aed0;margin-left:4px}@media only screen and (max-width:900px){.header-container{flex-direction:column;align-items:flex-start;gap:16px}.header-controls{width:100%;justify-content:space-between;flex-wrap:wrap;gap:12px}.header-search-container{width:100%;order:2}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media(prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.react-responsive-modal-root{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000}.react-responsive-modal-overlay{background:#00000080;position:fixed;top:0;bottom:0;left:0;right:0;z-index:-1}.react-responsive-modal-container{height:100%;outline:0;overflow-x:hidden;overflow-y:auto;text-align:center}.react-responsive-modal-containerCenter:after{width:0;height:100%;content:"";display:inline-block;vertical-align:middle}.react-responsive-modal-modal{max-width:800px;display:inline-block;text-align:left;vertical-align:middle;background:#fff;box-shadow:0 12px 15px #00000040;margin:1.2rem;padding:1.2rem;position:relative;overflow-y:auto}.react-responsive-modal-closeButton{position:absolute;top:14px;right:14px;border:none;padding:0;cursor:pointer;background-color:transparent;display:flex}.react-responsive-modal-overlay,.react-responsive-modal-container,.react-responsive-modal-modal{animation-fill-mode:forwards!important}@keyframes react-responsive-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes react-responsive-modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes react-responsive-modal-modal-in{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes react-responsive-modal-modal-out{0%{transform:scale(1);opacity:1}to{transform:scale(.96);opacity:0}}