[hidden]{display:none!important}.demo-section{padding:92px 0 105px;background:radial-gradient(ellipse at 50% 0,#1b2040 0,#0d1020 55%);border-block:1px solid rgba(255,255,255,.07)}.demo-section .section-heading{margin-bottom:36px}.demo-section .section-heading h2{margin-bottom:8px}.demo-shell{max-width:1120px;min-height:440px;margin:auto;display:grid;grid-template-columns:218px minmax(0,1fr);direction:rtl;border:1px solid rgba(190,179,255,.22);border-radius:16px;overflow:hidden;background:#111527;box-shadow:0 32px 90px rgba(0,0,0,.4),0 0 50px rgba(113,90,238,.08)}.demo-sidebar{display:flex;flex-direction:column;gap:7px;padding:20px 13px;background:#12172a;border-left:1px solid rgba(255,255,255,.07)}.demo-brand{display:flex;align-items:center;gap:9px;padding:0 8px 17px;margin-bottom:7px;border-bottom:1px solid rgba(255,255,255,.08);font-weight:800}.demo-brand img{width:28px;height:28px}.demo-brand b{font:700 10px var(--latin);color:#b1a5ff;letter-spacing:.1em}.demo-nav{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:0;border-radius:8px;background:transparent;color:#969bb0;text-align:right;font-size:13px;cursor:pointer;transition:background .18s,color .18s}.demo-nav:hover{background:#1b2035;color:white}.demo-nav.is-active{background:linear-gradient(100deg,rgba(132,108,255,.22),rgba(132,108,255,.08));color:#d8d0ff;box-shadow:inset -2px 0 #a391ff}.demo-privacy{margin-top:auto;padding:13px 10px 2px;color:#7f879d;font-size:10px;line-height:1.8}.demo-privacy span{color:#68d4a5;margin-left:5px}.demo-main{min-width:0;padding:23px 25px 17px;background:linear-gradient(160deg,#151a2d,#101426)}.demo-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.demo-topbar small{color:#9298ad;font-size:10px}.demo-topbar h3{margin:2px 0 0;font-size:19px}.demo-pill{padding:6px 10px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#1b2134;color:#c0c4d3;font-size:10px}.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.demo-metrics article,.demo-card{border:1px solid rgba(255,255,255,.08);border-radius:10px;background:linear-gradient(145deg,#1a2034,#161b2d)}.demo-metrics article{display:flex;flex-direction:column;gap:5px;padding:13px}.demo-metrics small,.demo-metrics span{color:#9298ad;font-size:10px}.demo-metrics b{font-size:19px}.demo-metrics article:first-child b{color:#d4caff}.demo-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.demo-card{padding:15px}.demo-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.demo-card-head>div{display:grid;gap:3px}.demo-card-head b{font-size:13px}.demo-card-head small{font-size:9px;color:#9298ad}.demo-shortcuts{display:grid;gap:7px}.demo-shortcuts button,.demo-products button{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#171d30;color:#d1d4df;cursor:pointer}.demo-shortcuts button{padding:9px 10px;text-align:right;font-size:11px}.demo-shortcuts button:hover,.demo-products button:hover{border-color:#8d7dff;background:#222442}.demo-shortcuts span{color:#a89aff}.demo-bars{height:103px;display:flex;align-items:end;justify-content:space-around;gap:9px;padding:10px 7px 0;border-bottom:1px solid rgba(255,255,255,.08);background:repeating-linear-gradient(to bottom,transparent 0,transparent 24px,rgba(255,255,255,.035) 25px)}.demo-bars i{width:min(9%,24px);height:var(--bar);border-radius:4px 4px 0 0;background:linear-gradient(#b3a3ff,#7260ee);opacity:.9}.demo-week{display:flex;justify-content:space-around;color:#7f859a;font-size:8px;padding-top:6px}.demo-pos-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:10px}.demo-products{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-products button{flex-direction:column;align-items:flex-start;gap:9px;padding:12px;font-size:11px}.demo-products button b{color:#b8aaff;font-size:10px}.demo-cart ul{padding:0;margin:0;list-style:none;max-height:128px;overflow:auto}.demo-cart li{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid rgba(255,255,255,.06);padding:7px 0;color:#bbc0cf;font-size:10px}.demo-cart li b{color:#e6e2ff}.demo-empty{color:#83899d!important;justify-content:flex-start!important}.demo-total{display:flex;align-items:center;justify-content:space-between;margin:12px 0 10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.09);font-size:11px}.demo-total b{color:#e0d9ff;font-size:16px}.demo-action{width:100%;min-height:39px;border:0;border-radius:7px;background:linear-gradient(110deg,#8d78ff,#6956ea);color:white;font-weight:700;font-size:11px;cursor:pointer}.demo-action:hover{filter:brightness(1.1)}.demo-feedback{min-height:27px;margin:8px 0 0;color:#8990a5;font-size:9px;line-height:1.6}.demo-search-label{display:block;color:#b8bdcd;font-size:10px;margin:5px 0}.demo-search,.demo-period{min-height:38px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#111629;color:#e9eaf0;padding:0 11px;outline:none;font:inherit;font-size:11px}.demo-search{width:100%;margin-bottom:10px}.demo-search:focus,.demo-period:focus{border-color:#a191ff;box-shadow:0 0 0 2px rgba(161,145,255,.18)}.demo-period{padding:0 8px}.demo-stock-list{display:grid;gap:5px}.demo-stock-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid rgba(255,255,255,.06);border-radius:7px;background:#171c2e}.demo-stock-row>span{display:grid;gap:2px}.demo-stock-row b{font-size:11px}.demo-stock-row small{font-size:9px;color:#8990a5}.demo-stock-row strong{font-size:10px;color:#c7c9d5}.demo-stock-row em{display:block;margin-top:3px;color:#ffc47a;font-size:8px;font-style:normal}.demo-empty-stock{color:#9298ad;font-size:11px;text-align:center;padding:15px}.demo-report-total{padding:16px;border:1px solid rgba(172,154,255,.17);border-radius:9px;background:linear-gradient(110deg,rgba(132,108,255,.14),rgba(132,108,255,.04));display:grid;gap:7px}.demo-report-total small{color:#a3a8ba;font-size:10px}.demo-report-total b{font-size:25px;color:#ddd6ff}.demo-report-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.demo-report-breakdown div{display:grid;gap:5px;padding:12px 10px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#181e31}.demo-report-breakdown span{color:#9298ad;font-size:9px}.demo-report-breakdown b{font-size:12px}.demo-bottom-note{display:flex;align-items:center;gap:7px;margin-top:13px;color:#858ba1;font-size:9px}.demo-bottom-note span{color:#aaa0ff}.demo-panel[hidden]{display:none!important}
@media(max-width:760px){.demo-section{padding:70px 0}.demo-section .section-wrap{width:calc(100% - 28px)}.demo-shell{grid-template-columns:1fr}.demo-sidebar{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:10px;border-left:0;border-bottom:1px solid rgba(255,255,255,.07)}.demo-brand{grid-column:1/-1;padding:0 5px 8px;margin-bottom:2px}.demo-nav{justify-content:center;padding:9px 5px;font-size:11px}.demo-nav span{display:inline}.demo-privacy{grid-column:1/-1;margin:0;padding:4px 7px 0;text-align:center}.demo-main{padding:17px 13px 13px}.demo-metrics{gap:6px}.demo-metrics article{padding:9px 7px}.demo-metrics b{font-size:14px}.demo-metrics small,.demo-metrics span{font-size:8px}.demo-overview-grid,.demo-pos-layout{grid-template-columns:1fr}.demo-chart-card{min-height:145px}.demo-products button{min-height:66px}}
@media(max-width:420px){.demo-nav{flex-direction:column;gap:3px}.demo-nav span{font-size:9px}.demo-topbar h3{font-size:16px}.demo-pill{font-size:8px}.demo-metrics article{gap:3px}.demo-metrics b{font-size:12px}.demo-report-breakdown{gap:5px}.demo-report-breakdown div{padding:9px 6px}.demo-report-breakdown b{font-size:10px}}