:root{font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#1f2937;background-color:#f5f6fb;--shell-padding: clamp(24px, 4vw, 48px);--inner-padding: clamp(20px, 3.5vw, 36px)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 20%,rgba(76,110,245,.18),transparent 45%),radial-gradient(circle at 80% 0%,rgba(255,185,150,.15),transparent 55%),#f5f6fb;min-height:100vh}#root{min-height:100vh}.app-shell{min-height:100vh;background:transparent;display:flex}.app-sider{padding:var(--shell-padding);border-right:1px solid rgba(15,23,42,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;height:100vh;overflow:auto}.app-brand{display:flex;align-items:center;gap:12px;margin-bottom:32px}.brand-text{display:flex;flex-direction:column;gap:4px}.brand-mark{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff;background:linear-gradient(135deg,#4c6ef5,#7b9dff);box-shadow:0 10px 20px #4c6ef559}.brand-title{font-size:18px;font-weight:600}.brand-subtitle{font-size:13px;color:#6b7280}.app-menu{border-inline-end:none!important;background:transparent!important}.app-header{padding:18px calc(var(--shell-padding) + var(--inner-padding));display:flex;align-items:center;justify-content:space-between;gap:32px;background:#ffffffeb!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(15,23,42,.05);box-shadow:0 12px 30px #0f172a14;position:sticky;top:0;z-index:20}.header-title-single{font-size:clamp(22px,2.4vw,28px);font-weight:600;white-space:nowrap}.header-right{display:flex;align-items:center;gap:16px}.welcome-text{font-size:15px;color:#1f2937;white-space:nowrap}.welcome-name{margin-left:6px;font-size:16px;color:#111827}.app-content{padding:32px var(--shell-padding);background:transparent}.app-content-inner{min-height:calc(100vh - 140px);background:#ffffffeb;border-radius:28px;padding:var(--inner-padding);box-shadow:0 25px 60px #0f172a1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ant-table-wrapper .ant-table{border-radius:16px;overflow:hidden;box-shadow:0 15px 30px #0f172a14}.ant-btn-primary{box-shadow:0 8px 20px #4c6ef573}.ant-btn-link{font-weight:600}.products-page{display:flex;flex-direction:column;gap:24px}.products-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:32px;background:linear-gradient(135deg,#4c6ef514,#ffffffe6);border-radius:24px;border:1px solid rgba(76,110,245,.1)}.products-hero-copy h2{margin:8px 0 12px;font-size:clamp(28px,3vw,34px)}.hero-eyebrow{margin:0;font-size:14px;letter-spacing:.08em;color:#6366f1;text-transform:uppercase}.products-hero-copy p{margin:0 0 20px;color:#475569}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.hero-stats div{background:#fffc;border-radius:18px;padding:12px 16px;border:1px solid rgba(99,102,241,.12);box-shadow:inset 0 0 0 1px #ffffff4d}.hero-stats span{display:block;font-size:13px;color:#94a3b8;margin-bottom:4px}.hero-stats strong{font-size:24px;color:#1f2937}.products-hero-preview{position:relative;background:#0f172ad9;border-radius:24px;padding:24px;color:#fff;overflow:hidden;min-height:280px;display:flex;flex-direction:column;gap:16px}.products-hero-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(99,102,241,.45),transparent 55%);pointer-events:none}.preview-card{position:relative;display:flex;gap:18px;align-items:center;padding:18px;background:#ffffff14;border-radius:20px;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.preview-thumb{width:88px;height:88px;border-radius:16px;overflow:hidden;flex-shrink:0}.preview-thumb img{width:100%;height:100%;object-fit:cover}.preview-info strong{display:block;font-size:20px;margin-bottom:4px}.preview-info span{font-size:13px;color:#ffffffbf}.preview-empty{position:relative;padding:24px;border-radius:20px;border:1px dashed rgba(255,255,255,.35);text-align:center}.low-stock-carousel{position:relative;z-index:1;background:#0f172aa6;border-radius:18px;padding:16px}.carousel-title{margin:0 0 12px;font-size:14px;letter-spacing:.1em;color:#ffffffb3;text-transform:uppercase}.carousel-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.carousel-item{display:flex;gap:10px;align-items:center;padding:10px;background:#ffffff14;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.carousel-thumb{width:38px;height:38px;border-radius:10px;overflow:hidden;flex-shrink:0}.carousel-thumb img{width:100%;height:100%;object-fit:cover}.carousel-meta{display:flex;flex-direction:column;gap:2px;font-size:12px}.carousel-meta strong{font-size:13px}.products-panel{border-radius:24px!important;box-shadow:0 25px 60px #0f172a1a}.products-toolbar{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.products-toolbar .ant-input-affix-wrapper{min-width:min(340px,100%);border-radius:999px;padding:4px 14px;border:1px solid rgba(71,85,105,.2);background:#f8fafccc}.product-cell{display:flex;gap:16px;align-items:center}.product-thumb{width:72px;height:72px;border-radius:18px;overflow:hidden;background:#f1f5f9;flex-shrink:0;border:1px solid rgba(15,23,42,.08)}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-thumb--placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#94a3b8;background:linear-gradient(135deg,#e2e8f0,#f8fafc)}.product-cell-content{display:flex;flex-direction:column;gap:6px}.product-title-row{display:flex;align-items:center;gap:8px}.product-name{font-size:16px}.product-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#94a3b8}.product-meta-dot{width:4px;height:4px;border-radius:50%;background:#cbd5f5}.product-price{font-size:18px;color:#1d4ed8}.stock-badge{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:6px 12px;border-radius:999px;background:#22c55e1f;color:#15803d;font-weight:600}.stock-badge.stock-low{background:#f8717124;color:#b91c1c}.products-table .ant-table-thead>tr>th{background:#f8fafc;font-weight:600;color:#475569}.products-table .ant-table-tbody>tr>td{padding:16px}.products-table .ant-table-row:hover>td{background:#6366f10a}
