.demo-workspace{border:1px solid var(--site-line);border-radius:19px;overflow:hidden;background:#f8faff;box-shadow:0 25px 60px -45px #203d7b70}.demo-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;background:#fff;padding:18px 25px;border-bottom:1px solid var(--site-line)}.demo-toolbar>div{display:flex;gap:9px;align-items:center;font-size:14px;font-weight:700}.demo-toolbar small{font-weight:400;color:var(--site-muted);-webkit-border-start:1px solid var(--site-line);border-inline-start:1px solid var(--site-line);-webkit-padding-start:12px;padding-inline-start:12px}.demo-dot{width:8px;height:8px;background:#259777;border-radius:50%}.demo-toolbar button{display:flex;align-items:center;gap:7px;border:0;background:none;color:var(--site-muted);font-size:12px}.demo-tabs{display:flex;gap:8px;padding:18px 25px 0}.demo-tabs button{display:flex;align-items:center;gap:9px;padding:10px 22px;border:1px solid transparent;background:transparent;color:var(--site-muted);border-radius:9px;font-size:14px}.demo-tabs button[aria-selected=true]{background:white;border-color:var(--site-line);color:var(--site-blue);font-weight:700}.demo-status{margin:12px 25px;color:#187257;font-size:13px;min-height:23px}.demo-selling{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:25px;gap:25px;padding:5px 25px 25px}.demo-data h2,.demo-selling h2{font-size:19px;margin:0 0 20px}.demo-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.demo-product{background:white;border:1px solid var(--site-line);border-radius:14px;display:flex;flex-direction:column;align-items:flex-start;gap:11px;text-align:start;padding:20px 16px;color:var(--site-ink)}.demo-product b{font-size:14px}.demo-product>span:not(.site-icon){font-size:13px}.demo-product small{font-size:11px;color:var(--site-muted)}.demo-add{display:flex;align-items:center;gap:5px;color:var(--site-blue)}.demo-product:disabled{opacity:.5;cursor:not-allowed}.demo-cart{background:white;border:1px solid var(--site-line);border-radius:14px;padding:22px}.demo-cart label{display:block;font-size:12px;color:var(--site-muted);margin-bottom:6px}.demo-cart input,.demo-cart select{width:100%;border:1px solid var(--site-line);border-radius:8px;padding:10px 12px;background:white;color:var(--site-ink);font-size:14px;min-height:43px}.demo-cart input{direction:ltr;text-align:right}.demo-cart ul{list-style:none;margin:20px 0;padding:0}.demo-cart li{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--site-line);padding-block:12px}.demo-cart li b{font-size:13px}.demo-cart li small{display:block;font-size:12px;color:var(--site-muted)}.demo-cart li button{background:none;border:0;color:#b24a55;padding:7px}.demo-empty{color:var(--site-muted);font-size:13px;padding-block:25px;text-align:center}.demo-change,.demo-total{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-block:18px;font-size:14px}.demo-total b{font-size:23px}.demo-change{color:var(--site-muted)}.demo-cart>.site-button{width:100%;font-size:13px}.demo-cart>.site-button:disabled{background:#a6b4cc;cursor:not-allowed}.demo-data{padding:5px 25px 30px}.demo-table-wrap{overflow-x:auto}.demo-data table{width:100%;border-collapse:collapse;font-size:14px;min-width:440px;background:white;border-radius:10px}.demo-data td,.demo-data th{padding:16px;text-align:start;border-bottom:1px solid var(--site-line)}.demo-data>p{color:var(--site-muted);font-size:13px}.demo-report-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:15px;gap:15px}.demo-report-stats article{padding:22px;border-radius:12px;border:1px solid var(--site-line);background:white}.demo-report-stats span{display:block;font-size:13px;color:var(--site-muted)}.demo-report-stats b{display:block;font-size:27px;margin-top:10px}.demo-sales{padding:0;list-style:none}.demo-sales li{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--site-line);font-size:14px}@media(max-width:850px){.demo-selling{grid-template-columns:1fr}.demo-toolbar{padding:15px}.demo-tabs{padding:15px 15px 0}.demo-selling{padding-inline:15px}.demo-report-stats{grid-template-columns:1fr}}@media(max-width:520px){.demo-product-grid{grid-template-columns:1fr}.demo-product{display:grid;grid-template-columns:auto 1fr;grid-gap:8px 13px;gap:8px 13px}.demo-product .site-icon{grid-row:span 3}.demo-product .demo-add{display:none}.demo-tabs{gap:4px}.demo-tabs button{padding:9px 13px;font-size:12px}.demo-toolbar small{display:none}.demo-toolbar>div{font-size:12px}.demo-data{padding-inline:15px}}