:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f4f8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,textarea,select{font:inherit}#root{min-height:100vh}.login-page{background:linear-gradient(135deg,#f5f3ff 0%,#eef2ff 45%,#fff7ed 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-background{filter:blur(4px);background:radial-gradient(circle at 25% 25%,#7c3aed2e,#0000 32%),radial-gradient(circle at 75% 20%,#f59e0b2e,#0000 28%),radial-gradient(circle at 50% 80%,#0ea5e924,#0000 34%);position:absolute;inset:-20%}.login-card{border-radius:24px;width:420px;padding:14px;position:relative;box-shadow:0 24px 80px #4338ca2e}.login-title{text-align:center;margin-bottom:28px}.login-title h1{color:#312e81;margin:0 0 8px;font-size:30px;font-weight:700}.login-title p{color:#6b7280;margin:0}.admin-layout{height:100vh;overflow:hidden}.admin-layout>.ant-layout{min-width:0;height:100%}.admin-sider{border-right:1px solid #edf0f4;flex-direction:column;height:100vh;display:flex;overflow:hidden;box-shadow:2px 0 12px #0f172a0a;background:#fff!important}.admin-sider .ant-layout-sider-children{flex-direction:column;flex:1;min-height:0;display:flex}.admin-sider-mask{display:none}.admin-header-left{align-items:center;gap:4px;min-width:0;display:flex}.admin-menu-trigger{justify-content:center;align-items:center;font-size:16px;display:inline-flex}.admin-sider .ant-layout-sider-trigger{color:#6b7280;background:#fff;border-top:1px solid #edf0f4}.admin-menu{flex:1;min-height:0;padding:8px 8px 16px;overflow-y:auto;border-inline-end:none!important}.admin-logo{color:#111827;letter-spacing:.5px;border-bottom:1px solid #f3f4f6;justify-content:center;align-items:center;gap:10px;height:64px;padding:0 20px;font-size:18px;font-weight:700;display:flex}.admin-header{border-bottom:1px solid #edf0f4;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;box-shadow:0 1px 4px #0f172a0a}.admin-header-title{color:#111827;font-size:18px;font-weight:600}.admin-user-button{align-items:center;gap:8px;display:inline-flex}.admin-content{background:#f5f6fa;flex:1;min-height:0;padding:12px;overflow:hidden}.page-card{background:#fff;border-radius:16px;flex-direction:column;height:100%;min-height:0;padding:28px;display:flex;overflow:hidden;box-shadow:0 2px 12px #0f172a0d}.table-area,.table-area .ant-table-wrapper,.table-area .ant-table-wrapper .ant-spin-nested-loading,.table-area .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container{flex-direction:column;flex:1;min-height:0;display:flex}.table-area .ant-table-wrapper .ant-table{flex:1;min-height:0}.table-area .ant-table-body,.table-area .ant-table-content{scrollbar-width:thin;scrollbar-color:#0f172a42 transparent;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.table-area .ant-table-body::-webkit-scrollbar{height:8px}.table-area .ant-table-content::-webkit-scrollbar{height:8px}.table-area .ant-table-body::-webkit-scrollbar-track{background:0 0}.table-area .ant-table-content::-webkit-scrollbar-track{background:0 0}.table-area .ant-table-body::-webkit-scrollbar-thumb{background:#0f172a38 padding-box content-box;border:2px solid #0000;border-radius:999px}.table-area .ant-table-content::-webkit-scrollbar-thumb{background:#0f172a38 padding-box content-box;border:2px solid #0000;border-radius:999px}.table-area .ant-table-body::-webkit-scrollbar-thumb:hover{background:#0f172a66 padding-box content-box}.table-area .ant-table-content::-webkit-scrollbar-thumb:hover{background:#0f172a66 padding-box content-box}.page-card>.ant-tabs{flex-direction:column;flex:1;min-height:0;display:flex}.page-card>.ant-tabs>.ant-tabs-content-holder{flex:1;min-height:0}.page-card>.ant-tabs>.ant-tabs-content-holder>.ant-tabs-content{height:100%}.page-card>.ant-tabs>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane{flex-direction:column;height:100%;min-height:0;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-header h2,.empty-page h2{color:#111827;margin:0 0 6px;font-size:22px}.page-header p,.empty-page p{color:#6b7280;margin:0;font-size:14px}.search-form{background:#fafbfc;border:1px solid #eef0f3;border-radius:12px;row-gap:12px;margin-bottom:20px;padding:20px 20px 12px}.search-form .ant-form-item{margin-inline-end:16px;margin-bottom:8px}.search-form .ant-form-item:last-child{margin-inline-end:0}.search-form .ant-input,.search-form .ant-input-affix-wrapper{width:220px}.search-form .ant-select{min-width:150px}.search-form .ant-form-item-label>label{color:#4b5563}.banner-thumb,.product-thumb{object-fit:cover;border-radius:8px}.banner-uploader{margin-bottom:16px}.form-preview{border-radius:10px;margin-bottom:16px}.product-edit-modal .ant-modal-body{scrollbar-width:thin;scrollbar-color:#0f172a4d transparent}.product-edit-modal .ant-modal-body::-webkit-scrollbar{width:4px}.product-edit-modal .ant-modal-body::-webkit-scrollbar-track{background:0 0}.product-edit-modal .ant-modal-body::-webkit-scrollbar-thumb{background:#0f172a42;border-radius:999px}.product-edit-modal .ant-modal-body::-webkit-scrollbar-thumb:hover{background:#0f172a6b}.empty-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}@media (width<=991px){.admin-sider{z-index:1001;position:fixed;top:0;bottom:0;left:0}.admin-sider-mask{z-index:1000;background:#0f172a73;display:block;position:fixed;inset:0}.admin-header{padding:0 16px}.admin-content{padding:12px}.page-card{padding:20px}.admin-logo{padding:0 16px;font-size:16px}}@media (width<=767px){.admin-header-title{white-space:nowrap;font-size:16px}.admin-user-button span:not(.anticon){text-overflow:ellipsis;white-space:nowrap;max-width:90px;overflow:hidden}.admin-content{padding:10px}.page-card{border-radius:12px;padding:16px}.page-header{flex-direction:column;gap:12px;margin-bottom:16px}.page-header h2{font-size:19px}.search-form{margin-bottom:16px;padding:16px 16px 8px}.search-form .ant-form-item{margin-inline-end:0}.search-form .ant-input,.search-form .ant-input-affix-wrapper,.search-form .ant-select,.search-form .ant-picker{width:100%!important;min-width:0!important}.search-form .ant-form-item-control-input-content>.ant-space{flex-wrap:wrap}.search-form .ant-form-item-control-input-content>.ant-space .ant-space-item{margin-inline-end:8px}.ant-modal{max-width:calc(100vw - 24px);margin:12px auto!important}.ant-modal .ant-modal-content{padding:20px 16px}.ant-modal .ant-modal-header{margin-bottom:14px}.ant-modal .ant-modal-footer{margin-top:14px}.ant-modal .ant-descriptions-view{overflow-x:auto}.ant-modal .ant-descriptions-view table{min-width:520px}.ant-modal .ant-form-item{flex-wrap:wrap}.ant-modal .ant-form-item-label{text-align:left;flex-basis:100%}.ant-modal .ant-form-item-label>label{height:32px}.ant-modal .ant-form-item-control{flex:100%;max-width:100%}.ant-table-pagination{flex-wrap:wrap}.ant-pagination-total-text{width:100%;margin-bottom:6px}.login-card{width:calc(100vw - 32px);max-width:420px;padding:12px}.login-title{margin-bottom:22px}.login-title h1{font-size:26px}}