*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:#f4f5f7;color:#1f2933}.container{max-width:1100px;margin:0 auto;padding:24px 16px}header.topbar{background:#1e3a2f;color:#fff;padding:14px 0}header.topbar .container{display:flex;align-items:center;justify-content:space-between;padding-top:0;padding-bottom:0}.tabs button{background:transparent;border:none;color:#cfe3d8;font-size:15px;padding:8px 14px;cursor:pointer;border-radius:6px}.tabs button.active{background:#2f5546;color:#fff;font-weight:600}h2{margin-bottom:16px}.card{background:#fff;border:1px solid #e0e4e8;border-radius:8px;padding:18px;margin-bottom:20px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid #eceff1}th{background:#f8f9fa;font-weight:600}tr.low-stock td{background:#fdf0ef}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:capitalize}.badge.pending{background:#fff4d6;color:#8a6100}.badge.in_production{background:#dbeafe;color:#1d4ed8}.badge.shipped{background:#ede9fe;color:#6d28d9}.badge.delivered{background:#e3f2fd;color:#1565c0}.badge.completed{background:#dcfce7;color:#15803d}.badge.cancelled{background:#fee2e2;color:#b91c1c}form.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}label{display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:4px}input,select,textarea{padding:8px 10px;border:1px solid #cbd2d9;border-radius:6px;font-size:14px;font-family:inherit}button.btn{padding:9px 16px;border:none;border-radius:6px;background:#1e3a2f;color:#fff;font-size:14px;cursor:pointer}button.btn.secondary{background:#e0e4e8;color:#1f2933}button.btn.danger{background:#c0392b}button.btn:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.error{background:#fee2e2;color:#991b1b;padding:10px 14px;border-radius:6px;margin-bottom:14px;font-size:13px;word-break:break-word}.muted{color:#7b8794;font-size:13px}.link{background:none;border:none;color:#1d4ed8;cursor:pointer;font-size:14px;padding:0;text-decoration:underline}ul.history{list-style:none}ul.history li{padding:8px 0;border-bottom:1px solid #eceff1;font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.product-card{background:#fff;border:1px solid #e0e4e8;border-radius:10px;padding:16px;cursor:pointer;transition:box-shadow .15s,transform .15s;display:flex;flex-direction:column;gap:8px}.product-card:hover{box-shadow:0 4px 14px #0000001a;transform:translateY(-2px)}.product-card.inactive{opacity:.55}.product-card h3{font-size:15px;line-height:1.3;margin:0}.sku-chip{align-self:flex-start;background:#eef4f0;color:#1e3a2f;font-size:12px;font-weight:700;padding:2px 8px;border-radius:6px;letter-spacing:.03em}.product-card .meta{font-size:13px;color:#52606d}.product-card .stock-row{margin-top:auto;display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #eceff1;padding-top:8px}.product-card .stock-big{font-size:22px;font-weight:700;color:#1e3a2f}.product-card .stock-big.low{color:#c0392b}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f17148c;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:50;overflow-y:auto}.modal{background:#f4f5f7;border-radius:12px;max-width:900px;width:100%;padding:22px;box-shadow:0 20px 60px #0000004d}.modal .close-x{background:none;border:none;font-size:22px;cursor:pointer;color:#52606d;line-height:1}.option-row{margin-bottom:12px}.option-row .option-label{font-size:13px;font-weight:600;margin-bottom:6px}.option-row .option-label span{font-weight:400;color:#52606d}.option-pills{display:flex;gap:8px;flex-wrap:wrap}.option-pill{padding:7px 14px;border:2px solid #cbd2d9;border-radius:8px;background:#fff;cursor:pointer;font-size:14px}.option-pill:hover{border-color:#7b8794}.option-pill.selected{border-color:#1e3a2f;background:#eef4f0;font-weight:600}.variant-panel{background:#fff;border:1px solid #e0e4e8;border-radius:10px;padding:16px;margin-top:14px}.variant-panel .stock-line{display:flex;gap:24px;align-items:flex-end;flex-wrap:wrap;margin-top:10px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}@media (max-width: 900px){.settings-grid{grid-template-columns:1fr}}.attr-row{display:flex;justify-content:space-between;align-items:center;padding:10px 6px;border-bottom:1px solid #eceff1;cursor:pointer;border-radius:6px}.attr-row:hover{background:#f8f9fa}.attr-row .count{color:#7b8794;font-size:13px}.attr-detail{padding:10px 6px 16px;border-bottom:1px solid #eceff1;background:#fafbfc;border-radius:0 0 8px 8px}.combo{position:relative;min-width:340px;flex:1}.combo input{width:100%}.combo-list{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #cbd2d9;border-radius:8px;max-height:260px;overflow-y:auto;z-index:60;box-shadow:0 8px 24px #00000026}.combo-item{padding:8px 12px;cursor:pointer;font-size:14px;border-bottom:1px solid #f1f3f5}.combo-item:hover,.combo-item.highlight{background:#eef4f0}.combo-item .sku{font-weight:700;color:#1e3a2f}.combo-empty{padding:10px 12px;color:#7b8794;font-size:13px}.plan-bar{display:flex;height:16px;border-radius:8px;overflow:hidden;margin:6px 0;background:#eceff1}.plan-seg{height:100%}.plan-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12.5px;color:#52606d}.legend-dot{width:10px;height:10px;border-radius:5px;display:inline-block;margin-right:4px}.order-item-row{border:1px solid #eceff1;border-radius:10px;padding:12px;margin-bottom:10px}.bell-wrap{position:relative}.bell-btn{background:none;border:none;cursor:pointer;font-size:20px;position:relative;padding:4px 6px}.bell-count{position:absolute;top:-4px;right:-6px;background:#c0392b;color:#fff;border-radius:10px;font-size:11px;font-weight:700;padding:1px 6px}.bell-panel{position:absolute;right:0;top:calc(100% + 10px);width:400px;max-height:440px;overflow-y:auto;background:#fff;color:#1f2933;border-radius:10px;box-shadow:0 12px 32px #0000004d;z-index:90;text-align:left}.bell-head{padding:10px 14px;font-weight:700;border-bottom:1px solid #eceff1}.bell-item{padding:10px 14px;border-bottom:1px solid #f1f3f5;cursor:pointer;font-size:14px}.bell-item:hover{background:#eef4f0}.bell-empty{padding:16px 14px;color:#7b8794;font-size:14px}.low-chips{background:#fff8e6;border:1px solid #f1c40f;border-radius:10px;padding:10px 12px;margin:10px 0}