.page{width:100%}.pageHead{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.title{margin:0;font-size:26px;font-weight:900}.muted{opacity:.7}.small{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.card{background:#ffffffd9;border:1px solid #e7ebf3e6;border-radius:16px;padding:14px;box-shadow:0 14px 50px #0f172a0f}.alert{border:1px solid #e7ebf3e6;border-radius:14px;margin-bottom:12px;padding:12px 14px}.alert.danger{color:#b42318;background:#ff4d4d14;border-color:#ff4d4d40}.input{background:#fffffff2;border:1px solid #e7ebf3e6;border-radius:12px;outline:none;width:100%;padding:10px 12px}.btn{cursor:pointer;background:#fffffff2;border:1px solid #e7ebf3e6;border-radius:12px;padding:10px 12px;font-weight:800}.btn.small{border-radius:10px;padding:8px 10px;font-weight:800}.btn.primary{color:#fff;background:linear-gradient(135deg,#4f46e5,#6d28d9);border:none}.btn.danger{color:#fff;background:linear-gradient(135deg,#ff4d4d,#ff2d55);border:none}.searchLine{min-width:280px}.addRow{align-items:center;gap:10px;min-width:320px;display:flex}.tabs{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.tab{cursor:pointer;background:#ffffffd9;border:1px solid #e7ebf3e6;border-radius:999px;padding:8px 12px;font-weight:900}.tab.active{background:linear-gradient(135deg,#4f46e524,#10b9811a);border-color:#4f46e540}.tabsRight{margin-left:auto}.tableWrap{overflow:auto}.table{border-collapse:separate;border-spacing:0;width:100%}.table th{text-align:left;letter-spacing:.3px;text-transform:uppercase;opacity:.7;border-bottom:1px solid #e7ebf3e6;padding:12px 10px;font-size:12px}.table td{border-bottom:1px solid #e7ebf3b3;padding:12px 10px}.table tr:hover td{background:#4f46e50a}.badge{background:#ffffffd9;border:1px solid #e7ebf3e6;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.badge.pending{background:#f59e0b1a;border-color:#f59e0b40}.badge.accepted{background:#10b9811a;border-color:#10b98140}.badge.shipped{background:#3b82f61a;border-color:#3b82f640}.badge.returned{background:#a855f71a;border-color:#a855f740}.badge.canceled{background:#ef44441a;border-color:#ef444440}.badge.delivered{background:#22c55e1a;border-color:#22c55e40}.modalOverlay{z-index:999;background:#02061773;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#fffffffa;border:1px solid #e7ebf3e6;border-radius:18px;width:min(900px,96vw);overflow:hidden;box-shadow:0 30px 100px #00000040}.modalHead{border-bottom:1px solid #e7ebf3e6;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.modalTitle{font-size:18px;font-weight:1000}.iconBtn2{cursor:pointer;background:#fffffff2;border:1px solid #e7ebf3e6;border-radius:12px;width:40px;height:40px}.modalBody{padding:14px 16px}.modalFoot{border-top:1px solid #e7ebf3e6;gap:10px;padding:14px 16px;display:flex}.spacer{flex:1}.divider{background:#e7ebf3e6;height:1px;margin:14px 0}.kv{grid-template-columns:140px 1fr;gap:10px 12px;display:grid}.k{opacity:.7;font-weight:900}.v{font-weight:700}.items{flex-direction:column;gap:10px;display:flex}.itemRow{background:#ffffffd9;border:1px solid #e7ebf3d9;border-radius:14px;align-items:center;gap:12px;padding:10px;display:flex}.itemImg{object-fit:cover;border-radius:12px;width:56px;height:56px}.itemInfo{flex:1;min-width:0}.itemName,.itemTotal{font-weight:1000}@media (max-width:1100px){.gridProducts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.gridProducts{grid-template-columns:1fr}}.pCard{background:#ffffffe0;border:1px solid #e7ebf3e6;border-radius:18px;overflow:hidden;box-shadow:0 14px 50px #0f172a0f}.pThumb{aspect-ratio:16/10;background:#0206170a}.pThumb img{object-fit:cover;width:100%;height:100%;display:block}.pBody{flex-direction:column;gap:10px;padding:12px 12px 14px;display:flex}.pTop{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pName{font-weight:1000;line-height:1.2}.pPrice{color:#0f172a;font-weight:1000}.pDesc{line-height:1.35}.pActions{justify-content:flex-end;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:#4f46e51a;border:1px solid #4f46e533;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.chip.soft{background:#10b9811a;border-color:#10b98133}.chip.soft2{background:#3b82f61a;border-color:#3b82f633}.list{flex-direction:column;gap:10px;display:flex}.listRow{background:#ffffffd9;border:1px solid #e7ebf3d9;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.listLeft{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.listTitle{font-weight:1000}.dot{background:linear-gradient(135deg,#4f46e5,#10b981);border-radius:999px;width:10px;height:10px}.listActions{gap:10px;display:flex}.empty{text-align:center;padding:16px}.emptyTitle{margin-bottom:6px;font-size:16px;font-weight:1000}.dash{width:100%}.dashHead{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.dashTitle{letter-spacing:.2px;margin:0;font-size:28px;font-weight:1000}.dashSub{opacity:.7;margin:6px 0 0}.dashPill{background:#ffffffe6;border:1px solid #e7ebf3e6;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-weight:900;display:inline-flex}.dotLive{background:#22c55e;border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 6px #22c55e26}.dashGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}@media (max-width:1200px){.dashGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.dashGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.dashGrid{grid-template-columns:1fr}}.dashCard{background:#ffffffe6;border:1px solid #e7ebf3e6;border-radius:18px;padding:14px;position:relative;overflow:hidden;box-shadow:0 18px 60px #0f172a0f}.dashCard.big{grid-column:span 2}@media (max-width:900px){.dashCard.big{grid-column:auto}}.dashCardTop{align-items:center;gap:12px;display:flex}.dashIcon{background:#ffffffd9;border:1px solid #e7ebf3e6;border-radius:14px;place-items:center;width:46px;height:46px;font-size:20px;font-weight:900;display:grid}.dashLabel{letter-spacing:.3px;text-transform:uppercase;opacity:.7;font-size:12px;font-weight:900}.dashValue{margin-top:2px;font-size:24px;font-weight:1100}.dashGlow{filter:blur(18px);opacity:.35;pointer-events:none;border-radius:999px;width:240px;height:240px;position:absolute;inset:-40% -40% auto auto}.dashCard.indigo .dashGlow{background:radial-gradient(circle,#4f46e5b3,#0000 60%)}.dashCard.blue .dashGlow{background:radial-gradient(circle,#3b82f6b3,#0000 60%)}.dashCard.green .dashGlow{background:radial-gradient(circle,#10b981b3,#0000 60%)}.dashCard.emerald .dashGlow{background:radial-gradient(circle,#22c55eb3,#0000 60%)}.dashCard.purple .dashGlow{background:radial-gradient(circle,#a855f7b3,#0000 60%)}.dashCard.amber .dashGlow{background:radial-gradient(circle,#f59e0bb3,#0000 60%)}.dashCard.cyan .dashGlow{background:radial-gradient(circle,#06b6d4b3,#0000 60%)}.dashCard.pink .dashGlow{background:radial-gradient(circle,#ec4899b3,#0000 60%)}.dashBottom{grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px;display:grid}@media (max-width:900px){.dashBottom{grid-template-columns:1fr}}.dashNoteTitle,.dashMiniTitle{margin-bottom:10px;font-size:16px;font-weight:1000}.dashList{margin:0;padding-left:18px}.dashList li{opacity:.85;margin:8px 0}.dashBars{flex-direction:column;gap:12px;display:flex}.miniRow{flex-direction:column;gap:8px;display:flex}.miniLeft{justify-content:space-between;align-items:center;display:flex}.miniLabel{opacity:.7;font-weight:900}.miniValue{font-weight:1000}.miniBar{background:#0f172a0f;border:1px solid #e7ebf3cc;border-radius:999px;height:10px;overflow:hidden}.miniFill{background:linear-gradient(135deg,#4f46e5,#10b981);border-radius:999px;height:100%}html,body,#root{height:100%;margin:0;padding:0}body{overflow-x:hidden}.modalBack{z-index:50;background:#00000059;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modalCard{background:#fff;border-radius:16px;width:min(720px,96vw);padding:16px;box-shadow:0 20px 60px #00000040}.gridProducts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.productCard{background:#fff;border:1px solid #e7ebf3;border-radius:16px;overflow:hidden;box-shadow:0 10px 25px #0f172a0f}.productImgWrap{background:#f3f6ff;height:180px;position:relative}.productImgWrap img{object-fit:cover;width:100%;height:100%;display:block}.badgeOff{color:#fff;background:#111827;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;position:absolute;top:12px;left:12px}.productBody{padding:14px}.productTop{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.productName{font-size:16px;font-weight:900}.productPrice{font-size:16px}.chipsRow{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chip{background:#eef2ff;border:1px solid #dbe3ff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.actionsRow{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.modalOverlay{z-index:9999;background:#0206178c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #e7ebf3;border-radius:18px;width:min(820px,96vw);padding:16px;box-shadow:0 25px 80px #00000059}.modalHead{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.iconBtn{cursor:pointer;background:#fff;border:1px solid #e7ebf3;border-radius:12px;width:40px;height:40px;font-size:20px}.modalActions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}@media (max-width:980px){.gridProducts{grid-template-columns:1fr}}
