@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";html{-webkit-text-size-adjust:100%}html:focus-within{scroll-behavior:smooth}body{text-size-adjust:100%;position:relative;width:100%;min-height:100vh;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed}*,::after,::before{box-sizing:border-box}a:not([class]){text-decoration-skip-ink:auto}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;margin:0;padding:0;border:0;vertical-align:baseline}:focus{outline:0}main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}input:required,input{box-shadow:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #fff inset}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}input:focus{outline:none}audio,canvas,video{display:inline-block;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}a:active,a:hover{outline:none}img{max-width:100%;display:inline-block;vertical-align:middle;height:auto}picture{display:inline-block}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;border:0;background:rgba(0,0,0,0)}button[disabled],html input[disabled]{cursor:default}[disabled]{pointer-events:none}input[type=checkbox],input[type=radio]{padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button{border:0;background:rgba(0,0,0,0)}textarea{overflow:auto;vertical-align:top;resize:vertical}table{border-collapse:collapse;border-spacing:0;text-indent:0}hr{box-sizing:content-box;overflow:visible;background:#000;border:0;height:1px;line-height:0;margin:0;padding:0;page-break-after:always;width:100%}pre{font-family:monospace,monospace;font-size:100%}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:none}code,kbd,pre,samp{font-family:monospace,monospace}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-5px}sup{top:-5px}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1;margin:0;padding:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0;outline:0}legend{color:inherit;white-space:normal;display:block;border:0;max-width:100%;width:100%}fieldset{min-width:0}body:not(:-moz-handler-blocked) fieldset{display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}template{display:none}body{font-family:"Montserrat",sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-size:14px}h1,h2,h3,h4,h5,h6{font-family:"Inter",sans-serif}body{background:#121631}.content-wrapper{margin-left:360px;display:flex;align-items:flex-start;justify-content:center;min-height:100vh;padding-bottom:80px}a{cursor:pointer !important;transition:.24s all !important}.main-navbar{display:flex;width:100%;padding:24px 0;justify-content:space-between;align-items:center}.main-navbar .sub-site-nav{display:flex;padding:12px 16px;justify-content:flex-start;align-items:center;gap:8px}.main-navbar .sub-site-nav .sub-site .nav-link{display:flex;padding:12px 16px;justify-content:center;align-items:center;gap:8px;border-radius:12px;color:#ded3b1}.main-navbar .sub-site-nav .sub-site .nav-link:hover{background:hsla(0,0%,100%,.05)}.main-navbar .sub-site-nav .sub-site .active{background:linear-gradient(180deg, #DED3B1 0%, #787260 100%);color:#121631}.main-navbar .sub-site-nav .sub-site .active:hover{background:linear-gradient(180deg, #DED3B1 0%, #787260 100%)}.main-navbar img{height:32px;width:auto;flex-shrink:0}.site-navigation{display:flex;width:100%;margin-top:-8px;padding:16px;align-items:center}.site-navigation .nav-item{display:flex;align-items:center;gap:4px}.site-navigation .nav-item .nav-link{color:#fff;opacity:.4;display:flex;align-items:center;gap:4px;transition:.24s all}.site-navigation .nav-item .nav-link:hover{opacity:.8;transition:.24s all}.site-navigation .nav-item .menu{display:none}.site-navigation .nav-item .active{opacity:1}.site-navigation .nav-item .active:hover{opacity:1}.sidebar{background:#13183c;border-right:1px solid #1d2761;position:fixed;overflow-y:scroll;top:0;left:0;width:360px;height:100%;padding:24px;display:flex;gap:40px;transform:translateX(-100%);transition:transform .3s ease;z-index:999;scrollbar-width:none;-ms-overflow-style:none}.sidebar ::-webkit-scrollbar{display:none}.sidebar.open{transform:translateX(0)}.sidebar .sidebar-profile{width:100%;background:#1d2761;border-radius:12px;padding:16px;margin-bottom:-24px;display:flex;justify-content:space-between;align-items:center;align-self:stretch}.sidebar .sidebar-profile .name{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;flex:1 0 0}.sidebar .sidebar-profile .name h5{font-weight:700;font-size:22px;line-height:24px;color:#fff}.sidebar .sidebar-profile .name span{color:#ded3b1;font-size:14px;line-height:22px}.sidebar .sidebar-profile .point{display:flex;padding:0px 12px;flex-direction:column;justify-content:center;align-items:flex-end;gap:4px;flex:1 0 0}.sidebar .sidebar-profile .point .head{display:flex;align-items:center;gap:4px;color:#ded3b1;font-size:14px;font-weight:700;line-height:22px}.sidebar .sidebar-profile .point h5{color:#fff;font-size:22px;font-weight:700;line-height:24px}.sidebar .tasks{display:flex;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch;width:100%}.sidebar .tasks .header{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:4px}.sidebar .tasks .header h3{color:#fff;font-size:24px;font-style:normal;font-weight:700;line-height:32px}.sidebar .tasks .header span{color:#fff;text-align:center;font-size:14px;font-style:normal;font-weight:500;line-height:22px;opacity:.4}.sidebar .tasks ul,.sidebar .tasks li{width:100%}.sidebar .tasks .card{width:100%;display:flex;flex-direction:row;padding:16px;align-items:center;gap:12px;align-self:stretch;border-radius:12px;background:#1d2761}.sidebar .tasks .card .content h5{color:#fff;font-size:18px;font-style:normal;font-weight:700;line-height:26px}.sidebar .tasks .card .content span{color:#fff;font-size:12px;font-style:normal;font-weight:500;line-height:22px;opacity:.4}.sidebar .tasks .done{opacity:.4}.sidebar .sub-menu{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:32px;align-self:stretch;padding-top:32px;border-top:1px solid #2a3056}.sidebar .sub-menu .nav-link{cursor:pointer;padding-left:0;text-align:center;font-size:16px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:-0.5px;color:#fff;opacity:.4}.sidebar .sub-menu .nav-link:hover{opacity:.8}.sidebar .sub-menu .active{opacity:1}.hamburger{display:block;top:18px;left:15px;cursor:pointer;position:absolute}.hamburger div{width:30px;height:3px;background-color:#fff;margin:5px 0;transition:.4s}.mobile-accordion button{display:none}@media(max-width: 991px){body{padding-top:56px}.mobile-nav{position:fixed;display:flex;justify-content:center;top:0;height:64px;width:100%;background:#1d2761;border:1px solid #13183c;z-index:1000}.mobile-nav img{height:40px;margin-top:12px}.sidebar{transform:translateX(-100%);transition:transform .3s ease;display:flex;flex-wrap:nowrap;overflow:auto;margin-top:64px;width:100% !important}.sidebar .brand-desktop{display:none}.sidebar .sub-menu{margin-top:-12px;padding-top:16px;gap:16px}.sidebar .tasks li:last-child{display:none}.sidebar.active,.sidebar.open{transform:translateX(0)}.content-wrapper{padding-bottom:24px}.content-wrapper .main-navbar{padding:12px 0;padding-bottom:0}.content-wrapper .main-navbar .sub-site-nav{display:flex;padding:12px 16px;padding-bottom:0;justify-content:flex-start;align-items:center;gap:8px;flex-direction:row;flex-wrap:nowrap;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;padding-left:0}.content-wrapper .main-navbar .sub-site-nav span{text-wrap:nowrap}.content-wrapper .site-navigation{align-items:flex-start;flex-direction:column;padding:16px 0}.content-wrapper .site-navigation li{width:100%}.content-wrapper .site-navigation li a{width:100%;padding:12px 0px}.content-wrapper .bat-logo{display:none}.mobile-accordion{position:relative;height:60px;overflow:hidden;transition:.32s all}.mobile-accordion button{position:absolute;display:block;right:0;top:12px;padding:5px;background:none;border:none;cursor:pointer;z-index:99}.mobile-accordion button svg{transition:transform .3s ease}.mobile-accordion.open{max-height:auto}.mobile-accordion.open button svg{transform:rotate(180deg)}.site-navigation{overflow:hidden}.site-navigation .nav-item .menu{display:block;margin-top:4px;font-weight:700;opacity:1;color:#fff}}@media(min-width: 992px){.sidebar{transform:translateX(0);display:flex;flex-wrap:nowrap}.hamburger{display:none}.mobile-nav{display:none}}.brands{display:flex;flex-direction:column;gap:24px;margin-top:40px}.brands h3{color:#fff;font-size:24px;font-style:normal;font-weight:700;line-height:32px}.brands .brand-container{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px}.brands .brand-item{transition:transform .2s}.brands .brand-item img{width:100%;height:auto;display:block}.brands .brand-item:hover{transform:scale(1.01)}.list{display:flex;flex-direction:column;gap:16px}.list .head{display:flex;flex-direction:row;width:100%;padding:24px;align-items:center;gap:16px;border-radius:12px;background-color:#13183c;justify-content:space-between}.list .head h2{color:#fff;font-size:24px;font-weight:700;line-height:32px}.list .head a{display:flex;padding:8px 12px;justify-content:center;align-items:center;gap:8px;background:#ded3b1;border-radius:8px;color:#121631;font-size:14px;font-weight:600;line-height:22px;text-decoration:none;cursor:pointer}.list .head a:hover{background:#b8ad8f}.list .head .head-top{display:flex;justify-content:space-between;flex-direction:row;align-items:center;width:100%}.list .head .head-filters{width:100%}.list .ads-table{display:flex !important;flex-direction:column !important}.list .compact{flex-direction:column;gap:4px;align-items:flex-start;margin-bottom:16px}.list .compact span{font-size:15px;color:#fff;opacity:.6}.list .table-container{background:#13183c;overflow:hidden;border-radius:12px;padding:16px}.list .table-container th,.list .table-container td{background:#13183c;border-bottom:1px solid #222858}.list .table-container tr th{color:hsla(0,0%,100%,.5)}.list .table-container tr .title h3{color:#fff;opacity:.9}.list .table-container tr .title span{background:#b5b8cf}.list .table-container tr .date{color:#6c6e7d}.list .table-container tr .rejected{border:1px solid #6c6e7d;color:#6c6e7d}.list .table-container tr .amount b{color:#fff}.list .table-container .footable-pagination-wrapper .pagination li a{color:#6c6e7d;border:1px solid #6c6e7d}.list .table-container .footable-pagination-wrapper .pagination .active a{color:#fff;background:#3142a4;border:1px solid #3142a4}.list .table-container .footable-pagination-wrapper .label{color:#6c6e7d}.list .table-container .footable-detail-row td{background:#13183c !important}.list .table-container .messages .message-item a{color:#fff}.list .table-container .messages .message-item a p{opacity:.64}@media(max-width: 991px){.list .head{padding:16px;gap:16px;margin-top:16px}.list .table-container{padding:0 16px}.list .table-container .table .image,.list .table-container .table .message-item{margin-bottom:16px;position:relative}.list .table-container .table .title{padding-top:40px}.list .table-container .table span.footable-toggle{display:flex;margin-right:8px;opacity:1;width:24px;height:24px;background:#2a44d1;color:#fff;justify-content:center;align-items:center;border-radius:100px;position:absolute;top:18px;left:-2px}.list .table-container .messages span.footable-toggle{top:16px !important;right:0 !important;left:auto !important}.list .table-container .footable-detail-row td{background:#f6f6f6}.list .table-container .footable-details tbody th{display:none}.list .table-container .footable-details tbody td{padding:4px 0}.list .table-container .footable-details tbody tr{border:none}.list .table-container .footable-details tbody .date,.list .table-container .footable-details tbody .status{text-align:left}.list .table-container .footable-details tbody .status div{width:100%;text-align:center;justify-content:center}.list .add-list{padding:16px 0}.list .incontent{padding:24px 16px}.fooicon-plus:before,.fooicon-minus:before{font-size:24px;margin-top:-2px}}.footable-pagination-wrapper{display:flex;justify-content:space-between}.footable-pagination-wrapper .pagination{display:flex;gap:8px;margin-top:6px}.footable-pagination-wrapper .pagination li a{padding:6px 12px;border:1px solid #e9e9e9;border-radius:4px;text-decoration:none;color:#121631}.footable-pagination-wrapper .pagination .active a{border:1px solid #121631;background-color:#121631;color:#fff}.footable-pagination-wrapper .label{padding:6px 12px}table.dataTable tbody tr .message-item{padding-top:16px;padding-bottom:16px}table.dataTable tbody tr .message-item h3{color:#fff;font-size:18px;font-weight:600;line-height:24px;margin-bottom:8px}table.dataTable tbody tr .message-item p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;color:hsla(0,0%,100%,.7);font-size:14px;line-height:1.5;text-overflow:ellipsis;margin:0}table.dataTable tbody tr .message-item a{text-decoration:none;color:#fff;display:block}table.dataTable tbody tr .message-item.unread{opacity:.6}table.dataTable tbody tr .date{color:#6c6e7d;font-size:14px;font-weight:600;line-height:1.5;white-space:nowrap;vertical-align:middle}@media(max-width: 991px){table.dataTable tbody tr .message-item{padding-right:40px;position:relative}.dtr-control:before{position:absolute !important;top:18px !important;right:8px !important;left:auto !important}}.dataTables_wrapper{color:#fff}table.dataTable{color:#fff;border-collapse:collapse}table.dataTable thead th,table.dataTable thead td,table.dataTable tbody td{border-bottom:1px solid #222858;padding:15px 10px}table.dataTable tbody tr{background-color:#13183c}table.dataTable tbody tr:hover{background-color:#1d2761}.dataTables_info,.dataTables_paginate{margin-top:15px;color:#6c6e7d;display:flex;align-items:center;justify-content:center;text-align:center}.dataTables_info{margin-bottom:16px}.dataTables_paginate a{padding:8px 16px;color:#2a44d1;text-decoration:none}.dataTables_paginate .current{background:#2a44d1;color:#fff;border-radius:4px}.dataTables_paginate .disabled{opacity:.6}.page-item.active .page-link{background-color:#3142a4;border-color:#3142a4}.page-link{color:#6c6e7d;background-color:rgba(0,0,0,0);border:1px solid #6c6e7d}.page-link:hover{color:#fff;background-color:#2a3056;border-color:#6c6e7d}.dataTables_filter,.dataTables_length{margin-bottom:15px}.dataTables_length select{padding:6px 8px;border-radius:4px;border:none}.dataTables_length label{display:flex;flex-direction:row;align-items:center;gap:8px;margin-left:12px}.filter-container{display:flex;flex-wrap:wrap;gap:15px;padding-top:16px;border-top:1px solid #2a3056}.filter-item{flex:1;min-width:200px}.filter-item label{display:block;margin-bottom:8px;color:#fff;font-weight:500}.filter-item select,.filter-item input{width:100%;padding:8px 12px;border-radius:8px;background-color:#1d2761;border:1px solid #222858;color:#fff !important}.filter-item select:focus,.filter-item input:focus{outline:none;border-color:#ded3b1}#date-range::placeholder{color:#fff !important}.image-cell{width:140px}.image-cell img{width:140px;height:auto;object-fit:fill;border-radius:12px}.form-select{color:#fff !important;fill:#fff !important}.filter-item select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px}.title-cell span{display:inline-block;padding:4px 8px;border-radius:100px;background:#dbdef2;color:#121631;font-size:10px;font-weight:700;line-height:1;margin-bottom:8px}.title-cell h3{color:#fff;opacity:.8;font-size:16px;font-weight:500;line-height:1.4;margin:0}.amount-cell span{color:#6c6e7d;font-size:14px;line-height:1.5;display:block}.amount-cell b{color:#fff;font-size:16px;font-weight:700;line-height:1.5}.date-cell{color:#6c6e7d !important;font-size:14px;font-weight:600;line-height:1.5}.status-cell .rejected{display:inline-flex;padding:6px 10px;border-radius:8px;border:1px solid #8f8f8f;color:#8f8f8f;font-size:14px;font-weight:600;line-height:1.5;white-space:nowrap}.status-cell .approved{display:inline-flex;padding:6px 10px;border-radius:8px;border:1px solid #3142a4;background:#3142a4;color:#fff;font-size:14px;font-weight:600;line-height:1.5;white-space:nowrap}table.dataTable>tbody>tr{position:relative}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{color:#fff !important;background:#3142a4 !important;height:28px;width:28px;display:flex;align-items:center;text-align:center;padding:6px;padding-left:6px;border-radius:100px;position:absolute;left:0 !important;margin-top:-8px}table.dataTable>tbody>tr.child ul.dtr-details{width:100%;border-radius:0;background:rgba(0,0,0,0)}table.dataTable>tbody>tr.child ul.dtr-details li{padding:16px 0 !important}.rejected{text-align:center;padding:12px}.select2-container--bootstrap-5.select2-container--focus .select2-selection,.select2-container--bootstrap-5.select2-container--open .select2-selection{border-color:#ded3b1 !important;box-shadow:0 0 0 .25rem rgba(222,211,177,.25) !important}.select2-container--bootstrap-5 .select2-dropdown{background-color:#1d2761;border-color:#222858;border-radius:8px;box-shadow:0 .5rem 1rem rgba(0,0,0,.2)}.select2-container--bootstrap-5 .select2-dropdown .select2-results__option{color:hsla(0,0%,100%,.8);padding:8px 12px}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted{background:#2a44d1 !important}.select2-container .select2-selection--single .select2-selection__rendered{color:#fff !important}.select2-container--bootstrap-5 .select2-selection--single{width:100%;padding:8px 12px !important;border-radius:8px !important;height:42px !important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;background-color:#1d2761 !important;border:1px solid #222858 !important;color:#fff !important}.select2-container--bootstrap-5 .select2-selection--single ::placeholder{color:#fff !important}.select2-container--bootstrap-5 .select2-dropdown{background-color:#222858 !important;border:none !important}.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder{color:#fff !important}.select2-container--bootstrap-5 .select2-dropdown .select2-results__option--highlighted{background-color:#3142a4;color:#fff !important}.select2-container--bootstrap-5 .select2-dropdown .select2-search{margin:8px 0}.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field{background-color:#13183c;border:1px solid #222858;border-radius:6px;color:#fff;padding:8px 12px}.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus{border-color:#ded3b1;outline:none}.select2-container--bootstrap-5 .select2-selection{background-color:#1d2761;border:1px solid #222858;color:#fff}.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered{color:#fff}.select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow{filter:brightness(0) invert(1)}@media(max-width: 991px){.list .table-container{padding:0 !important}.filter-container{flex-direction:column;gap:15px}.filter-item{width:100%;min-width:unset}.dtr-title{font-weight:600;color:#ded3b1;min-width:100px}.dtr-data{padding-left:10px;color:#fff}.dataTables_length{margin-top:24px}.title-cell h3{font-size:14px}.amount-cell span{font-size:12px}.amount-cell b{font-size:12px}.rejected{display:inline-flex;padding:6px 10px;border-radius:8px;border:1px solid #6c6e7d;background:rgba(0,0,0,0);color:#fff;font-size:14px;font-weight:600;line-height:1.5;white-space:nowrap}.approved{display:inline-flex;padding:6px 10px;border-radius:8px;border:1px solid #3142a4;background:#3142a4;color:#fff;font-size:14px;font-weight:600;line-height:1.5;white-space:nowrap}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #222858 !important;display:flex;justify-content:space-between;align-items:center}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{border-bottom:0px solid rgba(0,0,0,0) !important}}.dataTables_empty{background:#13183c !important;color:#fff !important}.ui-datepicker{background-color:#1d2761;color:#fff;border:1px solid #222858;border-radius:8px;padding:10px;width:280px}.ui-datepicker-header{background-color:#13183c;color:#fff;border:none;border-radius:4px;padding:5px}.ui-datepicker-title{color:#fff}.ui-datepicker-prev,.ui-datepicker-next{background-color:rgba(0,0,0,0);cursor:pointer;color:#fff}.ui-datepicker-calendar th{color:#ded3b1}.ui-datepicker-calendar td a{color:#fff;text-align:center;background-color:rgba(0,0,0,0);border:none}.ui-datepicker-calendar td a:hover{background-color:#3142a4}.ui-datepicker-calendar td a.ui-state-active{background-color:#3142a4;color:#fff}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{background-color:#2a44d1;color:#fff;border:none;box-shadow:none;font-weight:bold}.dtr-details{background-color:#1d2761;border-radius:8px;padding:10px;margin-top:10px}div.dtr-modal{background:rgba(0,0,0,.7)}div.dtr-modal div.dtr-modal-display{background-color:#13183c;border:1px solid #222858;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.6)}div.dtr-modal div.dtr-modal-content{color:#fff}div.dtr-modal div.dtr-modal-close{background-color:#3142a4;color:#fff;border:none}.spin,.spin-premium{background:#fff;border-radius:12px;padding:40px;padding-bottom:64px;padding-left:64px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background-color:rgba(217,246,255,.5607843137)}@media screen and (max-width: 500px){.spin,.spin-premium{padding:10px;padding-left:10px;padding-bottom:10px}}.spin h3,.spin-premium h3{font-size:36px;font-weight:700;margin-bottom:8px}.spin span,.spin-premium span{font-size:15px;font-weight:500;opacity:.7}.spin #question,.spin #question-premium,.spin-premium #question,.spin-premium #question-premium{text-align:center;color:#fff;font-size:28px;font-weight:bold;margin-top:18px}@media screen and (max-width: 500px){.spin #question,.spin #question-premium,.spin-premium #question,.spin-premium #question-premium{font-size:20px}}.spin-premium{margin-top:20px;background-color:rgba(232,197,81,.5607843137)}#quizModal #questionText{border-radius:8px;background-color:#011f5b;color:#fff;padding:10px}#quizModal .modal-title{font-size:20px}#quizModal .modal-title span{font-weight:700}#quizModal h2{font-size:18px;margin-bottom:15px}#quizModal #answerOptions{margin-top:10px;display:flex;flex-direction:column;gap:5px;align-items:flex-start}#quizModal label{display:flex;align-items:center;margin:10px 0;font-size:16px;cursor:pointer}#quizModal label input[type=radio]{margin-right:10px}@media(min-width: 576px){#quizModal .modal-dialog{max-width:660px;margin-right:auto;margin-left:auto}}.modal-result{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);justify-content:center;align-items:center;z-index:999;display:none}.modal-result.show{display:flex}.modal-result .modal-content{width:400px;background-color:#fff;padding:24px;border-radius:12px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.3)}.modal-result .modal-title{font-size:22px;font-weight:bold;margin-bottom:12px;color:#333}.modal-result .modal-title .emoji{margin-left:8px}.modal-result .modal-message{font-size:16px;margin-bottom:20px;color:#666}.modal-result .model-buttons{display:flex;align-items:center;justify-content:end}.modal-result .modal-button{width:100px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer}.modal-result .modal-button:hover{background-color:#0069d9}.modal-body img{object-fit:fill}.modal-body .result-title{font-size:24px;line-height:32px;font-weight:600;text-align:center;margin-top:24px;margin-bottom:8px}.modal-body .result-message{font-size:18px;line-height:26px;font-weight:500;width:100%;margin-bottom:24px;text-align:center}.modal-body .spin-content{padding:32px 24px}.modal-body .spin-content p,.modal-body .spin-content ul>li{font-size:16px !important;line-height:24px !important;color:#121631;font-weight:500 !important}.modal-body .spin-content ul{display:flex;flex-direction:column;gap:8px;padding-top:16px}.agreement-modal .modal-content{background-color:#ded3b1;border-radius:12px;padding:32px 24px;color:#121631;border:1px solid #c9c0a0}.agreement-modal h2{font-size:24px;font-weight:700;margin-bottom:24px}.agreement-modal .checkbox-container{display:flex;flex-direction:row;gap:4px;margin-bottom:16px;justify-content:flex-start;align-items:center}.agreement-modal .checkbox-container label{width:100%;font-weight:500;cursor:pointer}.agreement-modal .checkbox-container input[type=checkbox]{width:20px !important;height:20px !important;margin-right:8px !important}.agreement-modal .checkbox-container a{color:#121631;font-weight:700;text-decoration:underline}.agreement-modal .btn-continue{background-color:#121631;color:#fff;width:100%;border:none;border-radius:8px;padding:12px;font-weight:600;font-size:16px;margin-top:16px}.agreement-modal .btn-continue:hover{background-color:#1d2761;transition:.24s all}.document-modal{padding-right:0 !important}.document-modal .modal-dialog{margin:0;position:absolute;right:0;width:440px;height:100vh;max-width:100%}.document-modal.show .modal-dialog{animation:slideInRight .3s forwards}.document-modal .modal-content{height:100vh;border-radius:0;border:none;background-color:#fff;color:#121631}.document-modal .modal-header{background-color:#121631;color:#fff;padding:16px;border-radius:0;border-bottom:1px solid #1d2761}.document-modal .modal-header h5{font-weight:600;font-size:18px;color:#ded3b1}.document-modal .modal-header .btn-close{color:#fff;opacity:1;background:rgba(0,0,0,0) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat}.document-modal .modal-body{background-color:#fff;padding:24px;padding-top:0;overflow-y:auto}.document-modal .modal-body p{margin-bottom:16px;line-height:1.6;color:#333}.document-modal .modal-body h3{font-size:20px;font-weight:700;margin-top:24px;margin-bottom:16px;color:#121631}@media(max-width: 576px){.document-modal .modal-dialog{width:100%}}#infoModal .modal-content{min-width:700px;overflow:hidden}#infoModal .modal-content .modal-body{padding:0}@media(max-width: 971px){#infoModal .modal-content{min-width:100%}}.modal-content p{font-size:14px;letter-spacing:-0.24px;font-weight:400;line-height:20px;opacity:.8}.inner-logo{display:flex;justify-content:space-between;align-items:center}.inner-logo img{height:24px}.custom-quiz-modal .question-box{background-color:#001f5b;color:#fff;font-weight:500;letter-spacing:-0.24px;padding:12px;border-radius:8px;font-size:14px;line-height:22px}.custom-quiz-modal .form-check-label{font-size:14px}.custom-quiz-modal .title{opacity:.8;font-weight:400;line-height:20px}.custom-quiz-modal .title b{font-weight:600}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}.login{display:flex;flex-direction:column;gap:48px;justify-content:center;align-items:center;width:100vw;height:100vh}.login form{display:flex;flex-direction:column;gap:16px;min-width:360px;max-width:540px}.login form .input-group{display:flex;flex-direction:column}.login form .input-group label{color:hsla(0,0%,100%,.8);font-size:12px;font-weight:500;line-height:24px;text-transform:uppercase}.login form .input-group input{background:#171d46;border:1px solid #1d2761;color:#f5f5f5;font-weight:500;box-shadow:none;outline:none;font-size:16px;line-height:24px;padding:8px 16px;border-radius:8px !important}.login form .input-group input:focus{border:1px solid #ded3b1}.login form .input-group span{font-size:12px;color:#fff;opacity:.6;margin-top:8px}.login form .actions{display:flex;flex-direction:column;justify-items:center;margin-top:8px;gap:24px}.login form .actions button{width:100%;font-size:16px;line-height:24px;font-weight:500;padding:12px 16px;border-radius:8px;background:#ded3b1;color:#121631;transition:.24s all}.login form .actions button:hover{background-color:#cdc2a0;transition:.24s all}.login form .actions a{width:100%;text-align:center;font-size:14px;text-decoration:none;color:#fff;opacity:.5}.login form .actions a:hover{transition:.24s all;opacity:.8}.login .call-center{position:fixed;bottom:16px;right:16px;display:flex;flex-direction:column;gap:16px;width:360px;padding:24px;background:#2a3056;border-radius:12px}.login .call-center h4{color:#ded3b1;font-size:20px;font-weight:600}.login .call-center a{color:#121631;border:1px solid #cdc2a0;color:#cdc2a0;text-align:center;font-size:14px;line-height:22px;text-decoration:none;font-weight:600;border-radius:8px !important;padding:8px 12px;transition:.24s all}.login .call-center a:hover{transition:.24s all;background-color:#ded3b1;color:#121631;text-decoration:underline}.login .call-center p{font-size:12px;line-height:18px;color:#f5f5f5;opacity:.6}@media(max-width: 991px){.login{padding:16px;justify-content:flex-start}.login form{width:100% !important}.login .call-center{position:relative;width:100% !important;right:0;background-color:rgba(42,48,86,.6)}}.swiper{border-radius:12px}.swiper .swiper-pagination-bullet-active{background:#ded3b1}.swiper .swiper-button{display:flex;align-items:center;justify-content:center;background:#ded3b1;width:40px;height:40px;border-radius:100px;filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.08))}.swiper .swiper-button-prev{margin-left:16px}.swiper .swiper-button-prev svg{margin-left:-2px}.swiper .swiper-button-next{margin-right:16px}.swiper .swiper-button-next svg{margin-right:-2px}@media(max-width: 991px){.content-wrapper{width:100%;margin-left:0}.swiper:not(.swiper-products){width:calc(100% + 32px);max-width:100vw;margin-left:-16px;margin-right:-16px;height:calc(100vw * 1166 / 800)!important;min-height:360px;border-radius:0}.swiper:not(.swiper-products) img{height:100%;object-fit:contain}.brands .brand-container{grid-template-columns:repeat(2, 1fr);gap:16px}}.pricing{display:flex;flex-direction:column;gap:16px}.pricing .notify{display:flex;width:100%;padding:24px;justify-content:space-between;align-items:flex-end;gap:112px;border-radius:12px;background:#2a3056;color:#fff}.pricing .notify .head{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0}.pricing .notify .head h5{font-size:18px;line-height:26px;font-weight:700}.pricing .notify .head p{font-size:14px;font-weight:500;line-height:24px;opacity:.8}.pricing .notify a{display:flex;padding:8px 12px;justify-content:center;align-items:center;gap:8px;border-radius:8px;color:#fff;background:#3142a4;font-size:14px;font-weight:600;line-height:22px;text-decoration:none}.pricing .notify a:hover{background:#34428d}.pricing .pricing-table{position:relative;display:flex;justify-content:center;align-items:center;padding:32px 24px;border:1px solid #252a4d;background:rgba(19,24,60,.32);border-radius:12px}.pricing .pricing-table img{max-width:480px}.pricing .pricing-table a{display:inline-flex;padding:8px 12px;justify-content:center;align-items:center;gap:8px;background:#ded3b1;border-radius:8px;color:#121631;font-weight:600;font-size:14px;line-height:22px;text-decoration:none;position:absolute;top:24px;right:24px}.pricing .pricing-table a:hover{background:#b8ad8f}@media(max-width: 991px){.pricing .notify{flex-direction:column;gap:16px;align-items:flex-start}.pricing .pricing-table{flex-direction:column-reverse}.pricing .pricing-table img{width:100%}.pricing .pricing-table a{position:relative;width:100%;top:0;right:0;margin-bottom:24px}}.performance{width:100%;padding:24px;background:#13183c;border-radius:12px;overflow:hidden;color:#fff}.table tr{border-bottom:1px solid #e7e9f7}.table td{align-content:center;padding-top:16px;padding-bottom:16px}.table .image{width:140px}.table .image img{width:140px;height:100px;object-fit:cover;border-radius:12px}.table .title span{padding:4px 8px;border-radius:100px;background:#dbdef2;justify-content:center;align-items:center;gap:10px;color:#121631;font-size:10px;font-weight:700;line-height:22px}.table .title h3{align-self:stretch;color:#171d46;font-size:16px;font-weight:500;line-height:24px;margin-top:8px}.table .amount div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.table .amount div span{color:#6c6e7d;font-size:14px;line-height:22px;font-style:normal;font-weight:600}.table .amount div b{color:#2a44d1;font-size:16px;font-weight:700;line-height:24px}.table .date{text-align:center;font-size:14px;font-weight:600;line-height:22px;color:rgba(18,22,49,.48)}.table .status{text-align:right}.table .status .rejected{display:inline-flex;padding:8px 12px;border-radius:8px;border:1px solid #8f8f8f;border-radius:8px;color:#8f8f8f;text-align:center;font-size:14px;font-weight:600;line-height:22px}.table .status .approved{display:inline-flex;padding:8px 12px;border-radius:8px;border:1px solid #3142a4;background:#3142a4;border-radius:8px;color:#fff;text-align:center;font-size:14px;font-weight:600;line-height:22px}.add-list{padding:24px;background:#fff;border-radius:12px}.add-list .card{padding:4px;margin-bottom:16px}.add-list .card .card-head{margin-bottom:24px}.add-list .card .card-head .card-title{font-size:20px}.add-list .card .card-head ul{list-style-type:disc;margin-left:12px;color:gray}.add-list .card .card-head ul li{line-height:22px !important}.add-list .form-content{padding:0 16px}.add-list .form-content .form-label{display:flex;justify-content:space-between}.add-list .form-content .form-label span{font-size:12px;opacity:.5}.add-list .btn-submit{width:100%;font-weight:600;background:#3142a4;color:#fff;border-radius:8px;padding:12px 16px;transition:.24s all}.add-list .btn-submit:hover{transition:.24s all;background:#2a3056}.breadcrumb{background-color:#13183c;border-radius:12px;padding:16px 24px;margin-bottom:24px}.breadcrumb a{color:#fff;opacity:.7;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s}.breadcrumb a:hover{opacity:1}.breadcrumb span{color:#fff;opacity:.4;padding:0 8px;font-size:14px}.product-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}@media(max-width: 991px){.product-container{grid-template-columns:1fr}}.product-images{border-radius:12px;overflow:hidden;background:#13183c}.swiper-product{width:100%;border-radius:12px;overflow:hidden}.swiper-product img{width:100%;height:auto;object-fit:cover;aspect-ratio:4/3}.swiper-product .swiper-pagination-bullet-active{background:#ded3b1}.swiper-product .swiper-button{display:flex;align-items:center;justify-content:center;background:#ded3b1;width:40px;height:40px;border-radius:100px;filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.08))}.swiper-product .swiper-button-prev{margin-left:16px}.swiper-product .swiper-button-prev svg{margin-left:-2px}.swiper-product .swiper-button-next{margin-right:16px}.swiper-product .swiper-button-next svg{margin-right:-2px}.product-info{background:#13183c;border-radius:12px;padding:24px;color:#fff}.product-title{font-size:28px;font-weight:700;margin-bottom:12px;color:#fff}@media(max-width: 991px){.product-title{font-size:24px}}.price-tag{background-color:#4caf50;padding:16px 24px;border-radius:8px;margin-bottom:24px}.price-tag .price{font-size:32px;font-weight:700;color:#fff}@media(max-width: 991px){.price-tag .price{font-size:24px}}@media(max-width: 991px){.price-tag{padding:12px 16px}}.product-details{margin-bottom:24px}.product-details .detail-row{display:flex;justify-content:space-between;border-bottom:1px solid hsla(0,0%,100%,.1);padding:12px 0}.product-details .detail-row:last-child{border-bottom:none}.product-details .detail-label{color:hsla(0,0%,100%,.7);font-weight:500}.product-details .detail-value{color:#fff;font-weight:600}.delete-button{background-color:#dc3545;color:#fff;border:none;border-radius:8px;padding:12px 48px;font-weight:600;margin-top:12px;cursor:pointer;transition:all .3s}.delete-button:hover{background-color:#c82333}.swiper-container{position:relative;width:100%;overflow:hidden;border-radius:12px}.swiper-container .swiper-wrapper{display:flex;flex-direction:row}.swiper-container .swiper-slide{width:100%;flex-shrink:0}.swiper-container .swiper-slide img{width:100%;height:440px;object-fit:cover;display:block}.swiper-container .swiper-navigation{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:20px;z-index:10}.swiper-container .swiper-navigation .swiper-button{width:48px;height:48px;border-radius:50%;background-color:rgba(222,211,177,.8);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.swiper-container .swiper-navigation .swiper-button:hover{background-color:#ded3b1}.swiper-container .swiper-navigation .swiper-button svg{width:24px;height:24px}.swiper-container .swiper-pagination{position:absolute;bottom:10px;width:100%;text-align:center;z-index:9}.product-images{border-radius:12px;overflow:hidden;background:#13183c}@media(max-width: 991px){.swiper-navigation{bottom:10px}.swiper-navigation .swiper-button{width:40px;height:40px}}.messages .message-item a{text-decoration:none;color:#3d3d3d;transition:.24s all}.messages .message-item a h3{align-self:stretch;font-size:18px;font-weight:600;line-height:24px}.messages .message-item a p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-family:"Inter Display";font-size:16px;font-style:normal;font-weight:400;text-overflow:ellipsis;margin-top:8px}.messages .message-item a:hover h3{transition:.24s all;color:#2a44d1}.messages .unread{opacity:.6}.messages .date{color:rgba(61,61,61,.5);font-weight:500;letter-spacing:.3px;text-align:right}.breadcrumb-nav{background-color:#13183c;border-radius:12px;padding:16px 24px;margin-bottom:24px;display:flex;align-items:center}.breadcrumb-nav a{color:#fff;opacity:.7;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s}.breadcrumb-nav a:hover{opacity:1}.breadcrumb-nav a.active{opacity:1;font-weight:600}.breadcrumb-nav span{color:#fff;opacity:.4;padding:0 8px;font-size:14px}.message-detail-container{background-color:#13183c;border-radius:12px;overflow:hidden;margin-bottom:32px}.message-header{padding:24px;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center}.message-header .message-title{display:flex;flex-direction:column;gap:8px}.message-header .message-title h2{color:#fff;font-size:24px;font-weight:700;display:flex;align-items:center;gap:12px}.message-header .message-title h2 .badge{background:#ded3b1;color:#121631;font-size:14px;padding:4px 12px;border-radius:6px;font-weight:600}.message-header .message-title .message-date{color:hsla(0,0%,100%,.6);font-size:14px}.message-header .message-status .status-badge{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600}.message-header .message-status .status-badge.completed{background-color:#4caf50;color:#fff}.message-header .message-status .status-badge.pending{background-color:#ffa726;color:#fff}.message-header .message-status .status-badge.rejected{background-color:#f44336;color:#fff}.message-content{padding:24px}.message-content .message-conversation{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.message-content .message-item{display:flex;gap:16px}.message-content .message-item .message-avatar .avatar{width:48px;height:48px;border-radius:50%;background-color:#3142a4;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.message-content .message-item .message-avatar .avatar.support{background-color:#ded3b1;color:#121631}.message-content .message-item .message-bubble{flex:1;background-color:#1d2761;border-radius:12px;padding:16px;max-width:calc(100% - 64px)}.message-content .message-item .message-bubble .message-info{display:flex;justify-content:space-between;margin-bottom:12px}.message-content .message-item .message-bubble .message-info .sender-name{color:#ded3b1;font-weight:600;font-size:16px}.message-content .message-item .message-bubble .message-info .message-time{color:hsla(0,0%,100%,.4);font-size:12px}.message-content .message-item .message-bubble .message-text{color:#fff;font-size:15px;line-height:1.6}.message-content .message-item .message-bubble .message-text p{margin-bottom:12px}.message-content .message-item .message-bubble .message-text p:last-child{margin-bottom:0}.message-content .support-message .message-bubble{background-color:#2a3056}.message-content .reply-box{border-top:1px solid hsla(0,0%,100%,.1);padding-top:24px;display:flex;flex-direction:column;gap:16px}.message-content .reply-box textarea{width:100%;height:120px;border-radius:12px;background-color:#1d2761;border:1px solid hsla(0,0%,100%,.1);padding:16px;color:#fff;font-size:15px;line-height:1.6;resize:none}.message-content .reply-box textarea:focus{outline:none;border-color:#ded3b1}.message-content .reply-box textarea::placeholder{color:hsla(0,0%,100%,.4)}.message-content .reply-box .reply-btn{align-self:flex-end;padding:12px 24px;background-color:#3142a4;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s}.message-content .reply-box .reply-btn:hover{background-color:#2a3056}@media(max-width: 991px){.message-header{flex-direction:column;align-items:flex-start;gap:16px}.message-header .message-status{align-self:flex-start}.message-item .message-bubble{max-width:calc(100% - 60px)}.message-item .message-bubble .message-info{flex-direction:column;gap:4px}.reply-box .reply-btn{width:100%}}.modal .form-select{margin-bottom:8px}.modal .primary{background:#3142a4;color:#fff;transition:.24s all}.modal .primary:hover{background:#2a3056;transition:.24s all}.my-account .head{display:flex;width:100%;padding:24px;align-items:center;gap:80px;border-radius:12px;background-color:#13183c;justify-content:space-between}.my-account .head h2{color:#fff;font-size:24px;font-weight:700;line-height:32px}.nav-tabs{border:none}.nav-tabs .nav-link{padding:12px 16px;font-size:14px;border:none !important;color:hsla(0,0%,100%,.7);background:rgba(0,0,0,0);border-radius:12px}.nav-tabs .nav-link:hover{border:none !important;outline:none;box-shadow:none}.nav-tabs .active{background:#2a44d1 !important;color:#fff !important}.account-content{margin-top:16px;padding:24px;border-radius:12px;background:#fff}.account-content .form-content .form-label{display:flex;justify-content:space-between}.account-content .form-content .form-label span{font-size:12px;opacity:.5}.account-content .form-content .form-switch .form-check-input{height:2em;width:3.2em}.account-content .form-content .form-check-label{height:2em;align-content:center}.account-content .form-content .form-check{display:flex;align-items:center;gap:12px}.account-content .tab-pane h3{font-size:20px;font-weight:700;margin-bottom:16px}.account-content .tab-pane .list-group-item{display:flex;padding:12px 16px}.account-content .tab-pane .list-group-item .badge-red{padding:4px 8px;background:red;color:#fff;display:block;border-radius:4px}.account-content .tab-pane .list-group-item .badge-green{padding:4px 8px;background:green;color:#fff;display:block;border-radius:4px}.account-content .tab-pane .table thead tr th{font-weight:700;opacity:.4}.account-content .tab-pane .table thead .date-title{text-align:center}.account-content .tab-pane .table .point{display:flex}.account-content .tab-pane .table .badge-red{padding:4px 8px;background:red;color:#fff;display:block;border-radius:4px}.account-content .tab-pane .table .badge-green{padding:4px 8px;background:green;color:#fff;display:block;border-radius:4px}.account-content .tab-pane .table tr .title{display:flex !important;align-items:center}.account-content .tab-pane .table .footable-details tr{border:none}.account-content .tab-pane .table .footable-details tr th{display:none}.account-content .tab-pane .table .footable-details tr .date{text-align:left}.account-content .card{padding:4px;margin-bottom:16px}.account-content .card .card-head{margin-bottom:24px}.account-content .card .card-head .card-title{font-size:20px}.account-content .card .card-head ul{list-style-type:disc;margin-left:12px;color:gray}.account-content .card .card-head ul li{line-height:22px !important}.account-content .card .switches{display:flex;flex-direction:column;gap:12px}.account-content .btn-submit{width:100%;font-weight:600;background:#3142a4;color:#fff;border-radius:8px;padding:12px 16px;transition:.24s all}.account-content .btn-submit:hover{transition:.24s all;background:#2a3056}.account-content .outline{background:rgba(0,0,0,0);border:1px solid #3142a4;color:#3142a4}.account-content .outline:hover{color:#fff}.account-content .settings{padding-right:24px}@media(max-width: 991px){.my-account .head{align-items:flex-start;justify-content:space-between;flex-direction:column;margin-top:16px;gap:16px;padding:16px}.my-account .head .nav-tabs{gap:12px}.my-account .head .nav-tabs .nav-link{background:#182152;color:#fff}.my-account .head .nav-tabs .active{background:#2a44d1}.my-account .tab-pane span{width:30px;height:30px}.my-account .tab-pane .fooicon-plus:before,.my-account .tab-pane .fooicon-minus:before{margin-top:-8px !important}.my-account .tab-pane .badge-green,.my-account .tab-pane .badge-red{text-align:center}.my-account .tab-pane .footable-details td{padding:4px}.footable-pagination-wrapper{justify-content:center}.footable-pagination-wrapper .label{display:none}.account-content .settings{padding-right:0;margin-bottom:40px}}.incontent{background:#fff;border-radius:12px;padding:24px 48px;font-size:16px}.incontent h3{font-size:26px;font-weight:700;margin-bottom:16px}.incontent ul{list-style-type:disc;margin-left:16px;margin-bottom:16px;opacity:.8}.incontent ul li{margin-bottom:8px}.incontent h4{font-size:20px;font-weight:700;margin-bottom:12px;padding-top:16px}.incontent p{margin-bottom:16px;line-height:24px;opacity:.8}.terms-container{max-width:800px;margin:0 auto;padding:40px 20px}.terms-box{background-color:#13183c;border-radius:12px;padding:24px;color:#fff;margin-bottom:20px}.terms-logo{display:flex;justify-content:center;margin-bottom:32px}.terms-logo img{max-width:270px}.terms-header{text-transform:uppercase;font-size:24px;font-weight:700;margin-bottom:24px}.terms-scroll{height:50vh;overflow-y:scroll}.terms-content{line-height:1.6;margin-bottom:24px}.terms-content p{margin-bottom:16px;opacity:.9}.section-title{font-weight:700;font-size:18px;margin-top:24px;margin-bottom:16px}.checkbox-wrap{display:flex;align-items:center;margin-bottom:24px;padding-top:40px;border-top:1px solid #1d2761}.checkbox-wrap input{margin-right:12px}.checkbox-wrap label{font-weight:500}.action-buttons{display:flex;flex-direction:row;gap:16px}.btn-primary{width:100%;background:linear-gradient(180deg, #DED3B1 0%, #787260 100%);color:#121631;border:none;padding:12px;border-radius:8px;font-weight:600;transition:.3s;padding:16px}.btn-secondary{width:100%;background:#1d2761;color:#fff;border:none;padding:12px;border-radius:8px;font-weight:600;transition:.3s;padding:16px}.btn-primary:hover{opacity:.9}.btn-secondary:hover{opacity:.9}@media(max-width: 768px){.terms-container{padding:20px 16px}.terms-box{padding:16px}}.treasure-box-header{background-color:#13183c;border-radius:12px;padding:32px 24px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.treasure-box-header .box-info h1{color:#fff;font-size:28px;font-weight:700;margin-bottom:12px}.treasure-box-header .box-info p{color:#fff;font-size:16px;margin-bottom:8px}.treasure-box-header .box-info p.subtitle{color:hsla(0,0%,100%,.6);font-size:14px}.treasure-box-header .box-icon{display:flex;justify-content:center;align-items:center;width:80px;height:80px;background-color:#1d2761;border-radius:50%}.treasure-box-header .box-icon svg{width:48px;height:48px}@media(max-width: 768px){.treasure-box-header{flex-direction:column;text-align:center;gap:20px}.treasure-box-header .box-icon{margin:0 auto}}.tasks-section{margin-top:48px;margin-bottom:24px}.tasks-section h2{color:#fff;font-size:24px;font-weight:700;margin-bottom:24px}.tasks-section .tasks-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px}@media(max-width: 768px){.tasks-section .tasks-grid{grid-template-columns:1fr}}.tasks-section .task-card{position:relative;background-color:#13183c;border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer}.tasks-section .task-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.tasks-section .task-card .task-content{display:flex;padding:20px;position:relative;z-index:1}.tasks-section .task-card .task-icon{display:flex;justify-content:center;align-items:center;width:60px;height:60px;background-color:#1d2761;border-radius:12px;margin-right:16px;flex-shrink:0}.tasks-section .task-card .task-info{display:flex;flex-direction:column;justify-content:center}.tasks-section .task-card .task-info h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:8px}.tasks-section .task-card .task-info .task-status{color:#ded3b1;font-size:14px;font-weight:500}.tasks-section .task-card .task-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.tasks-section .task-card.completed{position:relative}.tasks-section .task-card.completed::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(76,175,80,.1);z-index:0}.tasks-section .task-card.completed .task-icon{background-color:rgba(76,175,80,.2)}.tasks-section .task-card.completed .task-info .task-status{color:#4caf50}.reward-section{background:linear-gradient(135deg, #e6be46 0%, #DED3B1 100%);border-radius:12px;padding:24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.reward-section .reward-info{display:flex;align-items:center}.reward-section .reward-info .reward-icon{display:flex;justify-content:center;align-items:center;width:60px;height:60px;background-color:rgba(18,22,49,.8);border-radius:50%;margin-right:16px;flex-shrink:0}.reward-section .reward-info .reward-icon svg{width:36px;height:36px}.reward-section .reward-info .reward-text h3{color:#121631;font-size:20px;font-weight:700;margin-bottom:4px}.reward-section .reward-info .reward-text p{color:#121631;font-size:14px;opacity:.8}.reward-section .btn-spin-wheel{background-color:#121631;color:#fff;border:none;border-radius:8px;padding:16px 24px;font-weight:600;font-size:14px;text-decoration:none;transition:all .3s ease}.reward-section .btn-spin-wheel:hover{background-color:#1d2761;transform:translateY(-2px)}@media(max-width: 768px){.reward-section{flex-direction:column;gap:24px;text-align:center}.reward-section .reward-info{flex-direction:column}.reward-section .reward-info .reward-icon{margin-right:0;margin-bottom:16px}.reward-section .btn-spin-wheel{width:100%;text-align:center}}.letter-game-container{max-width:1200px;margin:0 auto;padding:24px}.letter-game-container .game-controls{text-align:center;margin-bottom:48px;padding:32px 24px;background:linear-gradient(135deg, rgba(42, 68, 209, 0.08), rgba(42, 68, 209, 0.04));border-radius:20px;border:1px solid rgba(42,68,209,.1);backdrop-filter:blur(10px)}.letter-game-container .game-controls .game-btn{min-width:220px;height:64px;font-size:20px;font-weight:700;border-radius:32px;margin:0 12px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);text-transform:uppercase;letter-spacing:1px}.letter-game-container .game-controls .game-btn.btn-primary{background:linear-gradient(135deg, #2A44D1, #3142A4);border:none;box-shadow:0 8px 32px rgba(42,68,209,.4)}.letter-game-container .game-controls .game-btn.btn-primary::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition:left .5s}.letter-game-container .game-controls .game-btn.btn-primary:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 40px rgba(42,68,209,.5)}.letter-game-container .game-controls .game-btn.btn-primary:hover::before{left:100%}.letter-game-container .game-controls .game-btn.btn-primary:active{transform:translateY(-2px) scale(1.02)}.letter-game-container .game-controls .game-btn.btn-primary:disabled{opacity:.7;transform:none;box-shadow:0 4px 16px rgba(42,68,209,.2)}.letter-game-container .game-controls .game-btn.btn-primary:disabled:hover{transform:none;box-shadow:0 4px 16px rgba(42,68,209,.2)}.letter-game-container .game-controls .game-btn.btn-outline-secondary{background:rgba(0,0,0,0);border:2px solid #2a44d1;color:#2a44d1;box-shadow:0 4px 16px rgba(42,68,209,.2)}.letter-game-container .game-controls .game-btn.btn-outline-secondary:hover{background:#2a44d1;color:#fff;transform:translateY(-4px) scale(1.05);box-shadow:0 8px 24px rgba(42,68,209,.4)}.letter-game-container .game-controls .game-btn .loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.letter-game-container .game-controls .game-btn .loading-spinner .spinner-border{width:28px;height:28px;border-width:3px;color:#fff}.letter-game-container .letters-container{margin-bottom:32px;padding:clamp(20px,5vw,40px);border-radius:clamp(16px,4vw,32px);position:relative;overflow:hidden;background:#d9d9d9}.letter-game-container .letters-container .letters-grid{background:rgba(0,0,0,0);display:grid;grid-template-columns:repeat(auto-fit, minmax(clamp(80px, 15vw, 140px), 1fr));grid-auto-rows:minmax(2fr, 4fr);gap:clamp(16px,4vw,32px);justify-items:center;align-items:center;width:100%;margin:0 auto;position:relative;z-index:1}@media(min-width: 1200px){.letter-game-container .letters-container .letters-grid{grid-template-columns:repeat(4, 1fr);gap:30px}}@media(min-width: 768px)and (max-width: 1199px){.letter-game-container .letters-container .letters-grid{grid-template-columns:repeat(3, 1fr);gap:20px}}@media(min-width: 480px)and (max-width: 767px){.letter-game-container .letters-container .letters-grid{grid-template-columns:repeat(3, 1fr);gap:15px}}@media(max-width: 479px){.letter-game-container .letters-container .letters-grid{grid-template-columns:repeat(2, 1fr);gap:10px}}.letter-card.selected .reward-text{color:#22c55e !important;font-weight:700 !important}.letter-card .reward-text{font-size:clamp(14px,3.5vw,18px);font-weight:600;color:#666;text-align:center;line-height:1.2;margin-top:8px}.letter-card.disabled{cursor:not-allowed !important;opacity:.6 !important;filter:grayscale(0.8) !important;pointer-events:none !important;transition:all .3s ease !important}.letter-card.disabled:hover{transform:none !important;box-shadow:none !important}.letter-card.disabled .letter-front .letter-envelope img:hover{transform:none !important;filter:grayscale(0.8) !important}.letter-card.selected .letter-front,.letter-card.selected .letter-back{transform:rotateY(180deg)}.letter-card.disabled{cursor:not-allowed;opacity:.4;filter:grayscale(1) blur(1px)}.letter-card .letter-front,.letter-card .letter-back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;border-radius:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .6s cubic-bezier(0.175, 0.885, 0.32, 1.275);overflow:hidden}.letter-card .letter-front{background:rgba(0,0,0,0);border:2px solid hsla(0,0%,100%,.6);box-shadow:0 8px 32px rgba(42,68,209,.1),inset 0 1px 0 hsla(0,0%,100%,.8);position:relative}.letter-card .letter-front .letter-envelope{position:relative;width:80%;height:80%;display:flex;align-items:center;justify-content:center}.letter-card .letter-front .letter-envelope img{width:100%;height:100%;object-fit:contain;transition:all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);filter:drop-shadow(0 2px 8px rgba(42, 68, 209, 0.2));border-radius:clamp(8px,2vw,16px)}.letter-card .letter-front .letter-envelope img:hover{transform:translateY(clamp(-8px, -2vw, -16px)) scale(1.05) rotateX(5deg);filter:drop-shadow(0 clamp(10px, 3vw, 20px) rgba(42, 68, 209, 0.3))}.letter-card .letter-front .letter-envelope .letter-number{position:absolute;bottom:10%;right:15%;width:clamp(16px,4vw,24px);height:clamp(16px,4vw,24px);background:linear-gradient(135deg, #667eea, #764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(8px,2vw,12px);font-weight:700;box-shadow:0 2px 8px rgba(102,126,234,.4);border:2px solid hsla(0,0%,100%,.8);transition:all .3s ease;z-index:2}.letter-card .letter-front .shimmer-effect{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);transition:left .6s ease;z-index:3;pointer-events:none}.letter-card.selected .letter-front .letter-envelope img{transform:scale(1.15)}.letter-card:hover .letter-front .shimmer-effect{left:100%}.letter-card:hover .letter-front .letter-envelope .letter-number{transform:scale(1.1) translateY(-2px)}.letter-card .letter-back{transform:rotateY(180deg);background:linear-gradient(135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #f5576c 75%, #4facfe 100%);color:#fff;position:relative;box-shadow:inset 0 4px 8px hsla(0,0%,100%,.2),0 12px 40px rgba(102,126,234,.4)}.letter-card .letter-back .reward-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,1vw,8px);z-index:2;position:relative}.letter-card .letter-back .reward-content .reward-icon-placeholder{font-size:clamp(20px,5vw,40px);opacity:.7;transition:all .5s ease;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3))}.letter-card .letter-back .reward-content .reward-icon-placeholder.reward-revealed{opacity:1;animation:revealBounce .6s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.letter-card .letter-back .reward-content .reward-text-placeholder{font-size:clamp(8px,2vw,12px);font-weight:700;opacity:.6;transition:all .5s ease;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.5px}.letter-card .letter-back .reward-content .reward-text-placeholder.reward-revealed{opacity:1;animation:revealBounce .6s cubic-bezier(0.68, -0.55, 0.265, 1.55) .2s}.letter-card .letter-back .celebration-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.letter-card .letter-back .celebration-particles::before,.letter-card .letter-back .celebration-particles::after{content:"✨";position:absolute;font-size:clamp(8px,2vw,12px);opacity:.8;animation:floatParticles 3s ease-in-out infinite}.letter-card .letter-back .celebration-particles::before{top:20%;left:20%;animation-delay:0s}.letter-card .letter-back .celebration-particles::after{top:70%;right:20%;animation-delay:1.5s}.letters-grid.shuffling{position:relative}.letters-grid.shuffling .letter-card .letter-front .letter-envelope img:hover{transform:none !important;filter:none !important;box-shadow:none !important}.letters-grid.shuffling .letter-card::after,.letters-grid.shuffling .letter-card::before{display:none}.letter-card.shuffling{pointer-events:none;position:relative;will-change:transform}.letter-card.shuffling .letter-front .letter-envelope img:hover{transform:none !important;filter:none !important;box-shadow:none !important}.letter-card.shuffling::after,.letter-card.shuffling::before{display:none !important}@keyframes glowPulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.05);opacity:.9}}@keyframes imgGlowPulse{0%,100%{box-shadow:0 0 20px rgba(42,68,209,.3)}50%{box-shadow:0 0 30px rgba(42,68,209,.6),0 0 40px rgba(42,68,209,.4)}}.letter-card.shuffling{animation:none !important;z-index:10;position:relative}.modal-content{border-radius:24px;border:none;overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.4);backdrop-filter:blur(10px)}#entryModal .modal-body{padding:40px 32px;background:linear-gradient(135deg, #fefefe, #f8f9ff)}#entryModal .modal-body .entry-icon{animation:bounceIn .8s ease-out}#entryModal .modal-body .game-rules{background:rgba(42,68,209,.05);padding:20px;border-radius:16px;border:1px solid rgba(42,68,209,.1)}#entryModal .modal-body .game-rules h6{color:#2a44d1;font-weight:700;margin-bottom:12px}#entryModal .modal-body .game-rules ul{margin:0;padding-left:20px}#entryModal .modal-body .game-rules ul li{margin-bottom:8px;color:#666;font-size:14px}#entryModal .modal-footer{padding:24px 32px 32px;border-top:none;background:linear-gradient(135deg, #fefefe, #f8f9ff)}#entryModal .modal-footer .btn{animation:pulse 2s ease-in-out infinite}.modal-header{background:linear-gradient(135deg, #2A44D1, #3142A4, #4a5bcf);color:#fff;border-bottom:none;padding:32px 24px 24px;position:relative}.modal-header::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent)}.modal-header .modal-title{font-size:28px;font-weight:700;margin:0;text-align:center;letter-spacing:1px;animation:bounceIn .6s ease-out}.modal-header .btn-close{filter:brightness(0) saturate(100%) invert(100%);opacity:.8;width:32px;height:32px;background-size:20px}.modal-header .btn-close:hover{opacity:1;transform:scale(1.1)}.modal-body{padding:40px 32px;background:linear-gradient(135deg, #fefefe, #f8f9ff)}.modal-body .result-icon{margin-bottom:32px;position:relative}.modal-body .result-icon .result-letter-img{width:400px;height:350px;object-fit:contain;animation:bounceIn .8s ease-out .2s both;filter:drop-shadow(0 8px 16px rgba(0, 0, 0, 0.2))}.modal-footer{padding:24px 32px 32px;border-top:none;background:linear-gradient(135deg, #fefefe, #f8f9ff)}.modal-footer .btn{min-width:140px;border-radius:30px;font-weight:700;padding:14px 28px;font-size:16px;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;margin:0 8px}.modal-footer .btn.btn-primary{background:linear-gradient(135deg, #2A44D1, #3142A4);border:none;box-shadow:0 4px 16px rgba(42,68,209,.3)}.modal-footer .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(42,68,209,.4)}.modal-footer .btn.btn-outline-secondary{border:2px solid #2a44d1;color:#2a44d1;background:rgba(0,0,0,0)}.modal-footer .btn.btn-outline-secondary:hover{background:#2a44d1;color:#fff;transform:translateY(-2px)}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sparkle{0%,100%{transform:scale(1) rotate(0deg);opacity:1}25%{transform:scale(1.2) rotate(90deg);opacity:.8}50%{transform:scale(0.8) rotate(180deg);opacity:1}75%{transform:scale(1.1) rotate(270deg);opacity:.9}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3) translateY(-100px) rotateY(-180deg)}50%{opacity:1;transform:scale(1.05) translateY(0) rotateY(0deg)}70%{transform:scale(0.9) rotateY(0deg)}100%{transform:scale(1) rotateY(0deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(40px) scale(0.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glowPulse{0%,100%{box-shadow:0 0 20px rgba(42,68,209,.3)}50%{box-shadow:0 0 40px rgba(42,68,209,.6),0 0 60px rgba(42,68,209,.4)}}.letter-card{animation:fadeInUp .8s ease-out;animation-fill-mode:both}@media(hover: none)and (pointer: coarse){.letter-card{min-width:80px;min-height:80px}.letter-card:active .letter-front .letter-envelope img{transform:scale(0.95);transition:transform .1s ease}.letter-card.selectable:active .letter-front .letter-envelope img{transform:scale(0.98) translateY(-4px)}.game-controls .game-btn{min-height:52px}.game-controls .game-btn:active{transform:scale(0.95)}}.letter-card,.opened-letter-view{width:100%;height:auto;aspect-ratio:4/3;position:relative;cursor:pointer;border-radius:clamp(16px,4vw,24px);transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-direction:column}.mobile-game-controls{display:flex;flex-direction:column;align-items:center;gap:20px;padding:24px;background:linear-gradient(135deg, rgba(42, 68, 209, 0.08), rgba(42, 68, 209, 0.04));border-radius:20px;border:1px solid rgba(42,68,209,.1);backdrop-filter:blur(10px);margin-bottom:32px}.mobile-game-controls .game-status{text-align:center}.mobile-game-controls .game-status p{margin:0;font-size:16px;font-weight:600;color:#2a44d1;opacity:.8}.mobile-game-controls .game-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.mobile-game-controls .game-buttons .game-btn{min-width:140px;height:48px;font-size:14px;font-weight:700;border-radius:24px;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.mobile-game-controls .game-buttons .game-btn.btn-primary{background:linear-gradient(135deg, #2A44D1, #3142A4);border:none;box-shadow:0 4px 16px rgba(42,68,209,.3)}.mobile-game-controls .game-buttons .game-btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(42,68,209,.4)}.mobile-game-controls .game-buttons .game-btn.btn-outline-secondary{border:2px solid #2a44d1;color:#2a44d1;background:rgba(0,0,0,0)}.mobile-game-controls .game-buttons .game-btn.btn-outline-secondary:hover{background:#2a44d1;color:#fff}@media(max-width: 480px){.mobile-game-controls{padding:20px 16px}.mobile-game-controls .game-buttons{flex-direction:column;align-items:center;width:100%}.mobile-game-controls .game-buttons .game-btn{width:100%;max-width:200px}}.letter-card{position:relative;cursor:pointer;transition:all .3s ease;border-radius:12px;aspect-ratio:4/3}.letter-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(42,68,209,.2)}.letter-card.disabled{cursor:not-allowed;opacity:.5;filter:grayscale(0.8);pointer-events:none}.letter-card.disabled:hover{transform:none;box-shadow:none}.letter-card.selected .envelope-image.opened .reward-text{color:#22c55e !important;font-weight:700 !important}.letter-card.selected .letter-svg{filter:drop-shadow(0 8px 24px rgba(34, 197, 94, 0.4)) brightness(1.1)}.letter-card:hover .letter-svg{transform:translateY(-2px) scale(1.02);filter:drop-shadow(0 8px 20px rgba(65, 105, 225, 0.4))}.letter-card.revealed .envelope-preview-text{display:block !important}.envelope-image{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.envelope-image .letter-svg{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(65, 105, 225, 0.3));transition:all .3s ease}.envelope-image.closed .envelope-preview-text{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background:hsla(0,0%,100%,.95);color:#333;padding:4px 8px;border-radius:6px;font-size:clamp(8px,2vw,12px);font-weight:600;z-index:5;box-shadow:0 2px 8px rgba(0,0,0,.2);display:none}.envelope-image.opened .reward-content-overlay{position:absolute;top:35%;left:50%;transform:translate(-50%, -50%);color:#333;padding:12px 16px;border-radius:8px;font-size:clamp(12px,3vw,16px);font-weight:600;text-align:center;z-index:5;min-width:80px}.envelope-image.opened .reward-content-overlay .reward-text{margin:0;line-height:1.2}@keyframes flapOpen{0%{transform:rotateX(0deg);top:0}100%{transform:rotateX(180deg);top:-10%}}@keyframes paperSlideUp{0%{transform:translateY(40px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes sparkle{0%,100%{transform:scale(1) rotate(0deg);opacity:1}25%{transform:scale(1.2) rotate(90deg);opacity:.8}50%{transform:scale(0.8) rotate(180deg);opacity:1}75%{transform:scale(1.1) rotate(270deg);opacity:.9}}.letters-container .letters-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:clamp(12px,3vw,20px)}@media(max-width: 480px){.letters-container .letters-grid{grid-template-columns:repeat(3, 1fr);gap:8px}}@media(min-width: 768px){.letters-container .letters-grid{grid-template-columns:repeat(4, 1fr);gap:16px}}.result-envelope-container{display:flex;justify-content:center;align-items:center;padding:20px}.result-envelope-container .result-envelope{width:300px;height:200px;margin:0 auto}.result-envelope-container .result-envelope .reward-content-overlay .reward-text{font-size:clamp(16px,4vw,24px) !important;font-weight:700 !important;color:#22c55e !important;padding:16px !important}.result-envelope-container .result-envelope .letter-svg{width:100%;height:auto;max-height:200px;filter:drop-shadow(0 8px 24px rgba(34, 197, 94, 0.4))}@media(max-width: 768px){.letter-game-container{padding:16px}.envelope-image .letter-svg{filter:drop-shadow(0 2px 8px rgba(65, 105, 225, 0.2))}.envelope-image.opened .reward-content-overlay{padding:8px 12px}.envelope-image.opened .reward-content-overlay .reward-text{font-size:clamp(10px,2.5vw,14px)}.envelope-image.closed .envelope-preview-text{font-size:clamp(6px,1.5vw,10px);padding:2px 6px}.result-envelope-container .result-envelope{width:250px;height:150px}}.fooicon{font-family:"Font Awesome 6 Free" !important}.fooicon-sort::before{font-family:"Font Awesome 6 Free";content:"";font-weight:600}.fooicon-sort-asc::before{font-family:"Font Awesome 6 Free";content:"";font-weight:600}.fooicon-sort-asc::before{font-family:"Font Awesome 6 Free";content:"";font-weight:600}.fooicon-sort-desc::before{font-family:"Font Awesome 6 Free";content:"";font-weight:600}/*# sourceMappingURL=main.min.css.map */