@media (min-width: 768px){.search-box{display:block!important}}.card{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000017;transition:all .3s ease}.card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.table-container{margin-top:24px;overflow-x:auto}.form-container{max-width:600px;margin:0 auto}.btn-group{margin-top:24px;display:flex;gap:12px;justify-content:flex-end}@media (max-width: 768px){.btn-group{flex-direction:column}.btn-group button{width:100%}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:300px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 0;color:#999}.chart-container{height:300px;margin-top:24px}.tabs{margin-bottom:24px}.stat-card{text-align:center;padding:24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;margin-bottom:24px}.stat-card .number{font-size:32px;font-weight:700;margin:12px 0}.stat-card .desc{font-size:14px;opacity:.9}@media (max-width: 768px){.stat-card{padding:16px}.stat-card .number{font-size:24px}}.sales-table .ant-table-thead>tr>th{background-color:#e6e8eb!important;color:#1a1a2e!important;font-weight:600!important;font-size:14px!important;white-space:nowrap!important;border-bottom:2px solid #d0d5dd!important;padding:12px 16px!important;line-height:1.5!important}.sales-table .ant-table-tbody>tr>td{white-space:nowrap!important;padding:8px 16px!important;line-height:1.5!important}.sales-table .ant-table-tbody>tr{height:auto!important}.plan-card-active{box-shadow:0 0 0 2px #1890ff}.plan-card-active:before{content:"";position:absolute;top:0;right:0;border-style:solid;border-width:0 40px 40px 0;border-color:#1890ff #fff #fff #1890ff}.subscription-stat-card{text-align:center;padding:16px;border-radius:8px;background:#f5f5f5}.subscription-stat-card .ant-statistic-title{font-size:14px;color:#666}.subscription-stat-card .ant-statistic-content{font-size:24px;font-weight:600}.ant-card-hoverable:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.pay-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;height:48px;font-size:16px}.pay-button:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.subscription-status-active{background:#f6ffed;border-color:#b7eb8f;color:#52c41a}.subscription-status-expired{background:#fff2f0;border-color:#ffccc7;color:#ff4d4f}.subscription-status-warning{background:#fffbe6;border-color:#ffe58f;color:#faad14}.ant-layout-sider{background:linear-gradient(180deg,#001529,#002140)!important}.ant-layout-sider .logo{background:linear-gradient(135deg,#001529,#003060)!important;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.06)}.ant-menu-dark .ant-menu-item,.ant-menu-dark .ant-menu-submenu-title{margin:2px 8px!important;border-radius:6px!important;width:auto!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.ant-menu-dark .ant-menu-item:not(.ant-menu-item-selected):hover,.ant-menu-dark .ant-menu-submenu-title:hover{background:#ffffff14!important}.ant-menu-dark .ant-menu-item-selected{background:linear-gradient(135deg,#1890ff40,#1890ff1a)!important;box-shadow:inset 3px 0 #1890ff;font-weight:500}.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title{color:#1890ff!important;background:linear-gradient(135deg,#1890ff2e,#1890ff0f)!important;box-shadow:inset 3px 0 #1890ff;font-weight:500}.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title{color:#fffffff2!important}.ant-menu-dark .ant-menu-sub{background:#00000026!important;margin:0 8px!important;border-radius:0 0 6px 6px!important}.ant-menu-dark .ant-menu-sub .ant-menu-item{padding-left:48px!important;border-radius:4px!important;margin:1px 8px!important}.ant-menu-dark .ant-menu-sub .ant-menu-item-selected{background:transparent!important;box-shadow:none!important;color:#1890ff!important;font-weight:500}.ant-menu-dark .ant-menu-item .anticon,.ant-menu-dark .ant-menu-submenu-title .anticon{transition:opacity .25s ease,transform .25s ease;font-size:16px}.ant-menu-dark .ant-menu-item:hover .anticon,.ant-menu-dark .ant-menu-submenu-title:hover .anticon{transform:scale(1.1)}.ant-menu-dark .ant-menu-item-group-title{color:#ffffff4d!important;font-size:11px;letter-spacing:2px;padding-left:16px!important}.ant-menu-dark.ant-menu-inline-collapsed .ant-menu-submenu-popup,.ant-menu-dark.ant-menu-inline-collapsed .ant-menu-submenu-popup .ant-menu{border-radius:8px}.ant-menu-dark.ant-menu-inline-collapsed .ant-menu-submenu-popup .ant-menu-item{border-radius:4px;margin:2px 6px!important}.ant-menu-dark>.ant-menu-item:hover{background:#ffffff14!important}.ant-menu-dark .ant-menu-submenu-arrow{transition:transform .3s ease!important}.ant-layout-sider ::-webkit-scrollbar{width:4px}.ant-layout-sider ::-webkit-scrollbar-track{background:transparent}.ant-layout-sider ::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.ant-layout-sider ::-webkit-scrollbar-thumb:hover{background:#fff3}*{margin:0;padding:0;box-sizing:border-box}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:#f0f2f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width: 768px){.ant-layout{min-width:100%!important}.ant-layout-content{margin:16px!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.feature-card:hover{background:#ffffff0f!important;border-color:#00d4ff4d!important;transform:translateY(-4px);box-shadow:0 8px 30px #00d4ff1a}