.erp-demo-page{padding:64px max(24px,4vw) 0;background:radial-gradient(ellipse at 70% 0,#16377333,transparent 48%),#070d18}.erp-demo-intro{max-width:1420px;margin:0 auto 34px}.erp-demo-intro .eyebrow{color:#8facde;font-size:11px;letter-spacing:.17em}.erp-demo-intro h1{font-size:clamp(32px,4.2vw,64px);letter-spacing:-.045em;line-height:1.2;font-weight:500;margin:18px 0}.erp-demo-intro>p:last-child{font-size:15px;line-height:1.8;color:#a3b3cb;max-width:680px}.erp-disclosure{max-width:1420px;margin:0 auto 18px;display:flex;gap:18px;align-items:center;color:#99abc4;font-size:12px;line-height:1.6}.erp-disclosure>span{display:flex;gap:7px;align-items:center;white-space:nowrap;color:#b6d0ff}.erp-disclosure i,.erp-workspace-bottom i{width:6px;height:6px;background:#739ff4;display:inline-block;border-radius:50%}.erp-shell{max-width:1420px;margin:auto;display:grid;grid-template-columns:196px minmax(0,1fr);border:1px solid #3e527255;border-radius:14px;overflow:hidden;box-shadow:0 35px 100px #0005;min-height:730px;font-size:13px}.erp-modal button,.erp-shell button{cursor:pointer}.erp-modal button,.erp-modal input,.erp-modal select,.erp-shell button,.erp-shell input,.erp-shell select{font:inherit}.erp-modal button:focus-visible,.erp-shell button:focus-visible{outline:3px solid #6595ff;outline-offset:3px}.erp-sidebar{background:linear-gradient(165deg,#131f34,#0c1424);padding:28px 16px 20px;display:flex;flex-direction:column;color:#b3c0d5}.erp-brand{display:flex;gap:11px;align-items:flex-start;padding:0 10px 38px;color:#9fc4ff}.erp-brand>span{font-size:23px;font-weight:600;color:#f0f4ff;letter-spacing:-1px;line-height:1}.erp-brand>span>span{font-weight:300;color:#99b4df}.erp-brand small{display:block;letter-spacing:0;font-size:10px;font-weight:400;color:#8ea3c1;margin-top:10px;line-height:1.5}.erp-sidebar nav{display:grid;gap:7px}.erp-sidebar nav button{display:flex;align-items:center;gap:11px;border:1px solid transparent;background:transparent;color:#a3b2cb;padding:12px;border-radius:7px;text-align:left;transition:background .18s,color .18s}.erp-sidebar nav button:hover{background:#ffffff08;color:white}.erp-sidebar nav button.is-active{background:#3267ed26;border-color:#6b98fb25;color:#c2d7ff}.erp-sidebar nav small{margin-left:auto;background:#7187bb20;border-radius:5px;padding:2px 6px;font-size:10px}.erp-sidebar-foot{display:flex;align-items:center;gap:10px;margin-top:auto;padding:45px 6px 0;font-size:12px;color:#d8e1ef}.erp-avatar{border:1px solid #a5bce333;background:#31405b66;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:#b3ceff;font-size:10px}.erp-sidebar-foot small{display:block;font-size:10px;color:#95a6c1;margin-top:3px}.erp-workspace{min-width:0;background:#f3f6fb;color:#26334d;display:flex;flex-direction:column}.erp-topbar{height:60px;padding:0 28px;border-bottom:1px solid #e1e7f0;justify-content:space-between;background:#fff9;color:#4b5d78;font-size:12px}.erp-topbar,.erp-topbar>div{display:flex;align-items:center}.erp-topbar>div{gap:18px}.erp-sample{color:#687b96;font-size:11px}.erp-content{padding:28px;flex:1}.erp-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:9px}.erp-heading h2{font-size:clamp(20px,2vw,28px);font-weight:600;color:#152239;letter-spacing:-.04em;margin:0}.erp-heading p{font-size:12px;color:#70819a;margin-top:8px;line-height:1.65;max-width:570px}.erp-icon-button,.erp-primary,.erp-secondary,.erp-text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;white-space:nowrap;transition:background .18s,transform .18s}.erp-primary{background:#3165e7;color:white;border:1px solid #2d5ed5;padding:11px 15px;box-shadow:0 3px 8px #2354c820;font-size:12px!important}.erp-primary:hover{background:#2557ce;transform:translateY(-1px)}.erp-secondary{background:white;color:#4f617e;border:1px solid #dce3ef;padding:8px 11px;font-size:11px!important}.erp-secondary:hover{background:#eef3ff;border-color:#a4bce8}.erp-icon-button{width:32px;height:32px;background:transparent;color:#6580a5;border:1px solid #dce4ef}.erp-icon-button:hover{background:#e4ecfa;color:#315abd}.erp-text-button{background:transparent;border:0;color:#3263ce;font-size:11px!important;padding:6px 0}.erp-announcement{font-size:12px;color:#2e6381;min-height:23px;margin-bottom:8px}.erp-view{animation:erp-enter .25s ease both}.erp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.erp-stats article{padding:20px;background:#fff;border:1px solid #e2e8f2;border-radius:9px;box-shadow:0 2px 3px #132b4f02}.erp-stats article>div{display:flex;gap:8px;justify-content:space-between;color:#687b97;font-size:11px;line-height:1.5}.erp-stats article svg{color:#6789c7;flex-shrink:0}.erp-stats strong{font-size:29px;display:block;color:#1e2d47;font-weight:600;letter-spacing:-.045em;margin:14px 0 9px;font-variant-numeric:tabular-nums}.erp-stats small{font-size:10px;line-height:1.5;color:#7b8ca5;display:block}.erp-middle{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(235px,1fr);gap:20px;margin-bottom:20px}.erp-panel{border:1px solid #e1e7f0;background:#fff;border-radius:9px;min-width:0;overflow:hidden}.erp-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px}.erp-panel h3{font-size:14px;line-height:1.5;letter-spacing:-.01em;font-weight:600;color:#27374e;margin:0}.erp-panel-heading p{font-size:10px;line-height:1.6;color:#7a8ba3;margin-top:4px}.erp-chart-key{color:#7891b9;font-size:10px;display:flex;align-items:center;gap:5px}.erp-chart-key i{width:6px;height:6px;background:#4478ee;border-radius:2px}.erp-bars{height:202px;margin:0 23px 20px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;background:repeating-linear-gradient(0deg,transparent 0,transparent 42px,#edf1f7 43px,#edf1f7 44px);border-bottom:1px solid #e3eaf5}.erp-bar-column{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.erp-bar-column>span{font-size:9px;color:#627b9f;white-space:nowrap}.erp-bar-track{height:148px;display:flex;align-items:flex-end;width:65%;max-width:42px}.erp-bar-track>i{display:block;width:100%;border-radius:5px 5px 0 0;background:linear-gradient(#4b82f9,#a4c1ff);box-shadow:inset 0 1px 0 #7fabff;transform-origin:bottom;animation:erp-grow .7s ease both}.erp-bar-column:last-child .erp-bar-track>i{background:linear-gradient(#235bea,#5a91ff)}.erp-bar-column>small{font-size:10px;color:#8a99ae;background:white;padding:0 6px}.erp-count{background:#fff1dc;color:#a7742b;font-size:11px;border-radius:6px;padding:5px 8px}.erp-low-item{display:flex;align-items:center;gap:11px;margin:0 20px;padding:13px 0;border-top:1px solid #edf0f6}.erp-product-icon{width:34px;height:34px;display:grid;place-items:center;background:#f2f5fb;border-radius:7px;color:#6c86ae}.erp-low-item>div{flex:1}.erp-low-item strong{font-size:11px;display:block;font-weight:500}.erp-low-item small{font-size:10px;color:#a07741;margin-top:4px;display:block}.erp-flow-note{margin:5px 20px 18px;border-radius:6px;background:#f5f8fe;padding:12px}.erp-flow-note>span{font-size:8px;letter-spacing:.1em;color:#567dbe;font-weight:600}.erp-flow-note>p{font-size:10px;line-height:1.7;color:#7485a0;margin-top:5px}.erp-table-scroll{overflow-x:auto;max-width:100%}.erp-shell table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:11px}.erp-shell th{font-weight:400;color:#7b8aa0;background:#f8fafd;font-size:10px;padding:12px 18px;border-block:1px solid #edf1f7}.erp-shell td{padding:16px 18px;border-bottom:1px solid #edf1f7;color:#53627a;font-variant-numeric:tabular-nums}.erp-shell tr:last-child td{border-bottom:0}.erp-shell tbody tr:hover{background:#f8faff}.erp-shell td strong{font-weight:500;color:#344761}.erp-sku{display:block;font-size:9px;color:#8393ac;margin-top:4px}.erp-code{color:#5276b6!important;font-size:10px}.erp-amount{font-weight:500;color:#34445f!important}.erp-status{display:inline-flex;align-items:center;gap:5px;font-size:9px;padding:5px 7px;border-radius:5px;background:#ecf7f4;color:#36775f}.erp-status i{width:4px;height:4px;border-radius:50%;background:currentColor}.erp-status.confirmed{background:#edf2ff;color:#5774bd}.erp-status.cancelled{background:#f0f1f4;color:#7d8797}.erp-row-actions{display:flex;gap:6px}.erp-row-actions button{display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #dfe7f4;background:#f8faff;color:#5477b7;border-radius:5px;font-size:10px}.erp-row-actions button:hover{background:#e8f0ff}.erp-toolbar{gap:14px;flex-wrap:wrap;padding:20px}.erp-search,.erp-toolbar{display:flex;align-items:center}.erp-search{gap:8px;color:#8ba0bd;flex:1;min-width:160px;background:#f8fafd;border:1px solid #e1e7f0;padding:0 11px;border-radius:6px}.erp-search input{background:transparent;border:0;color:#455b7d;width:100%;min-width:0;padding:10px 0;outline:none;font-size:12px}.erp-search:focus-within{outline:2px solid #729ee9}.erp-check{display:flex;align-items:center;gap:7px;font-size:11px;color:#687c98;cursor:pointer}.erp-check input{accent-color:#3268ed}.erp-toolbar select{padding:9px;border-radius:6px;background:#fff;border:1px solid #dce3ef;font-size:12px;color:#4c6486}.erp-stock-low,.erp-stock-ok{display:inline-block;min-width:28px;text-align:center;padding:4px 7px;background:#fff3e2;color:#997131;border-radius:5px}.erp-stock-ok{background:#edf5fa;color:#497595}.erp-empty{padding:35px 20px;font-size:12px;color:#7487a2;display:flex;align-items:center;justify-content:center;gap:12px}.erp-muted{color:#99a8be}.erp-activity-empty{display:flex;align-items:center;flex-direction:column;text-align:center;padding:65px 25px;color:#7295c8;gap:18px}.erp-activity-empty p{font-size:12px;color:#7b8da8;line-height:1.6}.erp-activity-list{list-style:none;padding:5px 24px;margin:0}.erp-activity-list li{display:flex;align-items:center;gap:15px;padding:22px 0;border-bottom:1px solid #eaf0f8}.erp-activity-list li:last-child{border:0}.erp-event-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#edf3ff;color:#5b80c1;flex-shrink:0}.erp-activity-list strong{font-size:12px;font-weight:500}.erp-activity-list p{font-size:10px;color:#8a9ab0;margin-top:6px}.erp-activity-list small{margin-left:auto;font-size:9px;color:#8d9db5}.erp-workspace-bottom{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;color:#94a4ba;font-size:8px;letter-spacing:.06em;border-top:1px solid #e4eaf3;margin-top:12px}.erp-workspace-bottom>span:last-child{display:flex;align-items:center;gap:8px}.erp-demo-cta{max-width:1420px;margin:65px auto 0;padding:0 0 70px;display:flex;justify-content:space-between;gap:30px;align-items:center}.erp-demo-cta h2{font-size:clamp(24px,2.4vw,36px);font-weight:400;letter-spacing:-.025em;color:#e0eaff}.erp-demo-cta p{font-size:13px;color:#8fa5c6;max-width:620px;line-height:1.8;margin-top:12px}.erp-demo-cta>div:last-child{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.erp-demo-cta .button{gap:20px;white-space:nowrap}.erp-demo-cta .text-link{font-size:12px;white-space:nowrap}.erp-modal-overlay{position:fixed;inset:0;background:#040c20a8;backdrop-filter:blur(5px);z-index:150;animation:erp-enter .2s ease}.erp-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:151;background:#fff;color:#263750;border:1px solid #dae5f7;border-radius:14px;width:calc(100vw - 32px);max-width:450px;padding:28px;max-height:calc(100dvh - 40px);overflow:auto;font-size:13px;box-shadow:0 30px 100px #0006}.erp-modal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.erp-modal-mark{display:grid;place-items:center;width:42px;height:42px;background:#eef4ff;color:#4773c7;border:1px solid #dce9ff;border-radius:10px}.erp-modal h2{font-size:23px;font-weight:600;letter-spacing:-.03em;line-height:1.3}.erp-modal h2+p{font-size:12px;line-height:1.7;color:#7c8ba1;margin:12px 0 23px}.erp-modal label{display:block;font-size:11px;color:#5c7191;margin:17px 0 8px}.erp-modal input,.erp-modal select{background:#f8fafd;border:1px solid #d8e1ef;border-radius:6px;padding:12px;color:#374f71;width:100%;font-size:14px;min-height:44px}.erp-modal .erp-stock-hint{font-size:11px;color:#7b8fae;margin:9px 0}.erp-order-total{display:flex;justify-content:space-between;border-top:1px solid #e1e7f1;padding-top:18px;margin-top:22px;color:#627a9b;font-size:12px}.erp-order-total strong{font-size:22px;color:#244270;font-weight:600}.erp-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.erp-form-error{font-size:12px;line-height:1.6;color:#ac493c;background:#fff3f1;padding:10px;border-radius:5px;margin-top:15px}@keyframes erp-enter{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@keyframes erp-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media(min-width:1550px){.erp-shell{grid-template-columns:220px minmax(0,1fr)}.erp-content{padding:34px}.erp-stats strong{font-size:34px}.erp-shell table{font-size:12px}.erp-bars{height:230px}.erp-bar-track{height:175px}}@media(max-width:1150px){.erp-shell{grid-template-columns:155px minmax(0,1fr)}.erp-sidebar{padding-inline:10px}.erp-content{padding:22px}.erp-stats{gap:9px}.erp-stats article{padding:14px}.erp-stats strong{font-size:25px}.erp-middle{grid-template-columns:1fr}.erp-attention{display:grid;grid-template-columns:1fr 1fr}.erp-attention>.erp-flow-note,.erp-attention>.erp-panel-heading{grid-column:1/-1}.erp-low-item{border-top:0}.erp-heading{align-items:flex-start}.erp-heading h2{font-size:24px}.erp-demo-cta{align-items:flex-start;flex-direction:column}}@media(max-width:760px){.erp-demo-page{padding:35px 16px 0}.erp-demo-intro{margin-bottom:24px}.erp-demo-intro h1{font-size:34px}.erp-demo-intro>p:last-child{font-size:13px}.erp-disclosure{display:block;font-size:10px}.erp-disclosure>span{margin-bottom:6px}.erp-shell{display:block;border-radius:10px}.erp-sidebar{padding:15px 10px 10px}.erp-brand{padding:0 10px 18px;align-items:center}.erp-brand>span{font-size:20px}.erp-brand small{display:none}.erp-sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.erp-sidebar nav button{flex-direction:column;font-size:10px;gap:7px;padding:10px 5px}.erp-sidebar nav small,.erp-sidebar-foot{display:none}.erp-topbar{padding:0 16px;height:50px}.erp-sample{font-size:9px}.erp-content{padding:20px 14px}.erp-heading{flex-direction:column;gap:16px;margin-bottom:7px}.erp-heading h2{font-size:23px}.erp-heading p{font-size:11px}.erp-primary{padding:11px 14px}.erp-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.erp-stats article{padding:14px}.erp-stats strong{font-size:27px}.erp-stats article>div{font-size:10px}.erp-stats small{font-size:9px}.erp-attention{display:block}.erp-low-item{border-top:1px solid #edf0f6}.erp-panel-heading{padding:16px;flex-wrap:wrap}.erp-panel h3{font-size:13px}.erp-bars{gap:6px;margin-inline:12px;height:182px}.erp-bar-track{height:132px;width:72%}.erp-bar-column>span{font-size:8px}.erp-bar-column>small{font-size:9px;padding-inline:1px}.erp-toolbar{padding:15px;gap:12px}.erp-search{flex-basis:100%}.erp-toolbar>.erp-secondary{margin-left:auto}.erp-workspace-bottom{padding:14px;font-size:7px;gap:10px}.erp-activity-list{padding:0 15px}.erp-activity-list li{gap:10px;flex-wrap:wrap}.erp-activity-list small{margin-left:42px}.erp-demo-cta{margin-top:40px;padding-bottom:45px}.erp-demo-cta>div:last-child{gap:24px}.erp-modal{padding:22px}.erp-modal input,.erp-modal select{font-size:16px}}@media(prefers-reduced-motion:reduce){.erp-bar-track>i,.erp-modal-overlay,.erp-view{animation:none}}