body,html{height:100%;margin:0}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f0f0}.loader{width:350px;height:150px}.forgot-password-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;padding:16px;box-sizing:border-box;position:relative}.forgot-password-card{border-color:#1890ff;width:100%;max-width:400px;padding:24px}.forgot-password-card .ant-card-body{padding:24px}.forgot-password-card .ant-form-item{margin-bottom:16px}.forgot-password-card .ant-input-affix-wrapper{border-radius:4px}.forgot-password-card .ant-btn{height:40px;font-size:16px;border-radius:4px}.forgot-password-card .ant-typography{margin-bottom:8px}.verification-code-container{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin-bottom:16px}.verification-code-input{width:100%;height:100%;text-align:center;font-size:16px;padding:4px;border:1px solid #d9d9d9;border-radius:2px}.verification-code-input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.forgot-password-card .ant-alert,.forgot-password-card .ant-image{margin-bottom:16px}.forgot-password-card .ant-typography a{color:#1890ff}.forgot-password-card .ant-typography a:hover{color:#40a9ff}.forgot-password-card .ant-input-password{border-radius:4px}@media (max-width: 480px){.login-container{padding:0!important}.login-card{width:100%!important;max-width:none!important;height:100vh!important;border-radius:0!important}}.forgot-password-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.forgot-password-card{width:100%;max-width:400px;padding:24px}.verification-code-container{display:flex;gap:8px;justify-content:center}.verification-code-input{width:48px!important;height:48px!important;text-align:center;font-size:1.5rem!important;border-radius:8px!important;transition:all .3s ease}.verification-code-input:focus{border-color:#1677ff!important;box-shadow:0 0 0 2px #1677ff33!important}@media (max-width: 600px){.dashboard-title,.balance-title{display:none}}.footer{text-align:center;background-color:#001529;color:#fff;padding:20px 50px}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.footer-links{list-style:none;padding:0;margin:0;display:flex;gap:15px}.footer-links li{display:inline}.footer-links a{color:#fff;text-decoration:none}.footer-links a:hover{text-decoration:underline}.mobile-footer{display:none}@media screen and (max-width: 768px){.full-footer{display:none}.mobile-footer{display:inline}}.custom-collapse .ant-collapse-header{background-color:#f0f0f0!important;color:#000!important}.custom-collapse .ant-collapse-content>.ant-collapse-content-box{padding:0!important}:where(.css-dev-only-do-not-override-qunspc).ant-collapse .ant-collapse-content>.ant-collapse-content-box{padding:0!important}element.style{margin:0}.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y{opacity:.6}.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking{background-color:#eee;opacity:.9}.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x.ps--clicking .ps__thumb-x{background-color:#999;height:11px}.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y.ps--clicking .ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style: none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.ps{overflow:auto!important}}.red-row{color:red;font-weight:700}.custom-table .ant-table-tbody>tr:nth-child(odd)>td{background-color:#fafafa}.custom-table .ant-table-tbody>tr:nth-child(2n)>td{background-color:#fff}.custom-table .ant-table-tbody>tr>td{border-bottom:1px solid #dcdcdc;padding:6px;font-size:12px}.custom-table .ant-table-tbody>tr:last-child>td{border-bottom:none}.custom-table .ant-table-tbody>tr>td:first-child,.custom-table .ant-table-tbody>tr>td:nth-child(3){font-weight:700;color:#333}.custom-table .ant-table-container{border:1px solid #dcdcdc;border-radius:4px;overflow:hidden}.custom-table .ant-table-tbody>tr>td{border-bottom:1px solid #dcdcdc;padding:0;font-size:12px}.custom-table .ant-table-thead>tr>th{background-color:#0832b7;color:#fff;border-radius:0!important}.custom-tables .ant-table-tbody>tr>td{border-bottom:1px solid #580505;padding:2px;font-size:12px}.custom-tables .ant-table{font-size:6px}.custom-tables .ant-table-thead>tr>th{padding:4px}.app-container{padding:24px;max-width:1200px;margin:0 auto;background:#f5f7fa;min-height:100vh}.panel-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.panel-title,.panel-total{font-size:14px;color:#1a3a5f}.fees-table-container{display:flex;flex-direction:column;align-items:center}.table-wrapper{padding:0;width:100%;margin-bottom:20px;overflow-x:auto}.fees-table{width:100%;border-collapse:collapse;font-size:10px;font-weight:700}.fees-table th,.fees-table td{border:1px solid #dddddd;text-align:left;padding:4px;white-space:nowrap}.fees-table th,.total-row{background-color:#f2f2f2}@media (max-width: 768px){.fees-table{font-size:8px}.fees-table th,.fees-table td{padding:2px}.panel-header{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.app-container{padding:12px}.panel-title,.panel-total{font-size:12px}}.ant-table-wrapper .ant-table-summary>tr>th,.ant-table-wrapper .ant-table-summary>tr>td{border-bottom:none!important}:where(.css-dev-only-do-not-override-1pvtnl0).ant-collapse{box-sizing:border-box;margin:0;padding:0;color:#0832b7e0;font-size:12px;line-height:1.6666666666666667;list-style:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background-color:#0832b705;border:1px solid #d9d9d9;border-radius:0}:where(.css-dev-only-do-not-override-1pvtnl0).ant-card-bordered{border:1px solid #ededed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}:where(.css-dev-only-do-not-override-1a96ceg).ant-form-item{box-sizing:border-box;margin:0;padding:0;color:#0832b7e0;font-size:12px;line-height:1.6666666666666667;list-style:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";margin-bottom:8px!important;vertical-align:top}:root{--primary-color: #1890ff;--secondary-color: #52c41a;--background-color: #f0f2f5;--card-background: #ffffff;--text-color: #333333;--text-secondary: #8c8c8c;--border-radius: 8px;--transition-speed: .3s}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--background-color);color:var(--text-color);transition:background-color var(--transition-speed) ease}.library-container{padding:32px;min-height:100vh}.library-header{margin-bottom:32px;text-align:center;animation:fadeInDown .5s ease-out}.library-header h2{font-size:2.5rem;color:var(--primary-color);margin-bottom:.5rem}.library-header .ant-typography{font-size:1.1rem;color:var(--text-secondary)}.search-section{background-color:var(--card-background);padding:24px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;margin-bottom:32px;transition:box-shadow var(--transition-speed) ease;animation:fadeInUp .5s ease-out}.search-section:hover{box-shadow:0 6px 16px #0000001f}.ant-input-search{box-shadow:0 2px 8px #0000000f;transition:box-shadow var(--transition-speed) ease}.ant-input-search:hover,.ant-input-search:focus{box-shadow:0 4px 12px #0000001a}.filter-section{margin-top:24px;animation:fadeIn .5s ease-out}.filter-group{display:flex;flex-direction:column;gap:12px}.filter-actions{margin-top:24px;display:flex;justify-content:flex-end}.resource-tabs{margin-bottom:24px}.ant-tabs-tab{transition:all var(--transition-speed) ease}.ant-tabs-tab:hover{color:var(--primary-color);transform:translateY(-2px)}.ant-tabs-tab-active{font-weight:700}.resources-section{background-color:var(--card-background);padding:24px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;min-height:400px;transition:box-shadow var(--transition-speed) ease;animation:fadeInUp .5s ease-out}.resources-section:hover{box-shadow:0 6px 16px #0000001f}.resource-card{height:100%;display:flex;flex-direction:column;transition:all var(--transition-speed) ease;border-radius:var(--border-radius);overflow:hidden}.resource-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.resource-thumbnail{height:180px;display:flex;align-items:center;justify-content:center;font-size:48px;position:relative;overflow:hidden;transition:all var(--transition-speed) ease}.resource-thumbnail:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#0000001a,#ffffff1a);transition:opacity var(--transition-speed) ease}.resource-card:hover .resource-thumbnail:before{opacity:0}.resource-pages{position:absolute;bottom:12px;right:12px;background-color:#0009;color:#fff;padding:4px 10px;border-radius:20px;font-size:12px;transition:all var(--transition-speed) ease}.resource-card:hover .resource-pages{transform:translateY(-4px);background-color:var(--primary-color)}.resource-meta{margin-bottom:12px}.resource-stats{display:flex;justify-content:space-between;margin-top:12px;font-size:12px;color:var(--text-secondary)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:24px}.ant-spin-dot i{background-color:var(--primary-color)}.pagination-container{margin-top:32px;display:flex;justify-content:center}.preview-modal .ant-modal-content{border-radius:var(--border-radius);overflow:hidden}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:var(--primary-color);color:#fff}.preview-title{margin-left:12px;font-weight:700;font-size:1.2rem}.preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:24px}.preview-container{display:flex;flex-direction:column;height:100%}.preview-toolbar{display:flex;justify-content:center;align-items:center;padding:10px;background-color:#f0f2f5;border-bottom:1px solid #d9d9d9}.preview-toolbar button{margin:0 5px}.preview-content{margin-top:24px;line-height:1.8;font-size:1.1rem}.preview-controls{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px;background-color:#f0f2f5;position:sticky;bottom:0}.preview-controls button{min-width:80px}.react-pdf__Document{display:flex;flex-direction:column;align-items:center;overflow-y:auto;flex-grow:1}.react-pdf__Page{max-width:100%;box-shadow:0 0 8px #0000001a;margin:10px 0}.react-pdf__Page canvas{max-width:100%;height:auto!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.library-container{padding:16px}.preview-toolbar{flex-direction:column;align-items:flex-start}.preview-actions{width:100%;justify-content:space-between}.resource-card{margin-bottom:16px}}.dark-mode{--background-color: #1f1f1f;--card-background: #2d2d2d;--text-color: #ffffff;--text-secondary: #a0a0a0}.dark-mode .search-section,.dark-mode .resources-section{box-shadow:0 4px 12px #0000004d}.dark-mode .resource-thumbnail{border:1px solid #444}.dark-mode .ant-card{background-color:var(--card-background);border-color:#444}.dark-mode .ant-modal-content{background-color:var(--card-background)}.dark-mode .ant-divider{border-color:#444}.dark-mode .ant-input,.dark-mode .ant-select-selector,.dark-mode .ant-btn{background-color:#3a3a3a;border-color:#555;color:var(--text-color)}.dark-mode .ant-input::placeholder,.dark-mode .ant-select-selection-placeholder{color:#888}.dark-mode .ant-btn-primary{background-color:var(--primary-color);border-color:var(--primary-color)}.dark-mode .ant-pagination-item{background-color:#3a3a3a;border-color:#555}.dark-mode .ant-pagination-item-active{background-color:var(--primary-color);border-color:var(--primary-color)}.ant-btn:hover,.ant-select-selector:hover,.ant-pagination-item:hover{transform:translateY(-2px);transition:all var(--transition-speed) ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0056b3}.preview-modal.fullscreen{width:100%!important;height:100vh!important;top:0!important;padding:0;margin:0}.preview-modal.fullscreen .ant-modal-content{height:100%;border-radius:0}.preview-modal.fullscreen .ant-modal-body{height:calc(100% - 55px);padding:0}.layout{min-height:100vh;position:relative;overflow:hidden}.background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#000,#1a1a1a,#000);background-size:400% 400%;animation:gradient 15s ease infinite}.palm-leaves{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAwIDAgQzEwMCAxMDAgMCAxMDAgMCAxMDAiIHN0cm9rZT0icmdiYSgyNTUsMjU1LDI1NSwwLjEpIiBmaWxsPSJub25lIi8+PC9zdmc+);background-size:400px;opacity:.2;animation:leaves 20s linear infinite}.mesh-sphere{position:absolute;bottom:-20%;right:-10%;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle at center,transparent 0%,rgba(26,125,231,.1) 100%);background-size:50px 50px;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);transform:perspective(1000px) rotateX(60deg) rotate(-45deg);animation:rotate 20s linear infinite}.header{background:transparent;display:flex;justify-content:space-between;align-items:center;padding:0 16px;position:relative;z-index:1}.logo{color:#fff;font-size:24px;font-weight:700}.user-button{color:#fff}.user-button:hover{color:#1a7de7}.content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 16px;min-height:calc(100vh - 64px);position:relative;z-index:1}.content-wrapper{max-width:600px}.title{color:#fff!important;margin-bottom:32px!important}.button-group{display:flex;flex-direction:column;gap:16px}.open-app-button{background-color:#fff;color:#000;border-color:#fff;display:flex;align-items:center;justify-content:center}.open-app-button:hover{background-color:#f0f0f0;border-color:#f0f0f0;color:#000}.open-app-button .anticon{margin-left:8px}.manage-account-button{color:#fff;border-color:#ffffff4d}.manage-account-button:hover{border-color:#ffffff80;color:#fffc}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes leaves{0%{background-position:0 0}to{background-position:400px 400px}}@keyframes rotate{0%{transform:perspective(1000px) rotateX(60deg) rotate(-45deg)}to{transform:perspective(1000px) rotateX(60deg) rotate(315deg)}}@media (min-width: 768px){.header,.content{padding:0 32px}.logo{font-size:28px}.button-group{flex-direction:row}.title{font-size:48px!important}}@media (max-width: 768px){.mesh-sphere{width:400px;height:400px;bottom:-10%;right:-20%}}