.app-sidebar{box-shadow:2px 0 12px #0000000f;height:100vh;overflow:hidden;background:#fff!important;transition:width .28s cubic-bezier(.2,0,0,1)}.app-sidebar.mobile{position:fixed;z-index:1000}.app-sidebar.desktop{position:relative;flex-shrink:0}.app-sidebar .sidebar-brand{height:64px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #f0f0f0;overflow:hidden;white-space:nowrap;transition:padding .28s cubic-bezier(.2,0,0,1)}.app-sidebar .sidebar-brand .sidebar-logo{width:34px;height:34px;min-width:34px;background:linear-gradient(135deg,#e8f4ff,#dbeeff);border-radius:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #1677ff26;flex-shrink:0}.app-sidebar .sidebar-brand .sidebar-app-name{font-size:15px;font-weight:700;color:#111827;letter-spacing:-.2px;max-width:160px;opacity:1;overflow:hidden;transition:max-width .28s cubic-bezier(.2,0,0,1),opacity .168s cubic-bezier(.2,0,0,1)}.app-sidebar .sidebar-menu{border:none!important;padding:8px;background:transparent!important;transition:padding .28s cubic-bezier(.2,0,0,1)}.app-sidebar .sidebar-menu .ant-menu-item{border-radius:8px;height:42px;line-height:42px;font-size:13.5px}.app-sidebar.collapsed .sidebar-brand{padding:0}.app-sidebar.collapsed .sidebar-brand .sidebar-app-name{max-width:0;opacity:0}.app-sidebar.collapsed .sidebar-menu{padding:8px 0}.app-sidebar.expanded .sidebar-app-name{padding-left:10px}.app-header{padding:0 20px 0 0;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 1px 4px #0000000a}.app-header .header-left{display:flex;align-items:center}.app-header .header-toggle{width:54px;height:64px;border-radius:0;font-size:16px;color:#595959}.app-header .header-right{display:flex;align-items:center;gap:4px}.app-header .header-action-btn{width:38px;height:38px;border-radius:9px;color:#595959;display:flex;align-items:center;justify-content:center}.app-header .user-trigger{display:flex;align-items:center;gap:9px;padding:5px 10px 5px 5px;border-radius:10px;cursor:pointer;transition:background .15s ease;border:1px solid transparent;margin-left:4px}.app-header .user-trigger:hover{background:#f5f7ff;border-color:#e6edff}.app-header .user-trigger .user-avatar{width:32px;height:32px;line-height:32px;font-size:12px;font-weight:700;background:linear-gradient(135deg,#1677ff,#4096ff);flex-shrink:0}.app-header .user-trigger .user-meta{display:flex;flex-direction:column;line-height:1.25}.app-header .user-trigger .user-meta .user-name{font-size:13px;font-weight:600;color:#111827;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.app-header .user-trigger .user-meta .user-role{font-size:11px;color:#8c8c8c;text-transform:capitalize}.app-header .user-trigger .user-chevron{font-size:10px;color:#bfbfbf;flex-shrink:0}.user-dropdown-overlay{min-width:220px!important}.user-dropdown-overlay .ant-dropdown-menu{padding:4px;border-radius:12px;box-shadow:0 8px 24px #0000001f}.user-dropdown-overlay .ant-dropdown-menu-item-disabled{cursor:default}.user-dropdown-overlay .ant-dropdown-menu-item-disabled:hover{background:transparent!important}.user-dropdown-overlay .dropdown-profile-card{display:flex;align-items:center;gap:12px;padding:10px 8px 8px}.user-dropdown-overlay .dropdown-profile-card .dp-avatar{width:40px;height:40px;line-height:40px;font-size:15px;font-weight:700;background:linear-gradient(135deg,#1677ff,#4096ff);flex-shrink:0}.user-dropdown-overlay .dropdown-profile-card .dp-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.user-dropdown-overlay .dropdown-profile-card .dp-info .dp-name{font-size:13px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-overlay .dropdown-profile-card .dp-info .dp-email{font-size:11px;color:#8c8c8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-overlay .dropdown-profile-card .dp-info .dp-role{margin-top:3px;width:fit-content;font-size:10px;text-transform:capitalize;border-radius:4px;padding:0 5px;line-height:18px}.user-dropdown-overlay .ant-dropdown-menu-item-divider{margin:4px 0}.user-dropdown-overlay .ant-dropdown-menu-item{border-radius:8px;font-size:13px;margin:2px 0}.user-dropdown-overlay .ant-dropdown-menu-item:last-child{margin-bottom:0}.breadcrumb{font-size:14px;background-color:#fff;padding:12px 24px;box-shadow:0 .5px .5px #0000}.breadcrumb .ant-breadcrumb-link{color:#8c8c8c;transition:color .2s ease}.breadcrumb .ant-breadcrumb-link:hover{color:#1890ff}.breadcrumb .ant-breadcrumb-separator{color:#d9d9d9;margin:0 8px}.breadcrumb .ant-breadcrumb ol{display:flex;align-items:center;margin:0;padding:0;list-style:none}.breadcrumb .ant-breadcrumb-link,.breadcrumb .breadcrumb-current{font-size:14px;line-height:1.5}.breadcrumb-link{text-transform:capitalize;color:#8c8c8c;text-decoration:none;font-weight:400}.breadcrumb-link:hover{color:#1890ff}.breadcrumb-current{text-transform:capitalize;color:#8c8c8c;font-weight:400}.app-layout{height:100vh;width:100%;margin:0;padding:0;background:#f0f2f5;overflow:hidden}.app-layout .mobile-overlay{position:fixed;inset:0;background:#00000073;z-index:999}.app-layout .content-layout{height:100vh;width:calc(100% - 200px)!important;display:flex;flex-direction:column;margin:0;padding:0;background:#f0f2f5;transition:margin-left .2s ease}.app-layout .content-layout.sidebar-collapsed{margin-left:80px}.app-layout .content-layout.mobile{margin-left:0}.app-layout .main-content{flex:1;height:calc(100vh - 134px);overflow-y:auto;overflow-x:hidden;border-radius:0;box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005}.app-layout .main-content.mobile{padding:5px!important;height:calc(100vh - 134px)}.app-layout .main-content.desktop{padding:24px!important}.loading-fullscreen{position:fixed;inset:0;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;animation:fadeIn .3s ease-out forwards}.loading-fullscreen .loading-content{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-fullscreen .loading-content .loading-text{margin:0;color:#666;font-size:16px;font-weight:500;letter-spacing:.5px;animation:textPulse 1.5s ease-in-out infinite}.loading-fullscreen .loading-content .ant-spin .anticon{color:#1890ff!important;filter:drop-shadow(0 2px 4px rgba(24,144,255,.3))}.loading-container{display:flex;align-items:center;justify-content:center;padding:60px 20px;min-height:200px}.loading-container .ant-spin .ant-spin-dot{font-size:24px}.loading-container .ant-spin .ant-spin-text{color:#666;font-size:14px;margin-top:16px;font-weight:500}.loading-container .ant-spin .anticon{color:#1890ff!important;filter:drop-shadow(0 1px 2px rgba(24,144,255,.2))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes textPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes smoothSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-fullscreen .loading-content .ant-spin .anticon,.loading-container .ant-spin .anticon{animation:smoothSpin 1s linear infinite}@media (max-width: 768px){.loading-fullscreen .loading-content{margin:20px;padding:30px 20px}.loading-fullscreen .loading-content .loading-text{font-size:14px}}@media (prefers-color-scheme: dark){.loading-fullscreen .loading-content .loading-text{color:#ccc}}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0!important;padding:0!important;width:100%!important;height:100%!important}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5!important}#root{width:100%!important;height:100vh!important;margin:0!important;padding:0!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.status-active{color:#52c41a}.status-inactive{color:#ff4d4f}.status-pending{color:#faad14}.loading-overlay{position:relative}.loading-overlay:after{content:"";position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center}.ant-layout{background:#f5f5f5!important;width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.ant-layout-sider{background:#fff!important;height:100vh!important;margin:0!important;padding:0!important;box-sizing:border-box!important;flex:none!important;box-shadow:2px 0 8px #1d23290d!important}@media (max-width: 768px){.ant-layout-sider{position:fixed!important;z-index:1000!important;height:100vh!important}}@media (max-width: 768px){.ant-layout-sider-zero-width-trigger{display:none!important}}.ant-layout-content{background:transparent!important;margin:0!important;padding:0!important;overflow:auto!important}.ant-layout-header{background:#fff!important;border-bottom:1px solid #f0f0f0!important;margin:0!important;padding:0 16px!important;box-shadow:0 1px 4px #00000014!important}.ant-layout-footer{background:#fff!important;border-top:1px solid #f0f0f0!important;margin:0!important;text-align:center!important;padding:12px 16px!important}.ant-card{border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0}.ant-card-head{border-bottom:1px solid #f0f0f0}.ant-btn{border-radius:8px;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:4px}.ant-btn-primary{box-shadow:0 2px 4px #1890ff33}.ant-btn .anticon{display:flex!important;align-items:center!important;justify-content:center!important}.ant-btn>*{display:flex!important;align-items:center!important;justify-content:center!important}.ant-table{border-radius:12px;overflow:hidden}.ant-table-thead>tr>th{background:#fafafa;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ant-table-wrapper{overflow-x:auto!important;overflow-y:hidden!important;max-width:100%!important}.ant-table-wrapper::-webkit-scrollbar{height:8px;display:block!important}.ant-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.ant-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.ant-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ant-table-wrapper:hover{overflow-x:auto!important}@media (max-width: 992px){.ant-table-wrapper{overflow-x:auto!important}}@media (max-width: 768px){.ant-table-wrapper{overflow-x:auto!important}}.ant-table-thead>tr>th,.ant-table-tbody>tr>td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:fit-content}@media (max-width: 768px){.ant-table-thead>tr>th,.ant-table-tbody>tr>td{padding:8px}}.ant-table table{width:auto;min-width:100%}.ant-table-content{overflow-x:auto!important;overflow-y:hidden!important}.ant-table-body{overflow-x:auto!important}.ant-table-container{overflow-x:auto!important;overflow-y:hidden!important}.ant-table-container::-webkit-scrollbar{height:8px;display:block!important}.ant-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.ant-table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.ant-table-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ant-form-item{margin-bottom:16px}.ant-form-item-label>label{font-weight:500}@media (max-width: 768px){.ant-form-item{margin-bottom:16px}}.ant-menu-item:hover{color:#1890ff!important}.ant-menu-item-selected{background-color:#e6f7ff!important;border-radius:8px;margin:4px 8px;width:calc(100% - 16px)}.ant-menu-inline .ant-menu-item{margin:4px 8px;width:calc(100% - 16px);border-radius:8px}@media (max-width: 768px){.ant-row{margin-left:-8px!important;margin-right:-8px!important}}@media (max-width: 768px){.ant-col{padding-left:8px!important;padding-right:8px!important}}@media (max-width: 1200px){.ant-layout-content{padding:20px!important}}@media (max-width: 992px){.ant-layout-content{padding:16px!important}}@media (max-width: 768px){body{font-size:14px}.ant-layout-content{margin:0!important;padding:12px!important}.ant-card{margin-bottom:16px;border-radius:8px}.ant-card-head-title{font-size:16px}.ant-btn{padding:0 10px;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:4px}.ant-btn .anticon{display:flex!important;align-items:center!important;justify-content:center!important}.ant-btn>*{display:flex!important;align-items:center!important;justify-content:center!important}}@media (max-width: 576px){.ant-layout-content{padding:8px!important}.ant-card{margin-bottom:12px}.ant-statistic-title{font-size:12px}.ant-statistic-content{font-size:16px}h1{font-size:20px!important}h2{font-size:18px!important}h3{font-size:16px!important}}.app-sidebar .sidebar-header{border-bottom:unset;margin-bottom:unset}.ant-menu-vertical,.ant-menu-inline{border-inline-end:unset!important}