:root{--ink:#14162f;--muted:#667087;--line:rgba(70,43,139,.12);--purple:#6714bd;--violet:#8b28dc;--blue:#087fe4;--cyan:#08c5ee;--green:#23c997;--app:#0b1327;--app-panel:#111b32;--app-line:rgba(255,255,255,.075);--app-muted:#77849d;--max:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.demo-container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:10px;z-index:100;background:#fff;color:#160d31;padding:10px 14px;border-radius:8px}.skip-link:focus{left:10px}
.demo-site-header{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(76,44,146,.1);box-shadow:0 8px 30px rgba(49,36,91,.045)}
.site-header-inner{width:min(calc(100% - 40px),var(--max));height:86px;margin-inline:auto;display:flex;align-items:center;gap:28px}.demo-brand{width:205px;height:76px;display:flex;align-items:center;overflow:visible}.demo-brand img{width:195px;height:72px;object-fit:contain;object-position:left center}.header-status{display:flex;align-items:center;gap:9px;color:#647087;font-size:.75rem;font-weight:700}.header-status i{width:8px;height:8px;border-radius:50%;background:#1cc893;box-shadow:0 0 0 5px rgba(28,200,147,.1)}.demo-site-header nav{margin-left:auto;display:flex;align-items:center;gap:20px}.back-link{color:#59637a;font-size:.83rem;font-weight:750}.header-button,.primary-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border:0;border-radius:12px;background:linear-gradient(110deg,#6514bd,#087fe4 70%,#09c6ed);color:#fff;font-weight:820;box-shadow:0 12px 28px rgba(63,64,189,.22);cursor:pointer;transition:transform .2s,box-shadow .2s}.header-button:hover,.primary-button:hover{transform:translateY(-2px);box-shadow:0 17px 34px rgba(63,64,189,.28)}
.demo-hero{padding:72px 0 82px;position:relative;overflow:hidden;background:radial-gradient(circle at 88% 15%,rgba(0,191,238,.15),transparent 28%),radial-gradient(circle at 8% 95%,rgba(132,31,218,.12),transparent 28%),linear-gradient(135deg,#fff,#f6f5ff 55%,#f0fbff)}.demo-hero::after{content:"";position:absolute;left:50%;bottom:-420px;width:750px;height:750px;border-radius:50%;border:1px solid rgba(100,34,187,.07);box-shadow:0 0 0 110px rgba(96,34,179,.025),0 0 0 220px rgba(6,183,232,.018);pointer-events:none}.demo-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .72fr;gap:80px;align-items:center}.demo-eyebrow{margin:0 0 17px;color:#6a20c2;text-transform:uppercase;letter-spacing:.14em;font-size:.73rem;font-weight:880}.demo-hero h1{max-width:760px;margin:0;color:#15152d;font-size:clamp(3rem,5.3vw,5.05rem);line-height:.99;letter-spacing:-.06em}.demo-hero h1 strong{font-weight:820;background:linear-gradient(100deg,#7119c8,#087ee1 62%,#00bfe9);-webkit-background-clip:text;background-clip:text;color:transparent}.demo-hero-copy>p:not(.demo-eyebrow){max-width:670px;margin:27px 0 0;color:#626d84;font-size:1.08rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.secondary-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border:1px solid rgba(83,45,156,.16);border-radius:12px;background:#fff;color:#39106f;font-weight:800;box-shadow:0 10px 24px rgba(53,39,100,.055)}
.demo-summary{padding:18px;border:1px solid rgba(86,50,157,.13);border-radius:25px;background:rgba(255,255,255,.78);box-shadow:0 24px 65px rgba(56,39,109,.11);backdrop-filter:blur(8px)}.demo-summary>div{display:flex;align-items:center;gap:17px;padding:20px}.demo-summary>div+div{border-top:1px solid rgba(77,45,148,.09)}.demo-summary>div>span{flex:0 0 64px;height:54px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,rgba(107,22,194,.1),rgba(7,190,234,.13));color:#4e148e;font-size:1.13rem;font-weight:900}.demo-summary p,.demo-summary b,.demo-summary small{display:block;margin:0}.demo-summary b{color:#252843;font-size:.9rem}.demo-summary small{color:#78839a;font-size:.72rem;margin-top:2px}
.product-demo{padding:104px 0 112px;background:#f7f7fb}.demo-section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:30px}.demo-section-heading h2{margin:0;color:#17162e;font-size:clamp(2.25rem,4vw,3.6rem);line-height:1.07;letter-spacing:-.045em}.demo-controls{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.control-button{min-height:42px;padding:0 15px;border:1px solid rgba(71,44,136,.15);border-radius:10px;background:#fff;color:#59647b;font-size:.77rem;font-weight:800;cursor:pointer}.control-button.auto{border-color:transparent;background:linear-gradient(110deg,#6117b7,#087fd9);color:#fff}.control-button.running{background:#291153;color:#fff}
.app-shell{min-height:820px;display:grid;grid-template-columns:94px minmax(0,1fr);overflow:hidden;border:1px solid rgba(70,91,155,.22);border-radius:28px;background:var(--app);color:#eef3ff;box-shadow:0 36px 90px rgba(42,30,83,.22)}
.app-sidebar{display:flex;flex-direction:column;padding:22px 12px 18px;border-right:1px solid rgba(255,255,255,.07);background:#080f20}.app-mark{height:51px;display:grid;place-items:center;margin-bottom:27px}.app-mark img{width:43px;height:43px;object-fit:contain}.app-mark>span{display:none}.sidebar-nav{display:grid;gap:11px}.view-button{position:relative;min-height:66px;padding:8px 5px;border:1px solid transparent;border-radius:13px;background:transparent;color:#697791;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:.2s}.view-button i{font-style:normal;font-size:1.05rem}.view-button span{font-size:.57rem;font-weight:750}.view-button:hover{color:#a8b7d3;background:rgba(255,255,255,.025)}.view-button.active{border-color:rgba(62,208,242,.15);background:linear-gradient(145deg,rgba(112,32,203,.35),rgba(8,157,211,.24));color:#74e2fb;box-shadow:0 12px 25px rgba(0,0,0,.18)}.sidebar-bottom{margin-top:auto;text-align:center;color:#596783;font-size:.53rem}.sidebar-bottom i{display:block;width:8px;height:8px;margin:0 auto 9px;border-radius:50%;background:#2ad49e;box-shadow:0 0 0 5px rgba(42,212,158,.08)}.sidebar-bottom b{color:#69d7b7;font-weight:800}
.app-workspace{min-width:0;background:radial-gradient(circle at 92% 0,rgba(20,142,218,.075),transparent 25%),#0c1428}.app-topbar{height:72px;display:grid;grid-template-columns:minmax(240px,440px) auto auto;justify-content:end;align-items:center;gap:18px;padding:0 24px;border-bottom:1px solid var(--app-line);background:rgba(15,24,46,.92)}.mobile-view-tabs{display:none}.app-search{height:38px;display:flex;align-items:center;padding:0 14px;border:1px solid var(--app-line);border-radius:10px;background:#090f20;color:#61708d;font-size:.65rem}.app-search::before{content:"⌕";margin-right:9px;color:#8494b1;font-size:1rem}.sync-status{display:flex;align-items:center;gap:7px;color:#6fdab9;font-size:.59rem;font-weight:750;white-space:nowrap}.sync-status i{width:7px;height:7px;border-radius:50%;background:#38d3a3;box-shadow:0 0 0 4px rgba(56,211,163,.09)}.app-user{display:flex;align-items:center;gap:9px}.app-user>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#6421b8,#0888cd);font-size:.62rem;font-weight:900}.app-user p,.app-user b,.app-user small{display:block;margin:0}.app-user b{font-size:.61rem}.app-user small{color:#697792;font-size:.51rem}
.app-panels{padding:27px}.app-panel{display:none}.app-panel.active{display:block;animation:panel-in .28s ease both}.app-panel[hidden]{display:none!important}@keyframes panel-in{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}.panel-heading small,.panel-heading h3{display:block}.panel-heading small{color:#72809a;font-size:.62rem}.panel-heading h3{margin:2px 0 0;color:#f6f8ff;font-size:1.25rem;letter-spacing:-.02em}.store-selector,.period-selector,.ai-online{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--app-line);border-radius:10px;background:#111b32;color:#91a0ba;font-size:.59rem;font-weight:730}.store-selector i{width:7px;height:7px;border-radius:50%;background:#3cd5a3}.store-selector span,.period-selector span{color:#65728b}.ai-online{border-color:rgba(157,91,242,.2);border-radius:999px;background:rgba(120,47,209,.1);color:#bd8df2}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:15px}.metric-grid article{min-width:0;padding:16px;border:1px solid var(--app-line);border-radius:13px;background:linear-gradient(145deg,rgba(22,34,61,.96),rgba(15,25,47,.96))}.metric-grid span,.metric-grid b,.metric-grid small{display:block}.metric-grid span{color:#7b88a1;font-size:.6rem}.metric-grid b{margin:5px 0 4px;color:#f4f7fe;font-size:1.35rem;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-grid small{color:#72809a;font-size:.53rem}.metric-grid .metric-green{color:#4dd2a9}.metric-grid .metric-cyan{color:#48d3f0}
.operation-grid{display:grid;grid-template-columns:minmax(290px,.78fr) minmax(510px,1.42fr);gap:14px}.orders-column,.order-detail,.stock-panel,.activity-panel,.sales-chart-card,.stores-card,.management-bottom article,.ai-hero-card,.intelligence-card,.forecast-card{border:1px solid var(--app-line);border-radius:14px;background:rgba(17,27,50,.9)}.orders-column{padding:16px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.card-heading div,.card-heading b,.card-heading small{display:block}.card-heading b{color:#dce3f1;font-size:.66rem}.card-heading small{color:#687690;font-size:.53rem;margin-top:2px}.card-heading>button,.card-heading>span{border:0;background:transparent;color:#6d7b94;font-size:.54rem}.order-card{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 10px;border:1px solid transparent;border-radius:11px;background:#121d35}.order-card+.order-card{margin-top:8px}.order-card.selected{border-color:rgba(31,195,234,.21);background:linear-gradient(110deg,rgba(20,184,225,.07),rgba(112,41,204,.07)),#131e36;box-shadow:inset 3px 0 0 #18b9e5}.channel-logo{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#d82847;color:#fff;font-size:.59rem;font-weight:900}.channel-logo.own{background:linear-gradient(135deg,#6f22c9,#0d94d4)}.channel-logo.counter{background:#34405a;font-size:.51rem}.order-main,.order-main span,.order-main b,.order-main small,.order-time b,.order-time small{display:block;min-width:0}.order-number{color:#58d5f0;font-size:.51rem;font-weight:820}.order-main b{color:#d9e0ee;font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-main small{color:#65738d;font-size:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-time{text-align:right}.order-time b{color:#d9e0ee;font-size:.58rem}.order-time small{color:#68758e;font-size:.49rem}.order-badge{grid-column:2/-1;justify-self:start;padding:4px 7px;border-radius:999px;background:rgba(17,193,230,.1);color:#53d7f1;font-size:.47rem;font-weight:800}.order-badge.prep{background:rgba(141,67,224,.13);color:#ba89f0}.order-badge.ready{background:rgba(50,205,155,.11);color:#66dcb8}.order-card[data-state="confirmed"] .order-badge{background:rgba(83,129,232,.13);color:#86aafa}.order-card[data-state="preparing"] .order-badge{background:rgba(141,67,224,.13);color:#ba89f0}.order-card[data-state="ready"] .order-badge{background:rgba(50,205,155,.11);color:#66dcb8}.order-card[data-state="dispatched"] .order-badge{background:rgba(251,176,67,.12);color:#ffc16b}.order-card[data-state="completed"] .order-badge{background:rgba(50,205,155,.11);color:#66dcb8}
.order-detail{overflow:hidden}.detail-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px;border-bottom:1px solid var(--app-line)}.detail-top small,.detail-top h4{display:block}.detail-top small{color:#6f7d96;font-size:.54rem}.detail-top h4{margin:2px 0 0;color:#ecf1fb;font-size:.78rem}.stage-badge{padding:6px 9px;border-radius:999px;background:rgba(20,194,232,.1);color:#55d7ef;font-size:.51rem;font-weight:820}.stage-badge.confirmed{background:rgba(78,126,230,.12);color:#8aaaf7}.stage-badge.preparing{background:rgba(141,67,224,.13);color:#bd8cf1}.stage-badge.ready{background:rgba(46,207,156,.12);color:#6cdeb9}.stage-badge.dispatched{background:rgba(248,172,64,.12);color:#ffc06d}.stage-badge.completed{background:rgba(46,207,156,.12);color:#6cdeb9}
.flow-progress{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);padding:18px 18px 12px;margin:0;overflow:auto}.flow-progress li{position:relative;min-width:65px;text-align:center;color:#586680;font-size:.48rem;font-weight:760}.flow-progress li::before{content:"";position:absolute;top:10px;left:-50%;width:100%;height:2px;background:#26324c}.flow-progress li:first-child::before{display:none}.flow-progress i{position:relative;z-index:1;width:22px;height:22px;margin:0 auto 5px;display:grid;place-items:center;border-radius:50%;background:#202c45;color:#6a7892;font-size:.47rem;font-style:normal}.flow-progress li.active{color:#6cddf5}.flow-progress li.active i{background:linear-gradient(135deg,#6b22c4,#08a9df);color:#fff;box-shadow:0 0 0 4px rgba(28,178,226,.08)}.flow-progress li.done{color:#65dcb8}.flow-progress li.done::before{background:linear-gradient(90deg,#35cfa0,#119dd7)}.flow-progress li.done i{background:#1fbf91;color:#fff}
.detail-content{padding:5px 18px 16px}.items-card{padding:13px;border-radius:11px;background:#0d162b}.mini-heading{display:flex;justify-content:space-between;color:#78869f;font-size:.53rem}.mini-heading b{color:#cfd7e7;font-size:.58rem}.item-row{display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:9px;align-items:center;padding:12px 0;border-bottom:1px solid var(--app-line)}.item-row>span{color:#52d1eb;font-size:.56rem;font-weight:800}.item-row p,.item-row b,.item-row small{display:block;margin:0}.item-row b{color:#d8e0ee;font-size:.6rem}.item-row small{color:#697790;font-size:.5rem}.item-row>strong{color:#e1e6f1;font-size:.59rem}.total-row{display:flex;justify-content:space-between;padding-top:10px;color:#71809a;font-size:.55rem}.total-row b{color:#f1f4fa;font-size:.64rem}.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.impact-card{padding:10px;border:1px solid var(--app-line);border-radius:9px;background:#0e182d}.impact-card span,.impact-card b,.impact-card small{display:block}.impact-card span{color:#6b7993;font-size:.47rem}.impact-card b{margin:3px 0;color:#d6ddeb;font-size:.54rem}.impact-card small{color:#61708a;font-size:.46rem}.impact-card.updated{border-color:rgba(49,207,159,.2);background:rgba(40,184,140,.05)}.impact-card.updated b{color:#62d9b6}.impact-card.processing{border-color:rgba(36,190,228,.2);background:rgba(27,174,211,.05)}.impact-card.processing b{color:#5bd7f1}
.order-action-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border-top:1px solid var(--app-line);background:#0d162b}.order-action-bar p,.order-action-bar b,.order-action-bar span{display:block;margin:0}.order-action-bar b{color:#dce3ef;font-size:.59rem}.order-action-bar p>span{max-width:330px;color:#69778f;font-size:.5rem;margin-top:2px}.action-button{min-height:39px;display:inline-flex;align-items:center;gap:10px;padding:0 14px;border:0;border-radius:9px;background:linear-gradient(105deg,#6719bd,#087dd8);color:#fff;font-size:.57rem;font-weight:850;white-space:nowrap;cursor:pointer;box-shadow:0 10px 20px rgba(54,51,169,.2)}.action-button.complete{background:linear-gradient(105deg,#159d79,#21c796)}
.operation-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.stock-panel,.activity-panel{padding:16px}.small-live{display:flex!important;align-items:center;gap:6px}.small-live i{width:6px;height:6px;border-radius:50%;background:#32ce9d}.stock-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stock-list p{margin:0;padding:10px;border-radius:9px;background:#0d162b}.stock-list span,.stock-list b,.stock-list small{display:block}.stock-list span{color:#77859d;font-size:.49rem}.stock-list b{margin:3px 0;color:#dce3ee;font-size:.62rem}.stock-list small{color:#58cda9;font-size:.45rem}.stock-list p.changed{animation:stock-flash .7s ease}@keyframes stock-flash{0%,100%{background:#0d162b}50%{background:rgba(39,200,153,.16)}}.activity-feed{max-height:110px;overflow:auto}.activity-feed>div{display:flex;gap:9px;padding:8px 0;border-top:1px solid rgba(255,255,255,.05)}.activity-feed>div>i{flex:0 0 7px;width:7px;height:7px;margin-top:5px;border-radius:50%;background:#36cea0}.activity-feed p,.activity-feed b,.activity-feed small{display:block;margin:0}.activity-feed b{color:#cfd7e5;font-size:.54rem}.activity-feed small{color:#63718b;font-size:.47rem}
.management-layout{display:grid;grid-template-columns:minmax(0,1.23fr) minmax(290px,.77fr);gap:14px}.sales-chart-card,.stores-card{padding:18px}.chart-total{color:#5cd9f2!important;font-weight:850}.sales-chart{height:255px;display:flex;align-items:flex-end;gap:12px;padding:24px 8px 26px;border-bottom:1px solid var(--app-line);background:repeating-linear-gradient(to bottom,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 55px)}.sales-chart i{position:relative;height:var(--bar);flex:1;min-width:7px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#24d0f1,#7437d8);box-shadow:0 -9px 22px rgba(31,185,231,.1)}.sales-chart i:last-child{background:linear-gradient(180deg,#50e0f8,#9146ed)}.sales-chart small{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);color:#5f6e89;font-size:.44rem;font-style:normal}.store-row{display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 0;border-top:1px solid rgba(255,255,255,.055)}.store-dot{width:7px;height:7px;border-radius:50%}.store-dot.green{background:#38d2a1}.store-dot.cyan{background:#23c7ed}.store-dot.purple{background:#9d5bea}.store-dot.blue{background:#4b8ef0}.store-row p,.store-row b,.store-row small{display:block;margin:0;min-width:0}.store-row b{color:#d8dfeb;font-size:.58rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-row small{color:#68768f;font-size:.48rem}.store-row>strong{color:#e6eaf2;font-size:.58rem;white-space:nowrap}.management-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.management-bottom article{padding:19px}.management-bottom span,.management-bottom b,.management-bottom small{display:block}.management-bottom span{color:#74829b;font-size:.55rem}.management-bottom b{margin:5px 0;color:#edf2fa;font-size:1.12rem}.management-bottom small{color:#4ed1a8;font-size:.5rem}
.ai-hero-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:17px;padding:20px;background:radial-gradient(circle at 90% 10%,rgba(38,182,229,.12),transparent 32%),linear-gradient(120deg,rgba(103,26,190,.13),rgba(17,27,50,.94));border-color:rgba(128,73,208,.2)}.ai-symbol{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#7622ce,#0ba6dd);box-shadow:0 12px 25px rgba(60,47,172,.22);font-size:1.15rem}.ai-hero-card span,.ai-hero-card h4,.ai-hero-card p{display:block;margin:0}.ai-hero-card span{color:#b087ee;font-size:.53rem;font-weight:830;text-transform:uppercase;letter-spacing:.07em}.ai-hero-card h4{margin:4px 0;color:#f0f3fa;font-size:.84rem}.ai-hero-card p{color:#7c8aa2;font-size:.56rem}.ai-hero-card button,.intelligence-card button{padding:8px 11px;border:1px solid rgba(74,203,235,.17);border-radius:8px;background:rgba(28,177,214,.08);color:#64d9f1;font-size:.53rem;font-weight:820;white-space:nowrap;cursor:pointer}.insights-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:14px 0}.intelligence-card{padding:19px}.intelligence-card>span{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(50,207,157,.1);color:#5adbb5;font-size:.48rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.intelligence-card.attention>span{background:rgba(247,169,61,.1);color:#ffc06a}.intelligence-card.campaign>span{background:rgba(150,79,232,.12);color:#bf8af3}.intelligence-card h4{min-height:43px;margin:13px 0 8px;color:#e9edf6;font-size:.72rem;line-height:1.4}.intelligence-card p{min-height:67px;margin:0;color:#748199;font-size:.54rem;line-height:1.55}.intelligence-card>div{margin:14px 0;padding:10px;border-radius:9px;background:#0c162b}.intelligence-card>div b,.intelligence-card>div strong{display:block}.intelligence-card>div b{color:#68768f;font-size:.48rem}.intelligence-card>div strong{color:#e1e7f1;font-size:.61rem;margin-top:2px}.forecast-card{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;align-items:center;padding:19px}.forecast-card>div:first-child span,.forecast-card>div:first-child b,.forecast-card>div:first-child small{display:block}.forecast-card>div:first-child span{color:#74829a;font-size:.53rem}.forecast-card>div:first-child b{margin:3px 0;color:#eef2fa;font-size:1.3rem}.forecast-card>div:first-child small{color:#4fd2a9;font-size:.49rem}.forecast-chart{height:95px;display:flex;align-items:flex-end;gap:10px;border-bottom:1px solid var(--app-line)}.forecast-chart i{height:var(--bar);flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#1dcbed,#7136d7)}.forecast-chart i:nth-last-child(-n+2){background:linear-gradient(180deg,#45dff5,#984bec)}.forecast-legend{grid-column:2;display:flex;justify-content:space-between;color:#64728c;font-size:.47rem}.forecast-legend b{color:#aa7be5;font-weight:750}
.demo-helper{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:17px;margin-top:18px;padding:18px 21px;border:1px solid rgba(77,46,148,.12);border-radius:16px;background:#fff;box-shadow:0 14px 35px rgba(52,37,100,.055)}.demo-helper>span{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#6f1bc6,#09bce8);color:#fff;font-size:.67rem;font-weight:900}.demo-helper p,.demo-helper b{display:block;margin:0}.demo-helper p{color:#6a758b;font-size:.8rem}.demo-helper b{color:#351365}.demo-helper button{border:0;background:transparent;color:#5717a5;font-size:.74rem;font-weight:850;cursor:pointer;white-space:nowrap}
.demo-cta{padding:90px 0;background:#fff}.cta-card{position:relative;overflow:hidden;padding:58px 62px;border-radius:30px;background:radial-gradient(circle at 90% 15%,rgba(23,181,233,.29),transparent 28%),radial-gradient(circle at 7% 90%,rgba(167,53,229,.26),transparent 30%),linear-gradient(125deg,#2f0f68,#531092 53%,#241264);color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;gap:70px;box-shadow:0 28px 70px rgba(47,24,96,.2)}.cta-card .demo-eyebrow{color:#78e4fb}.cta-card h2{max-width:720px;margin:0;font-size:clamp(2.15rem,4vw,3.6rem);line-height:1.07;letter-spacing:-.045em}.cta-card>div>p:not(.demo-eyebrow){max-width:680px;color:rgba(255,255,255,.72)}.cta-actions{display:flex;flex-direction:column;align-items:center;gap:13px}.cta-actions>a:last-child{color:#a8eafa;font-size:.77rem;font-weight:780}.cta-card .primary-button{background:linear-gradient(105deg,#fff,#dff9ff);color:#431078;box-shadow:0 15px 35px rgba(12,5,42,.25)}
.demo-footer{padding:35px 0;border-top:1px solid rgba(75,44,142,.1);background:#f8f9fe}.demo-footer .demo-container{display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:30px}.demo-footer img{width:170px}.demo-footer p,.demo-footer>div>span{color:#747f95;font-size:.73rem}.demo-toast{position:fixed;z-index:100;left:50%;bottom:25px;min-width:250px;display:flex;align-items:center;gap:10px;padding:13px 17px;border:1px solid rgba(49,209,160,.25);border-radius:13px;background:#102339;color:#eefaf6;box-shadow:0 18px 45px rgba(10,22,45,.35);opacity:0;pointer-events:none;transform:translate(-50%,18px);transition:.25s}.demo-toast.show{opacity:1;transform:translate(-50%,0)}.demo-toast i{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#29ca98;color:#fff;font-size:.65rem;font-style:normal}.demo-toast span{font-size:.72rem;font-weight:750}
@media(max-width:1080px){.header-status{display:none}.demo-hero-grid{grid-template-columns:1fr .72fr;gap:45px}.app-shell{grid-template-columns:72px minmax(0,1fr)}.app-sidebar{padding-inline:8px}.operation-grid{grid-template-columns:1fr}.orders-column{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.orders-column>.card-heading{grid-column:1/-1}.order-card+.order-card{margin-top:0}.order-card{grid-template-columns:32px minmax(0,1fr)}.order-time{display:none}.order-badge{grid-column:2}.management-layout{grid-template-columns:1fr}.insights-layout{grid-template-columns:1fr}.intelligence-card h4,.intelligence-card p{min-height:0}.cta-card{grid-template-columns:1fr;gap:28px}.cta-actions{align-items:flex-start}}
@media(max-width:820px){.site-header-inner{height:76px}.demo-brand{width:165px;height:68px}.demo-brand img{width:160px;height:63px}.back-link{display:none}.header-button{min-height:41px;padding:0 14px;font-size:.72rem}.demo-hero{padding:58px 0 66px}.demo-hero-grid{grid-template-columns:1fr}.demo-summary{display:grid;grid-template-columns:repeat(3,1fr)}.demo-summary>div{display:block;text-align:center;padding:14px 8px}.demo-summary>div+div{border-top:0;border-left:1px solid rgba(77,45,148,.09)}.demo-summary>div>span{width:54px;margin:0 auto 9px}.product-demo{padding:76px 0 82px}.demo-section-heading{align-items:flex-start;flex-direction:column}.demo-controls{justify-content:flex-start}.app-shell{display:block;min-height:0}.app-sidebar{display:none}.app-topbar{height:auto;min-height:70px;grid-template-columns:1fr auto;padding:12px 16px}.mobile-view-tabs{display:flex;grid-column:1/-1;gap:6px}.mobile-view{padding:7px 10px;border:1px solid var(--app-line);border-radius:8px;background:transparent;color:#78859d;font-size:.58rem;font-weight:800}.mobile-view.active{background:linear-gradient(105deg,#681cbd,#087ecf);color:#fff}.app-search{display:none}.app-panels{padding:20px 16px}.metric-grid{grid-template-columns:1fr 1fr}.operation-lower-grid{grid-template-columns:1fr}.forecast-card{grid-template-columns:1fr}.forecast-legend{grid-column:1}.ai-hero-card{grid-template-columns:45px minmax(0,1fr)}.ai-hero-card button{grid-column:2;justify-self:start}.demo-footer .demo-container{grid-template-columns:150px 1fr}.demo-footer>div>span{grid-column:1/-1}.cta-card{padding:42px 35px}}
@media(max-width:600px){.demo-container,.site-header-inner{width:min(calc(100% - 24px),var(--max))}.demo-brand{width:142px}.demo-brand img{width:138px}.header-button{font-size:0;width:43px;padding:0}.header-button::after{content:"✆";font-size:1rem}.demo-hero h1{font-size:2.7rem}.demo-hero-copy>p:not(.demo-eyebrow){font-size:.96rem}.hero-actions,.hero-actions>a,.hero-actions>button{width:100%}.demo-summary{grid-template-columns:1fr}.demo-summary>div{display:flex;text-align:left}.demo-summary>div+div{border-left:0;border-top:1px solid rgba(77,45,148,.09)}.demo-summary>div>span{margin:0}.demo-section-heading h2{font-size:2.2rem}.demo-controls{display:grid;grid-template-columns:1fr 1fr;width:100%}.control-button{padding:0 10px}.app-shell{border-radius:18px}.app-topbar{grid-template-columns:1fr}.sync-status{display:none}.app-user{justify-self:end;grid-row:2;position:absolute;right:18px;top:67px}.app-user p{display:none}.app-panels{padding:18px 10px}.panel-heading{align-items:flex-start;flex-direction:column;gap:10px}.metric-grid{gap:7px}.metric-grid article{padding:12px}.metric-grid b{font-size:1.05rem}.orders-column{display:block}.order-card+.order-card{margin-top:7px}.order-card{grid-template-columns:32px minmax(0,1fr) auto}.order-time{display:block}.order-badge{grid-column:2/-1}.detail-top{align-items:flex-start}.flow-progress{padding-inline:10px}.flow-progress li{min-width:54px}.flow-progress li span{font-size:.42rem}.detail-content{padding-inline:10px}.impact-grid{grid-template-columns:1fr}.order-action-bar{align-items:flex-start;flex-direction:column;padding-inline:12px}.action-button{width:100%;justify-content:center}.stock-list{grid-template-columns:1fr}.management-bottom{grid-template-columns:1fr}.sales-chart{height:190px;gap:6px}.stores-card,.sales-chart-card{padding:13px}.ai-hero-card{padding:15px;grid-template-columns:40px minmax(0,1fr);gap:12px}.ai-symbol{width:40px;height:40px}.ai-hero-card button{grid-column:1/-1}.forecast-card{padding:15px}.demo-helper{grid-template-columns:40px 1fr;padding:15px}.demo-helper>button{grid-column:2;justify-self:start}.cta-card{width:min(calc(100% - 24px),var(--max));padding:34px 23px;border-radius:23px}.cta-actions{width:100%}.cta-actions .primary-button{width:100%;text-align:center}.demo-footer .demo-container{grid-template-columns:1fr}.demo-footer img{width:150px}.demo-footer p,.demo-footer>div>span{margin:0;grid-column:auto}.demo-toast{width:calc(100% - 28px);min-width:0}}
.app-topbar{position:relative}
@media(max-width:600px){.app-user{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}