*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#root{height:100vh;width:100vw;overflow:hidden}.app{height:100vh;width:100vw;transition:all .3s ease;overflow:hidden}.app.dark{background-color:#001529;color:#fff}.app.light{background-color:#f0f2f5;color:#000}.ant-layout{height:100vh!important;overflow:hidden}.ant-layout-sider{height:100vh!important;overflow-y:auto;overflow-x:hidden;box-shadow:2px 0 8px #00000026;z-index:100}.ant-layout-header{padding:0!important;height:64px!important;line-height:64px!important;box-shadow:0 2px 8px #0000000f;z-index:99;position:relative;background:#fff}.app.dark .ant-layout-header{background:#141414;border-bottom:1px solid #303030}.ant-layout-content{height:calc(100vh - 64px)!important;overflow-y:auto;overflow-x:hidden;padding:16px!important;margin:0!important;background:#f0f2f5}.app.dark .ant-layout-content{background:#000}.layout-logo{height:64px;background:#ffffff26;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;margin:16px;transition:all .3s}.layout-logo:hover{background:#ffffff40}.layout-logo.collapsed{margin:16px 8px;font-size:14px}.ant-menu{border:none!important}.ant-menu-item{margin:4px 8px!important;border-radius:6px!important;height:40px!important;line-height:40px!important}.ant-menu-item-selected{background-color:#1890ff!important}.ant-menu-item:hover{background-color:#1890ff1a!important}.layout-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px}.header-left{display:flex;align-items:center}.header-right{display:flex;align-items:center;gap:16px}.trigger-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:6px;transition:all .3s;color:#666}.trigger-btn:hover{background-color:#0000000f;color:#1890ff}.app.dark .trigger-btn:hover{background-color:#ffffff1a;color:#1890ff}.page-container{height:100%;overflow-y:auto;padding:0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.page-title{font-size:24px;font-weight:600;margin:0;color:#262626}.app.dark .page-title{color:#fff}.page-actions{display:flex;gap:12px;flex-wrap:wrap}.ant-card{box-shadow:0 2px 8px #0000000f;border-radius:8px;border:1px solid #f0f0f0;margin-bottom:16px}.app.dark .ant-card{background:#141414;border-color:#303030}.ant-card-head{border-bottom:1px solid #f0f0f0;padding:16px 24px}.app.dark .ant-card-head{border-bottom-color:#303030}.ant-card-body{padding:24px}.ant-table-wrapper{overflow-x:auto;border-radius:8px}.ant-table{font-size:14px}.ant-table-thead>tr>th{background:#fafafa;border-bottom:1px solid #f0f0f0;font-weight:600;color:#262626}.app.dark .ant-table-thead>tr>th{background:#262626;border-bottom-color:#434343;color:#fff}.ant-table-tbody>tr:hover>td{background:#f5f5f5!important}.app.dark .ant-table-tbody>tr:hover>td{background:#262626!important}.stat-card{text-align:center;padding:24px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #0000001a}.stat-card .ant-statistic-title{color:#fffc;font-size:14px;margin-bottom:8px}.stat-card .ant-statistic-content{color:#fff;font-size:28px;font-weight:700}.ant-btn{border-radius:6px;font-weight:500;transition:all .3s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.ant-btn-primary{box-shadow:0 2px 4px #1890ff4d}.ant-btn-primary:hover{box-shadow:0 4px 8px #1890ff66;transform:translateY(-1px)}.ant-input,.ant-select-selector,.ant-input-number{border-radius:6px;border:1px solid #d9d9d9;transition:all .3s}.ant-input:focus,.ant-select-focused .ant-select-selector,.ant-input-number:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.ant-modal-content{border-radius:12px;overflow:hidden}.ant-modal-header{border-radius:12px 12px 0 0;padding:20px 24px;border-bottom:1px solid #f0f0f0}.ant-modal-body{padding:24px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@media (max-width: 1200px){.page-header{flex-direction:column;align-items:flex-start}.page-actions{width:100%;justify-content:flex-start}}@media (max-width: 992px){.ant-layout-content{padding:12px!important}.ant-card-body{padding:16px}.page-title{font-size:20px}}@media (max-width: 768px){.ant-layout-sider{position:fixed!important;left:0;top:0;bottom:0;z-index:1000;transform:translate(-100%);transition:transform .3s}.ant-layout-sider.ant-layout-sider-collapsed{transform:translate(-80px)}.ant-layout-sider:not(.ant-layout-sider-collapsed){transform:translate(0)}.ant-layout{margin-left:0!important}.layout-header{padding:0 16px}.header-right{gap:8px}.page-header{margin-bottom:16px}.page-title{font-size:18px}.ant-table-wrapper{font-size:12px}.ant-btn{font-size:12px;height:32px;padding:4px 8px}.ant-input,.ant-select-selector{font-size:14px}.stat-card{padding:16px}.stat-card .ant-statistic-content{font-size:20px}}@media (max-width: 576px){.ant-layout-content{padding:8px!important}.page-header{flex-direction:column;gap:12px}.page-actions{width:100%;justify-content:space-between}.ant-btn{font-size:12px;height:28px;padding:4px 6px}.ant-modal-content{margin:16px;max-width:calc(100vw - 32px)}}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-8{gap:8px}.gap-16{gap:16px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.text-center{text-align:center}.w-full{width:100%}: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;display:flex;place-items:center;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}}
