*{box-sizing:border-box}html{background:#f4f9ff}body{margin:0;background:radial-gradient(circle at top right,rgba(229,19,58,.08),transparent 28%),linear-gradient(180deg,#f4f9ff 0,#fff 460px);color:#1f2323}.app-shell{min-height:100vh}.app-sider{min-height:100vh;background:#fffffff5!important;border-right:1px solid #d9e5f2;box-shadow:8px 0 24px #00376b0f}.brand{display:flex;align-items:center;gap:12px;height:72px;padding:0 18px;color:#1f2323;font-size:17px;font-weight:700}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:#fff;background:#e5133a;border-radius:8px;box-shadow:0 10px 24px #e5133a52}.brand small{display:block;margin-top:2px;color:#5f6f7d;font-size:11px;font-weight:500}.app-sider .ant-menu{padding:8px 10px;background:transparent}.app-sider .ant-menu-item,.app-sider .ant-menu-item .anticon{color:#5f6f7d}.app-sider .ant-menu-item{height:44px;margin-inline:0;margin-block:4px;border-radius:8px}.app-sider .ant-menu-item-selected{color:#e5133a!important;background:#fff4f6!important}.app-sider .ant-menu-item-selected .anticon{color:#e5133a!important}.app-sider .ant-menu-item:hover{color:#e5133a!important;background:#fff8f9!important}.app-sider .ant-menu-item:hover .anticon{color:#e5133a!important}.app-header{display:flex;align-items:center;justify-content:space-between;min-height:88px;height:auto;padding:14px 28px;background:#ffffffeb;border-bottom:1px solid rgba(217,229,242,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);line-height:normal}.page-heading{display:flex;flex-direction:column;justify-content:center;min-height:56px}.page-heading h4,.app-header h4{margin:0 0 4px;color:#1f2323;letter-spacing:0;line-height:1.3}.app-content{padding:24px 28px 32px}.metric-grid{margin-bottom:16px}.metric-card{position:relative;flex:1 1 240px;min-width:240px;overflow:hidden;border:1px solid rgba(217,229,242,.95);border-radius:8px;box-shadow:0 14px 30px #00376b0f}.metric-card .ant-card-body{display:flex;align-items:center;gap:14px;min-height:116px;padding:22px}.metric-card:after{position:absolute;top:0;right:0;width:96px;height:96px;background:#e5133a12;border-bottom-left-radius:96px;content:""}.metric-card-green:after{background:#00a6a61a}.metric-card-amber:after{background:#ff6b571f}.metric-card-red:after{background:#dc262614}.metric-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;color:#e5133a;background:#fff4f6;border-radius:8px;font-size:22px}.metric-card-green .metric-icon{color:#008f8f;background:#eaf7f7}.metric-card-amber .metric-icon{color:#ff6b57;background:#fff2ee}.metric-card-red .metric-icon{color:#dc2626;background:#fef2f2}.metric-content{display:flex;flex-direction:column;gap:3px}.metric-content span{color:#64748b;font-size:13px}.metric-content strong{color:#1f2323;font-size:28px;font-weight:750;line-height:1.1}.metric-content small{color:#5f6f7d}.error-card,.table-card{margin-top:16px;border:1px solid rgba(217,229,242,.95);border-radius:8px;box-shadow:0 14px 30px #00376b0f}.table-card .ant-card-head{min-height:58px;border-bottom-color:#d9e5f2}.table-card .ant-card-head-title{color:#1f2323;font-weight:700}.product-table-card{margin-top:0}.product-toolbar{align-items:center;justify-content:space-between;margin-bottom:18px;padding:14px;background:#fbfdff;border:1px solid #d9e5f2;border-radius:8px}.product-search{max-width:360px;min-width:260px}.category-filter{min-width:190px}.status-select{width:104px}.ant-table-wrapper .ant-table{color:#1f2323;border-radius:8px}.ant-table-thead>tr>th{color:#5f6f7d!important;background:#f4f9ff!important;font-size:13px;font-weight:700!important}.product-row td{vertical-align:middle}.product-row:hover td{background:#fff8f9!important}.category-tag{margin:0;color:#3d55dd;background:#edf6ff;border-color:#3d55dd33}.product-thumb,.product-preview{object-fit:cover;border:1px solid #d9e5f2;border-radius:8px;box-shadow:0 8px 18px #00376b14}.product-thumb-placeholder,.product-preview-placeholder{display:flex;align-items:center;justify-content:center;color:#5f6f7d;background:#f4f9ff;border:1px dashed #d9e5f2;border-radius:8px}.product-thumb-placeholder{width:48px;height:48px;font-size:12px}.product-preview-placeholder{width:96px;height:96px}.product-form{padding-top:6px}.product-form .ant-flex{width:100%}.product-form .ant-form-item-label>label{color:#1f2323;font-weight:600}.form-half{flex:1 1 50%}.form-third{flex:1 1 33%}.full-control{width:100%}.ant-btn{border-radius:6px}.ant-input,.ant-input-number,.ant-select-selector{border-radius:6px!important}.ant-modal-content{border-radius:8px!important}.ant-modal-header{margin-bottom:18px!important}@media(max-width:760px){.app-shell{flex-direction:column}.app-sider{width:100%!important;min-width:100%!important;max-width:100%!important;min-height:auto}.brand{height:60px}.app-header{align-items:flex-start;flex-direction:column;gap:12px;height:auto;padding:16px}.app-content{padding:16px}.metric-card{min-width:100%}.product-toolbar{align-items:stretch}.product-search,.category-filter{width:100%;max-width:none;min-width:100%}.form-half,.form-third{flex-basis:100%}}