:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}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;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.sidebar-header{padding:16px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f0f0f0;margin-bottom:20px}.sidebar-logo{width:60px;height:auto}.sidebar-title-wrapper{display:flex;flex-direction:column}.sidebar-title-system{font-size:14px;color:#666;line-height:1.2}.sidebar-title-sub{font-size:18px;font-weight:600;color:#333;line-height:1.2}.admin-system-label{padding:0 24px;margin-bottom:12px;font-size:14px;color:#999;letter-spacing:.5px}.custom-menu.ant-menu{border-inline-end:none!important;padding:0 16px}.custom-menu .ant-menu-item{height:48px!important;line-height:48px!important;margin-bottom:8px!important;border-radius:12px!important;width:100%!important;padding:0 16px!important;margin-inline:0!important}.custom-menu .ant-menu-item .anticon{font-size:20px!important}.custom-menu .ant-menu-item-selected{background-color:#9c3!important;color:#fff!important}.custom-menu .ant-menu-item-selected .anticon{color:#fff!important}.custom-menu .ant-menu-item-selected .ant-menu-title-content{color:#fff!important;font-weight:500}.custom-menu .ant-menu-item:not(.ant-menu-item-selected):hover{background-color:#f5f5f5!important}.login-container{display:flex;height:100vh;width:100vw;background-color:#88c126;font-family:Prompt,Roboto,sans-serif;overflow:hidden}.login-left-panel{flex:1.2;background-color:#f0f5e8;display:flex;justify-content:center;align-items:center;position:relative;z-index:2;border-top-right-radius:80px;border-bottom-right-radius:80px;box-shadow:10px 0 30px #0000001a}.login-form-wrapper{width:100%;max-width:420px;padding:40px}.login-title{font-size:36px;font-weight:700;color:#333;margin-bottom:40px!important}.login-label{font-size:14px;color:#666;margin-bottom:8px;display:block}.ant-input-affix-wrapper,.ant-input{border-radius:8px;padding:10px 16px;border:1px solid #d9d9d9}.ant-input:focus,.ant-input-affix-wrapper-focused{border-color:#88c126;box-shadow:0 0 0 2px #88c1261a}.forgot-password-link{color:#1890ff;font-size:14px}.forgot-password-link:hover{text-decoration:underline}.login-button{width:100%;background-color:#88c126!important;border-color:#88c126!important;height:48px;font-size:18px;font-weight:600;border-radius:8px;margin-top:10px}.login-button:hover{background-color:#7ab31e!important}.register-text{text-align:center;margin-top:24px;font-size:14px;color:#666}.register-text a{color:#1890ff;font-weight:500}.login-right-panel{flex:1;display:flex;justify-content:center;align-items:center;color:#fff;z-index:1}.brand-wrapper{text-align:center;display:flex;flex-direction:column;align-items:center}.brand-logo-container{margin-bottom:24px}.brand-logo{max-width:280px;width:100%;height:auto;margin-bottom:24px;max-height:250px}@media(max-width:991px){.login-container{flex-direction:column;overflow-y:auto}.login-left-panel{flex:none;width:100%;order:2;border-radius:40px 40px 0 0;margin-top:-60px;padding-bottom:60px;background-color:#f0f5e8}.login-right-panel{flex:none;width:100%;height:320px;order:1;padding:40px 20px}.login-form-wrapper{padding:80px 20px 20px}}@media(max-width:575px){.login-right-panel{height:260px}.brand-logo{max-width:180px;max-height:250px}.login-title{font-size:28px;margin-bottom:30px!important}}.request-management{padding:0}.summary-card-value.in-progress{color:#8bc34a}.summary-card-value.near-deadline{color:#ff6b6b}.request-table-section{background:#fff;border-radius:12px;padding:24px;border:1px solid #f0f0f0}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.section-title{margin:0!important;font-size:18px!important;font-weight:600!important}.section-subtitle{color:#999;font-size:14px;margin-top:4px}.search-input{flex:1;min-width:200px;max-width:400px}.status-pending,.status-in-progress{background-color:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.status-ready{background-color:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.status-cancelled{background-color:#fff1f0;color:#ff4d4f;border:1px solid #ffa39e}.credit-value{color:#8bc34a;font-weight:500}.review-btn{background-color:#333;border-color:#333;color:#fff;border-radius:6px}.review-btn:hover{background-color:#555!important;border-color:#555!important}.warning-icon{color:#fa8c16;margin-right:8px}.pagination-row{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.pagination-info{color:#999;font-size:14px}.pagination-buttons{display:flex;gap:8px}.pagination-btn{background-color:#333;border-color:#333;color:#fff;border-radius:6px;padding:8px 24px;height:auto}.pagination-btn:hover{background-color:#555!important;border-color:#555!important}@media(max-width:1024px){.summary-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.summary-cards{grid-template-columns:1fr}.filters-row{flex-direction:column}.search-input,.filter-select{width:100%;max-width:none}}.credit-management{padding:0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.page-title{margin:0 0 8px!important;font-size:24px!important;font-weight:600!important}.export-btn{border-color:#d9d9d9}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.summary-card{background:#fff;border-radius:12px;padding:20px 24px;border:1px solid #f0f0f0}.summary-card-label{font-size:14px;color:#666;margin-bottom:8px}.summary-card-value{font-size:32px;font-weight:600}.summary-card-value.total{color:#333}.summary-card-value.pending{color:#f5a623}.summary-card-value.approved{color:#8bc34a}.summary-card-value.rejected{color:#ff6b6b}.credit-table-section{background:#fff;border-radius:12px;padding:24px;border:1px solid #f0f0f0}.filters-row{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.search-input{flex:1;min-width:200px;max-width:500px}.filter-select{width:180px}.status-tag{padding:4px 12px;border-radius:16px;font-size:12px;display:inline-block}.amount-value{color:#8bc34a;font-weight:500}.package-tag{padding:4px 12px;border-radius:4px;font-size:12px;display:inline-block}.package-silver{background-color:#f0f0f0;color:#666}.package-bronze{background-color:#fff7e6;color:#d48806}.package-gold{background-color:#fffbe6;color:#ad8b00}.action-link{color:#666;text-decoration:none;display:flex;align-items:center;gap:4px}.action-link:hover{color:#333}@media(max-width:1200px){.summary-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-header{flex-direction:column;gap:16px}.summary-cards{grid-template-columns:repeat(2,1fr)}.filters-row{flex-direction:column}.search-input,.filter-select{width:100%;max-width:none}.credit-table-section{padding:16px;overflow-x:auto}}@media(max-width:480px){.summary-cards{grid-template-columns:1fr}.summary-card{padding:16px}.summary-card-value{font-size:28px}.page-title{font-size:20px!important}}.credit-detail{padding:0}.back-link{display:flex;align-items:center;gap:8px;color:#666;text-decoration:none;margin-bottom:16px;cursor:pointer}.back-link:hover{color:#333}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.page-title{margin:0 0 4px!important;font-size:24px!important;font-weight:600!important}.page-subtitle{color:#999;font-size:14px}.status-badge{padding:4px 12px;border-radius:4px;font-size:12px}.status-pending{background-color:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.status-approved{background-color:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-rejected{background-color:#fff1f0;color:#ff4d4f;border:1px solid #ffa39e}.info-alert{margin-bottom:24px}.content-grid{display:grid;grid-template-columns:1fr 300px;gap:24px}.info-section{background:#fff;border-radius:12px;padding:24px;border:1px solid #f0f0f0}.section-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;margin-bottom:20px;color:#333}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;color:#999}.info-value{font-size:14px;color:#333;font-weight:500}.info-value.credit{color:#8bc34a}.divider{border:none;border-top:1px solid #f0f0f0;margin:24px 0}.remark-section{margin-top:24px}.remark-label{font-size:12px;color:#999;margin-bottom:8px}.remark-box{background:#f9f9f9;border-radius:8px;padding:12px 16px;color:#333;font-size:14px}.slip-section{background:#fff;border-radius:12px;padding:24px;border:1px solid #f0f0f0;display:flex;flex-direction:column}.slip-title{font-size:14px;font-weight:500;margin-bottom:16px;color:#333}.slip-preview{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f9f9f9;border-radius:8px;padding:32px;margin-bottom:16px;min-height:200px}.slip-icon{font-size:48px;color:#ccc;margin-bottom:12px}.slip-text{color:#999;font-size:14px}.download-btn{width:100%;margin-bottom:16px}.action-buttons{display:flex;flex-direction:column;gap:12px;margin-top:auto}.approve-btn{background-color:#8bc34a!important;border-color:#8bc34a!important;color:#fff!important;height:44px;font-size:14px}.approve-btn:hover{background-color:#7cb342!important;border-color:#7cb342!important}.reject-btn{border-color:#ff4d4f!important;color:#ff4d4f!important;height:44px;font-size:14px}.reject-btn:hover{background-color:#fff1f0!important}.confirm-modal-content{padding:8px 0}.confirm-modal-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.confirm-modal-row:last-child{border-bottom:none}.confirm-modal-label{color:#999;font-size:14px}.confirm-modal-value{color:#333;font-size:14px;font-weight:500}.confirm-modal-value.credit{color:#8bc34a}.reject-modal .ant-modal-header{border-bottom:none;padding:24px 24px 0}.reject-modal .ant-modal-title{font-size:18px;font-weight:600}.reject-modal .ant-modal-body{padding:24px}.reject-description{color:#666;font-size:14px;margin-bottom:20px}.reason-field{display:flex;flex-direction:column;gap:8px}.reason-label{font-size:14px;font-weight:500;color:#333}.reason-label .required{color:#ff4d4f}.reason-textarea{border-radius:8px;border:1px solid #d9d9d9}.reason-textarea:focus{border-color:#ff4d4f;box-shadow:0 0 0 2px #ff4d4f1a}.reject-modal .ant-modal-footer{border-top:none;padding:0 24px 24px;display:flex;justify-content:center;gap:12px}.modal-cancel-btn{height:40px;min-width:100px;border-radius:8px;background-color:#f5f5f5!important;border:none!important;color:#333!important}.modal-confirm-reject-btn{height:40px;min-width:150px;border-radius:8px;background-color:#ff4d4f!important;border-color:#ff4d4f!important}.modal-confirm-reject-btn:disabled{background-color:#ffa39e!important;border-color:#ffa39e!important}@media(max-width:1024px){.content-grid{grid-template-columns:1fr}.slip-section{order:-1}}@media(max-width:768px){.page-header{flex-direction:column;gap:12px}.info-grid{grid-template-columns:1fr}.page-title{font-size:20px!important}}@media(max-width:480px){.info-section,.slip-section{padding:16px}.action-buttons{flex-direction:column}}.access-rights-tabs .ant-tabs-nav{margin:0}.access-rights-tabs .ant-tabs-nav-wrap{padding:4px;border-radius:8px}.access-rights-tabs .ant-tabs-tab{margin:0;padding:4px 28px;border-radius:8px;color:#555}.access-rights-tabs .ant-tabs-tab-btn{font-size:16px}.access-rights-tabs .ant-tabs-tab-active{background-color:#88c126}.access-rights-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:#fff!important}.access-rights-tabs .ant-tabs-tab:not(.ant-tabs-tab-active) .ant-tabs-tab-btn{color:#555}.access-rights-tabs .ant-tabs-ink-bar{display:none}.access-rights-tabs .ant-tabs-nav:before{border-bottom:none!important}.add-role-modal .ant-modal-content{border-radius:24px;padding:32px 40px}.add-role-modal .ant-modal-header{border-bottom:none;padding:0;margin-bottom:16px;text-align:center}.add-role-modal .ant-modal-title{width:100%;text-align:center;font-size:24px;font-weight:700;color:#3c4048}.add-role-modal .ant-modal-body{padding:0}.add-role-form{display:flex;flex-direction:column;gap:24px}.add-role-field{display:flex;flex-direction:column;gap:8px}.add-role-label{font-size:16px;font-weight:600;color:#3c4048}.add-role-label .required{color:#ff4d4f}.add-role-input{border-radius:8px;padding:10px 16px;border:1px solid #e1e4eb}.add-role-input:focus,.add-role-input.ant-input-focused{border-color:#88c126;box-shadow:0 0 0 2px #88c1261f}.add-role-permissions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;row-gap:12px}.add-role-permission-item{display:flex;align-items:center;gap:8px;color:#4a4f59;font-size:15px}.add-role-footer{margin-top:32px;display:flex;justify-content:center;gap:16px}.add-role-cancel-btn{min-width:140px;height:44px;border-radius:8px;background-color:#f4f2f0!important;border-color:#e1ded9!important;color:#333!important;font-weight:600}.add-role-save-btn{min-width:140px;height:44px;border-radius:8px;background-color:#88c126!important;border-color:#88c126!important;color:#fff!important;font-weight:600}@media(max-width:575px){.add-role-modal .ant-modal-content{padding:24px 20px}.add-role-permissions-grid{grid-template-columns:1fr}}.access-rights-search-bar{display:flex;align-items:center;gap:12px}.access-rights-search-input-wrapper{flex:1;display:flex;align-items:center;padding:10px 16px;border-radius:12px;background-color:#fff;border:1px solid #e0e3e8;box-shadow:0 1px 3px #0000000a}.access-rights-search-icon{font-size:16px;color:#b3b8c2;margin-right:8px}.access-rights-search-input{padding:0;border:0px}.access-rights-search-input .ant-input{border:none;box-shadow:none!important}.access-rights-search-input .ant-input:focus{box-shadow:none!important;border:0px}.access-rights-add-button{border-radius:8px;padding:0 24px;height:40px;background-color:#88c126!important;border-color:#88c126!important;font-weight:600}.access-rights-add-button:hover{background-color:#7ab31e!important;border-color:#7ab31e!important}