:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden}body::-webkit-scrollbar{display:none}html{scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden}html::-webkit-scrollbar{display:none}@keyframes rotateCube{0%{transform:rotateX(0)rotateY(0)rotate(0)}16.66%{transform:rotateX(90deg)rotateY(0)rotate(0)}33.33%{transform:rotateX(90deg)rotateY(90deg)rotate(0)}50%{transform:rotateX(0)rotateY(90deg)rotate(90deg)}66.66%{transform:rotateX(0)rotateY(180deg)rotate(90deg)}83.33%{transform:rotateX(90deg)rotateY(180deg)rotate(180deg)}to{transform:rotateX(360deg)rotateY(360deg)rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-30px)translate(20px)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box;margin:0;padding:0}body{scroll-behavior:smooth;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6}#root{width:100%;min-height:100vh}.ant-layout{background:#fff}.ant-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026!important}.stats-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f!important}.hero-content{animation:1s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}.parallax-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.ant-btn-primary{background:#00d4aa;border-color:#00d4aa;transition:all .3s cubic-bezier(.4,0,.2,1)}.ant-btn-primary:hover{background:#00b894;border-color:#00b894;transform:translateY(-2px);box-shadow:0 8px 24px #00d4aa4d}.ant-btn:hover{transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(-2px)}.ant-menu-horizontal{line-height:64px}.ant-menu-horizontal>.ant-menu-item{border-bottom:2px solid #0000;transition:all .3s}.ant-menu-horizontal>.ant-menu-item:hover{border-bottom-color:#1890ff;transform:translateY(-1px)}.gradient-text{background:linear-gradient(135deg,#1890ff,#00d4aa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.scroll-indicator{z-index:9999;background:linear-gradient(90deg,#1890ff,#00d4aa);height:4px;transition:width .3s;position:fixed;top:0;left:0}@media (width<=768px){.hero-content h1{text-align:center!important;font-size:32px!important}.hero-content p{text-align:center!important;font-size:16px!important}.ant-layout-header{padding:0 16px!important}.ant-menu-horizontal{display:none!important}.feature-card .ant-card-body{padding:20px!important}.stats-card .ant-statistic-content-value{font-size:20px!important}.ant-col{margin-bottom:16px}.ant-space{justify-content:center}.ant-space-item{width:100%}}@media (width<=480px){.hero-content h1{font-size:28px!important;line-height:1.3!important}.hero-content p{font-size:14px!important}.ant-card-body,.feature-card .ant-card-body{padding:16px!important}.stats-card .ant-statistic-content-value{font-size:18px!important}.ant-statistic-title{font-size:12px!important}}@media (width>=769px) and (width<=1024px){.hero-content h1{font-size:42px!important}.hero-content p{font-size:18px!important}}.dashboard-sidebar-menu.ant-menu-inline .ant-menu-item{align-items:center!important;height:48px!important;margin:0!important;padding:0 16px!important;line-height:48px!important;display:flex!important}.dashboard-sidebar-menu.ant-menu-inline .ant-menu-item .ant-menu-item-icon{vertical-align:middle!important;align-items:center!important;margin-right:12px!important;font-size:16px!important;display:inline-flex!important}.dashboard-sidebar-menu.ant-menu-inline .ant-menu-item .ant-menu-title-content{vertical-align:middle!important;align-items:center!important;line-height:1!important;display:inline-flex!important}.dashboard-sidebar-menu.ant-menu-inline .ant-menu-submenu-title{align-items:center!important;height:48px!important;margin:0!important;padding:0 16px!important;line-height:48px!important;display:flex!important}.dashboard-sidebar-menu.ant-menu-inline .ant-menu-submenu-title .ant-menu-submenu-arrow{right:16px!important}.dashboard-sidebar-menu.ant-menu-inline .ant-menu-submenu-title .ant-menu-item-icon{vertical-align:middle!important;align-items:center!important;margin-right:12px!important;font-size:16px!important;display:inline-flex!important}.dashboard-sidebar-menu.ant-menu-inline .ant-menu-submenu-title .ant-menu-title-content{vertical-align:middle!important;align-items:center!important;line-height:1!important;display:inline-flex!important}.dashboard-sidebar-menu.ant-menu-inline .ant-menu-sub .ant-menu-item{align-items:center!important;height:40px!important;padding-left:48px!important;line-height:40px!important;display:flex!important}.dashboard-sidebar-menu.ant-menu-inline .ant-menu-sub .ant-menu-item .ant-menu-title-content{align-items:center!important;line-height:1!important;display:inline-flex!important}html{scroll-behavior:smooth}@keyframes pulse-loading{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:2s infinite pulse-loading}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.ant-modal .ant-modal-body,.ant-modal textarea,.ant-drawer .ant-drawer-body,.ant-drawer textarea{scrollbar-width:thin;scrollbar-color:#d9d9d9 transparent}.ant-modal .ant-modal-body::-webkit-scrollbar{width:6px;height:6px}.ant-modal textarea::-webkit-scrollbar{width:6px;height:6px}.ant-drawer .ant-drawer-body::-webkit-scrollbar{width:6px;height:6px}.ant-drawer textarea::-webkit-scrollbar{width:6px;height:6px}.ant-modal .ant-modal-body::-webkit-scrollbar-track{background:0 0}.ant-modal textarea::-webkit-scrollbar-track{background:0 0}.ant-drawer .ant-drawer-body::-webkit-scrollbar-track{background:0 0}.ant-drawer textarea::-webkit-scrollbar-track{background:0 0}.ant-modal .ant-modal-body::-webkit-scrollbar-thumb{background-color:#d9d9d9;border-radius:3px}.ant-modal textarea::-webkit-scrollbar-thumb{background-color:#d9d9d9;border-radius:3px}.ant-drawer .ant-drawer-body::-webkit-scrollbar-thumb{background-color:#d9d9d9;border-radius:3px}.ant-drawer textarea::-webkit-scrollbar-thumb{background-color:#d9d9d9;border-radius:3px}.ant-modal .ant-modal-body::-webkit-scrollbar-thumb:hover{background-color:#bfbfbf}.ant-modal textarea::-webkit-scrollbar-thumb:hover{background-color:#bfbfbf}.ant-drawer .ant-drawer-body::-webkit-scrollbar-thumb:hover{background-color:#bfbfbf}.ant-drawer textarea::-webkit-scrollbar-thumb:hover{background-color:#bfbfbf}.ant-layout-sider-collapsed .ant-menu-item .ant-menu-item-icon,.ant-layout-sider-collapsed .ant-menu-submenu-title .ant-menu-item-icon{margin-right:0!important}.ant-layout-sider-collapsed .sider-logo{padding:24px 8px!important}.ant-layout-sider-collapsed .sider-logo .ant-typography{display:none}.ant-layout-sider-trigger{color:#1890ff!important;background:#fff!important;border-top:1px solid #f0f0f0!important;transition:all .2s!important}.ant-layout-sider-trigger:hover{color:#40a9ff!important;background:#f5f5f5!important}.ant-layout-sider,.ant-menu{transition:all .2s!important}.ant-layout-sider-collapsed .ant-menu-item,.ant-layout-sider-collapsed .ant-menu-submenu-title{padding:0 calc(50% - 8px)!important}.ant-layout-sider-collapsed .ant-menu-item .ant-menu-item-icon,.ant-layout-sider-collapsed .ant-menu-submenu-title .ant-menu-item-icon{font-size:16px!important;line-height:48px!important}.ant-menu-submenu-title{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.ant-menu-submenu-title:hover{background-color:#f5f5f5!important}.ant-menu-sub.ant-menu-inline{transition:height .3s cubic-bezier(.4,0,.2,1)!important}.ant-menu-sub{background-color:#fafafa!important;border-radius:0!important}.ant-menu-sub .ant-menu-item{background-color:#0000!important;transition:all .2s!important}.ant-menu-sub .ant-menu-item:hover{color:#1890ff!important;background-color:#e6f7ff!important}.ant-menu-sub .ant-menu-item-selected{color:#1890ff!important;background-color:#e6f7ff!important;font-weight:500!important}.ant-layout-sider-collapsed .ant-menu-submenu{overflow:visible!important}.ant-layout-sider-collapsed .ant-menu-submenu-title{padding:0 calc(50% - 8px)!important}.ant-menu-item-selected{color:#1890ff!important;background-color:#e6f7ff!important;font-weight:500!important}.ant-menu-item-selected:after{border-right:3px solid #1890ff!important}.ant-menu-item:hover,.ant-menu-submenu-title:hover{color:#1890ff!important}.ant-menu-item .ant-menu-item-icon,.ant-menu-submenu-title .ant-menu-item-icon{vertical-align:middle!important}@media (width<=767px){.ant-layout-header{height:56px!important;padding:0 16px!important}.ant-layout-header .ant-space{align-items:center!important}.ant-layout-header .ant-typography{margin:0!important;line-height:1!important}.ant-drawer-body{padding:0!important}.ant-drawer-content{background:#fff!important}.dashboard-sidebar-menu.ant-menu-inline .ant-menu-item,.dashboard-sidebar-menu.ant-menu-inline .ant-menu-submenu-title{border-radius:6px!important;height:48px!important;margin:0 8px!important;padding:0 20px!important;line-height:48px!important}.dashboard-sidebar-menu.ant-menu-inline .ant-menu-sub .ant-menu-item{border-radius:6px!important;margin:0 8px!important;padding-left:48px!important}.sider-logo{padding:20px 16px!important}.sider-logo .anticon{margin-bottom:6px!important;font-size:28px!important}.sider-logo .ant-typography{margin:0!important;font-size:18px!important}.ant-dropdown-trigger .ant-space{padding:4px!important}.ant-card{margin-bottom:16px!important}.ant-card-body{padding:16px!important}.ant-table-wrapper{overflow-x:auto!important}.ant-table{min-width:600px!important}.ant-form-item{margin-bottom:16px!important}.ant-form-item-label{padding-bottom:4px!important}.ant-btn{height:36px!important;padding:4px 12px!important;font-size:14px!important}.ant-btn-sm{height:28px!important;padding:0 8px!important;font-size:12px!important}.ant-input,.ant-select-selector,.ant-picker{height:36px!important;font-size:14px!important}.ant-pagination{text-align:center!important;margin-top:16px!important}.ant-pagination-item,.ant-pagination-prev,.ant-pagination-next{min-width:32px!important;height:32px!important;line-height:30px!important}.ant-drawer-mask{background-color:#00000073!important}.dashboard-sidebar-menu .ant-menu-item:active,.dashboard-sidebar-menu .ant-menu-submenu-title:active{background-color:#e6f7ff!important}}@media (width>=768px) and (width<=1024px){.ant-layout-header{padding:0 20px!important}.header-left-section .ant-typography{font-size:18px!important}}@media (width<=479px){.ant-layout-header{padding:0 12px!important}.header-left-section{gap:6px!important}.header-left-section .ant-typography{font-size:14px!important}.header-collapse-btn{width:24px!important;height:24px!important;font-size:12px!important}.sider-logo{padding:16px 12px!important}.sider-logo .anticon{font-size:24px!important}.sider-logo .ant-typography{font-size:16px!important}.dashboard-sidebar-menu.ant-menu-inline .ant-menu-item,.dashboard-sidebar-menu.ant-menu-inline .ant-menu-submenu-title{margin:0 6px!important;padding:0 16px!important}.dashboard-sidebar-menu.ant-menu-inline .ant-menu-sub .ant-menu-item{margin:0 6px!important;padding-left:40px!important}}@media (width<=767px) and (orientation:landscape){.ant-layout-header{height:48px!important;line-height:48px!important}.sider-logo{padding:12px 16px!important}.sider-logo .anticon{margin-bottom:4px!important;font-size:24px!important}.sider-logo .ant-typography{font-size:16px!important}}@media (hover:none) and (pointer:coarse){.ant-menu-item,.ant-menu-submenu-title,.ant-btn{min-height:44px!important}.header-collapse-btn{min-width:44px!important;min-height:44px!important}}@media (width<=767px){.dashboard-welcome-card .ant-row{text-align:center!important;flex-direction:column!important}.dashboard-welcome-card .ant-row .ant-col:first-child{margin-bottom:12px!important}.ant-statistic{text-align:center!important}.ant-statistic-title{margin-bottom:4px!important;font-size:12px!important}.ant-statistic-content{font-size:20px!important}.ant-statistic-content-prefix{margin-right:4px!important;font-size:16px!important}.ant-space-wrap{justify-content:center!important}.ant-space-wrap .ant-space-item{margin-bottom:8px!important}.ant-typography h3{text-align:center!important;margin-bottom:8px!important;font-size:18px!important}.ant-layout-content .ant-space{flex-wrap:wrap!important;justify-content:center!important}.ant-space .ant-space-item{font-size:12px!important}.ant-table-wrapper{border-radius:8px!important;overflow:hidden!important}.ant-table-thead>tr>th{white-space:nowrap!important;padding:8px 4px!important;font-size:12px!important}.ant-table-tbody>tr>td{padding:8px 4px!important;font-size:12px!important}.ant-table-pagination{text-align:center!important;margin:16px 0 0!important}.ant-space-compact{flex-direction:column!important;width:100%!important}.ant-space-compact .ant-btn{border-radius:4px!important;width:100%!important;margin-bottom:4px!important}.ant-form-horizontal .ant-form-item-label{text-align:left!important;padding-bottom:4px!important}.ant-form-item-control{margin-left:0!important}.ant-form-item-label{padding-right:0!important}.ant-form-item:last-child .ant-space{justify-content:center!important;width:100%!important}.ant-form-item:last-child .ant-btn{min-width:80px!important}.ant-input-search{margin-bottom:12px!important}.ant-select,.ant-date-picker{width:100%!important;margin-bottom:8px!important}.ant-row{margin-left:-8px!important;margin-right:-8px!important}.ant-col{padding-left:8px!important;padding-right:8px!important}.ant-card{border-radius:8px!important;box-shadow:0 1px 3px #0000001a!important}.ant-card-head{min-height:auto!important;padding:12px 16px!important}.ant-card-head-title{font-size:16px!important;font-weight:500!important}.ant-card-body{padding:16px!important}.ant-card-actions{padding:8px 16px!important}.ant-card-actions>li{margin:4px 0!important}.ant-message{top:16px!important}.ant-message-notice{margin-left:16px!important;margin-right:16px!important}.ant-notification{margin-top:16px!important;margin-right:16px!important}.ant-notification-notice{margin-bottom:8px!important}.ant-spin-container{min-height:200px!important}.ant-spin-dot{font-size:20px!important}.ant-spin-text{margin-top:8px!important;font-size:14px!important}.ant-empty{padding:32px 16px!important}.ant-empty-image{height:60px!important;margin-bottom:8px!important}.ant-empty-description{color:#999!important;font-size:14px!important}.user-management-mobile-card{border-radius:8px!important;margin-bottom:12px!important;box-shadow:0 1px 3px #0000001a!important}.user-management-mobile-card .ant-card-body{padding:12px!important}.user-management-mobile-card .user-avatar{border-radius:50%!important;width:40px!important;height:40px!important;margin-right:12px!important}.user-management-mobile-card .user-info{flex:1!important;min-width:0!important}.user-management-mobile-card .user-name{color:#262626!important;margin-bottom:4px!important;font-size:14px!important;font-weight:500!important}.user-management-mobile-card .user-login{color:#8c8c8c!important;margin-bottom:4px!important;font-size:12px!important}.user-management-mobile-card .user-email{color:#8c8c8c!important;margin-bottom:8px!important;font-size:12px!important}.user-management-mobile-card .user-tags{margin-bottom:4px!important}.user-management-mobile-card .user-tags .ant-tag{height:20px!important;margin-bottom:4px!important;margin-right:4px!important;padding:0 6px!important;font-size:11px!important;line-height:18px!important}.user-management-mobile-card .user-last-login{color:#bfbfbf!important;margin-top:4px!important;font-size:11px!important}.menu-management-mobile-card{border-radius:6px!important;margin-bottom:8px!important;box-shadow:0 1px 2px #00000014!important}.menu-management-mobile-card.menu-child{background-color:#fafafa!important;border-left:3px solid #1890ff!important}.menu-management-mobile-card .ant-card-body{padding:10px 12px!important}.menu-management-mobile-card .menu-name{color:#262626!important;margin-right:8px!important;font-size:14px!important;font-weight:500!important}.menu-management-mobile-card .menu-code,.menu-management-mobile-card .menu-path{color:#8c8c8c!important;margin-bottom:4px!important;font-size:12px!important}.menu-management-mobile-card .menu-tags .ant-tag{height:18px!important;margin-bottom:2px!important;margin-right:4px!important;padding:0 4px!important;font-size:10px!important;line-height:16px!important}.mobile-action-dropdown .ant-dropdown-menu{min-width:120px!important}.mobile-action-dropdown .ant-dropdown-menu-item{padding:8px 12px!important;font-size:14px!important}.ant-pagination.ant-pagination-simple{text-align:center!important;margin-top:16px!important}.ant-pagination.ant-pagination-simple .ant-pagination-simple-pager{align-items:center!important;display:inline-flex!important}.ant-pagination.ant-pagination-simple .ant-pagination-simple-pager input{text-align:center!important;width:50px!important;margin:0 8px!important}.mobile-page-header{margin-bottom:16px!important}.mobile-page-header .ant-typography{margin:0!important;font-size:18px!important;font-weight:600!important}.mobile-page-header .ant-btn{width:100%!important;margin-top:8px!important}.mobile-form .ant-form-item{margin-bottom:16px!important}.mobile-form .ant-form-item-label{padding-bottom:4px!important;font-weight:500!important}.mobile-form .ant-input,.mobile-form .ant-select-selector,.mobile-form .ant-input-number{border-radius:6px!important;height:40px!important;font-size:16px!important}.mobile-form .ant-select-selection-item{line-height:38px!important}.mobile-form .ant-switch{margin-top:4px!important}.mobile-modal .ant-modal-content{border-radius:12px!important;overflow:hidden!important}.mobile-modal .ant-modal-header{border-bottom:1px solid #f0f0f0!important;padding:16px 20px 12px!important}.mobile-modal .ant-modal-title{font-size:18px!important;font-weight:600!important}.mobile-modal .ant-modal-body{max-height:70vh!important;padding:16px 20px!important;overflow-y:auto!important}.mobile-modal .ant-modal-footer{border-top:1px solid #f0f0f0!important;padding:12px 20px 16px!important}.mobile-modal .ant-modal-footer .ant-btn{border-radius:6px!important;height:40px!important;font-size:16px!important}.mobile-loading{text-align:center!important;padding:40px 20px!important}.mobile-loading .ant-spin-dot{font-size:24px!important}.mobile-loading .ant-spin-text{margin-top:12px!important;font-size:14px!important}}@media (hover:none) and (pointer:coarse){.user-management-mobile-card,.menu-management-mobile-card{transition:transform .1s!important}.user-management-mobile-card:active,.menu-management-mobile-card:active{transform:scale(.98)!important}.ant-btn:active{transform:scale(.95)!important}.ant-dropdown-menu-item:active{background-color:#e6f7ff!important}}@media (width<=767px) and (orientation:landscape){.mobile-modal .ant-modal-body{max-height:50vh!important}.mobile-page-header .ant-btn{width:auto!important;margin-top:0!important;margin-left:8px!important}}@media (width<=767px) and (prefers-color-scheme:dark){.user-management-mobile-card,.menu-management-mobile-card{background-color:#1f1f1f!important;border-color:#303030!important}.menu-management-mobile-card.menu-child{background-color:#262626!important}.user-management-mobile-card .user-name,.menu-management-mobile-card .menu-name{color:#fff!important}.user-management-mobile-card .user-login,.user-management-mobile-card .user-email,.menu-management-mobile-card .menu-code,.menu-management-mobile-card .menu-path{color:#bfbfbf!important}}@media (width<=767px){.role-management-mobile-card{border-radius:8px!important;margin-bottom:12px!important;box-shadow:0 1px 3px #0000001a!important}.role-management-mobile-card .ant-card-body{padding:12px!important}.role-management-mobile-card .role-header{align-items:center!important;margin-bottom:8px!important;display:flex!important}.role-management-mobile-card .role-name{color:#262626!important;margin-right:8px!important;font-size:16px!important;font-weight:500!important}.role-management-mobile-card .role-code-tag{height:18px!important;padding:0 4px!important;font-size:10px!important;line-height:16px!important}.role-management-mobile-card .role-description{color:#8c8c8c!important;margin-bottom:8px!important;font-size:12px!important;line-height:1.4!important}.role-management-mobile-card .role-permission-count{color:#999!important;margin-bottom:8px!important;font-size:12px!important}.role-management-mobile-card .role-permissions-label{color:#666!important;margin-bottom:4px!important;font-size:12px!important;display:block!important}.role-management-mobile-card .role-permission-tags .ant-tag{height:16px!important;margin-bottom:2px!important;margin-right:4px!important;padding:0 4px!important;font-size:10px!important;line-height:14px!important}.permission-modal-mobile .ant-modal-body{padding:12px 16px!important}.permission-modal-mobile .permission-category{margin-bottom:16px!important}.permission-modal-mobile .permission-category-header{border-bottom:1px solid #f0f0f0!important;align-items:center!important;margin-bottom:8px!important;padding-bottom:6px!important;display:flex!important}.permission-modal-mobile .permission-category-title{margin-right:8px!important;font-size:14px!important;font-weight:500!important}.permission-modal-mobile .permission-category-count{color:#8c8c8c!important;font-size:12px!important}.permission-modal-mobile .permission-item{background-color:#fafafa!important;border-radius:4px!important;margin-bottom:8px!important;padding:8px!important}.permission-modal-mobile .permission-item .ant-checkbox-wrapper{width:100%!important}.permission-modal-mobile .permission-name{margin-bottom:4px!important;font-size:14px!important;font-weight:500!important;display:block!important}.permission-modal-mobile .permission-tags{margin:4px 0!important}.permission-modal-mobile .permission-tags .ant-tag{height:16px!important;margin-right:4px!important;padding:0 4px!important;font-size:10px!important;line-height:14px!important}.permission-modal-mobile .permission-description{color:#8c8c8c!important;margin-top:2px!important;font-size:12px!important;line-height:1.3!important}.menu-tree-mobile .ant-tree{font-size:14px!important}.menu-tree-mobile .ant-tree-node-content-wrapper{border-radius:4px!important;padding:4px 8px!important}.menu-tree-mobile .ant-tree-title{font-size:14px!important}.menu-tree-mobile .ant-tree-checkbox{margin-right:8px!important}.mobile-action-buttons{flex-direction:column!important;gap:8px!important;width:100%!important;display:flex!important}.mobile-action-buttons .ant-btn{border-radius:6px!important;width:100%!important;height:40px!important;font-size:14px!important}.mobile-role-form .ant-form-item{margin-bottom:20px!important}.mobile-role-form .ant-form-item-label{padding-bottom:6px!important;font-size:14px!important;font-weight:500!important}.mobile-role-form .ant-input,.mobile-role-form .ant-input-affix-wrapper{border-radius:6px!important;height:44px!important;font-size:16px!important}.mobile-role-form .ant-input::placeholder{color:#bfbfbf!important}.mobile-tree-container{background-color:#fafafa!important;border:1px solid #f0f0f0!important;border-radius:6px!important;padding:8px!important}.mobile-tree-container .ant-tree-node-content-wrapper:hover{background-color:#e6f7ff!important}.mobile-tree-container .ant-tree-node-selected{background-color:#bae7ff!important}}@media (hover:none) and (pointer:coarse){.role-management-mobile-card{transition:transform .1s!important}.role-management-mobile-card:active{transform:scale(.98)!important}.permission-item:active,.ant-tree-node-content-wrapper:active{background-color:#e6f7ff!important}}@media (width<=767px) and (prefers-color-scheme:dark){.role-management-mobile-card{background-color:#1f1f1f!important;border-color:#303030!important}.role-management-mobile-card .role-name{color:#fff!important}.role-management-mobile-card .role-description,.role-management-mobile-card .role-permission-count,.role-management-mobile-card .role-permissions-label{color:#bfbfbf!important}.permission-modal-mobile .permission-item{background-color:#262626!important}.mobile-tree-container{background-color:#262626!important;border-color:#404040!important}}