.demo-notice{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:7px 16px;color:#205b43;background:#e9f9ef;font:700 12px/1.3 Inter,system-ui,sans-serif}.demo-notice span{color:#0d9a58;font-size:10px}.demo-company-page .shell{padding-top:18px}.demo-donut{--new:33%;--done:89%;--chart-primary:#2563eb;--chart-success:#16945c;--chart-danger:#e45858;--chart-ink-shadow:#2563eb1f;background:conic-gradient(var(--chart-primary) 0 var(--new),var(--chart-success) var(--new) var(--done),var(--chart-danger) var(--done) 100%)}.demo-gauge{--chart-success:#16945c;--chart-track:#e8edf3;--chart-ink-shadow:#17203312;--chart-ink-shadow-soft:#1720330d}.demo-company-page .legend-row i{width:9px;height:9px;border-radius:50%;background:#2563eb}.demo-company-page .legend-row:nth-child(2) i{background:#16945c}.demo-company-page .bar-row{display:grid;grid-template-columns:1fr 1.5fr auto;gap:8px;align-items:center;margin-top:18px;color:#667085;font-size:12px}.demo-company-page .bar-row div{height:8px;overflow:hidden;border-radius:999px;background:#e6edf7}.demo-company-page .bar-row i{display:block;width:80%;height:100%;border-radius:inherit;background:#4d7cf0}.demo-status{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:750}.demo-status.new{color:#2463a5;background:#e6f2ff}.demo-status.done{color:#157348;background:#e8f8ef}.demo-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.demo-section-head h2{margin-bottom:4px}.demo-product-list{display:grid;gap:8px;margin-top:18px}.demo-product-list>div{display:grid;grid-template-columns:1fr auto;gap:4px;border:1px solid #e4e7ec;border-radius:10px;padding:13px}.demo-product-list span{color:#667085;font-size:12px}.demo-stock{grid-column:2;grid-row:1/3;align-self:center;padding:6px 9px;font-size:11px}.demo-task{display:grid;grid-template-columns:25px 1fr auto;gap:10px;align-items:center;width:100%;margin-top:10px;border:1px solid #e4e7ec;border-radius:10px;padding:12px;color:#172033;background:#fff;cursor:pointer;text-align:left;font:inherit}.demo-task>span{display:grid;width:19px;height:19px;place-items:center;border:1px solid #cbd5e1;border-radius:6px;color:#fff}.demo-task div{display:grid;gap:3px}.demo-task small{color:#667085}.demo-task em{border-radius:99px;padding:4px 8px;color:#2463a5;background:#e6f2ff;font-size:10px;font-style:normal;font-weight:750}.demo-task.is-complete>span{border-color:#16945c;background:#16945c}.demo-task.is-complete b{text-decoration:line-through}.demo-task.is-complete em{color:#157348;background:#e8f8ef}.demo-miniapp-page{padding-bottom:114px}.demo-miniapp-page .topbar{top:34px}.demo-miniapp-page .cat-bar{top:calc(var(--topbar-h) + 34px)}.demo-miniapp-page .pcard{cursor:default}.demo-toast{position:fixed;z-index:50;right:18px;bottom:18px;max-width:min(360px,calc(100vw - 36px));border-radius:14px;padding:12px 14px;color:#fff;background:#172033;box-shadow:0 12px 32px #17203333;font:700 13px/1.4 Inter,system-ui,sans-serif}.demo-toast[hidden]{display:none}.demo-miniapp-page .demo-toast{bottom:calc(var(--bottom-bar-h) + 18px);z-index:300}@media(max-width:650px){.demo-company-page .shell{padding:12px}.demo-company-page .account-actions{align-items:flex-start}.demo-company-page .identity{display:none}.demo-company-page .table-wrap{overflow:auto}.demo-company-page table{min-width:820px}.demo-miniapp-page .demo-toast{bottom:156px}}
html.demo-miniapp-document {
  scrollbar-gutter: auto;
  scrollbar-width: none;
}

html.demo-miniapp-document::-webkit-scrollbar {
  display: none;
}