:root{--navy:#101828;--navy-2:#17243b;--ink:#182230;--muted:#667085;--line:#e4e7ec;--surface:#fff;--canvas:#f6f8fb;--blue:#356ae6;--blue-soft:#edf3ff;--green:#1f9d68;--green-soft:#eaf8f1;--amber:#e49325;--amber-soft:#fff4e5;--violet:#805ad5;--violet-soft:#f2edff;--shadow:0 18px 46px rgba(16,24,40,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Manrope,"Segoe UI",sans-serif;background:var(--canvas)}button,input{font:inherit}button,a{transition:.2s ease}a{text-decoration:none;color:inherit}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:-.4px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:linear-gradient(145deg,#477df0,#2856c8);color:#fff;box-shadow:0 8px 18px rgba(53,106,230,.28)}.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto;padding:0 24px}.site-nav{display:flex;gap:34px;color:#475467;font-size:14px;font-weight:600}.site-nav a:hover{color:var(--blue)}.button{border:0;border-radius:10px;padding:12px 19px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.button-primary{background:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(53,106,230,.22)}.button-primary:hover{background:#2759cf;transform:translateY(-1px)}.button-ghost{border:1px solid var(--line);background:#fff;font-size:14px}.button-soft{background:var(--blue-soft);color:#2457c5}.hero{max-width:1200px;margin:auto;min-height:610px;padding:78px 24px 74px;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.eyebrow{display:inline-block;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:1.25px;text-transform:uppercase}.hero h1{font-size:58px;line-height:1.06;letter-spacing:-2.8px;margin:18px 0 22px}.hero-copy>p{font-size:18px;line-height:1.7;color:var(--muted);max-width:560px}.hero-actions{display:flex;gap:12px;margin:30px 0}.trust-row{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;color:#64748b;font-weight:600}.hero-visual{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:10px;box-shadow:0 30px 70px rgba(31,50,81,.16);transform:rotate(1deg)}.window-bar{height:38px;display:flex;align-items:center;gap:6px;padding:0 8px;color:#94a3b8;font-size:10px}.window-bar i{width:7px;height:7px;border-radius:50%;background:#d8dee8}.window-bar span{margin-left:auto;margin-right:auto}.mini-dashboard{height:355px;border-radius:13px;overflow:hidden;background:#f5f7fb;display:grid;grid-template-columns:56px 1fr}.mini-sidebar{background:#142038;color:#fff;display:flex;flex-direction:column;align-items:center;gap:25px;padding-top:19px}.mini-sidebar b{background:#356ae6;padding:6px;border-radius:7px}.mini-sidebar span{width:18px;height:5px;border-radius:5px;background:#536078}.mini-content{padding:30px}.mini-title{display:flex;justify-content:space-between;align-items:center}.mini-title small,.mini-title strong{display:block}.mini-title small{color:#98a2b3;font-size:10px}.mini-title strong{margin-top:5px}.mini-title em{font-size:10px;font-style:normal;color:var(--green);background:var(--green-soft);padding:7px;border-radius:12px}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.mini-metrics div{background:#fff;border-radius:10px;padding:15px;box-shadow:0 4px 10px rgba(16,24,40,.03)}.mini-metrics b,.mini-metrics small{display:block}.mini-metrics b{font-size:21px}.mini-metrics small{font-size:9px;color:#98a2b3;margin-top:5px}.mini-bars{background:#fff;border-radius:10px;padding:17px}.mini-bars div{height:8px;width:var(--w);margin:13px 0;border-radius:8px;background:linear-gradient(90deg,#356ae6,#80a6ff)}.mini-pallets{display:flex;gap:10px;margin-top:16px}.mini-pallets span{height:62px;flex:1;border:1px solid #dce3ed;background:repeating-linear-gradient(90deg,#edf1f6 0 16px,#fff 16px 18px);border-radius:6px}.logo-strip{background:#fff;border-block:1px solid var(--line);min-height:80px;display:flex;align-items:center;justify-content:center;gap:30px;color:#758195}.logo-strip span{font-size:10px;letter-spacing:1.7px}.logo-strip b{color:#475467;font-size:13px}.logo-strip i{font-style:normal;color:#c6ccd5}.section{max-width:1200px;margin:auto;padding:100px 24px}.section-heading{text-align:center;max-width:650px;margin:0 auto 46px}.section-heading h2{font-size:38px;letter-spacing:-1.6px;margin:12px 0}.section-heading p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;min-height:250px;overflow:hidden;position:relative}.feature-card h3{font-size:19px;margin:18px 0 8px}.feature-card p{font-size:14px;line-height:1.65;color:var(--muted)}.feature-large{grid-row:span 2}.feature-wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;align-items:center}.feature-icon,.stat-icon{display:grid;place-items:center;border-radius:10px;width:42px;height:42px;font-weight:800}.blue{background:var(--blue-soft);color:var(--blue)}.green{background:var(--green-soft);color:var(--green)}.amber{background:var(--amber-soft);color:var(--amber)}.violet{background:var(--violet-soft);color:var(--violet)}.feature-art{margin-top:42px;background:#f6f8fb;border:1px solid #edf0f4;border-radius:13px;padding:16px;display:flex;flex-direction:column;gap:14px;color:#667085;font-size:11px}.feature-art b{background:#fff;padding:17px;border-radius:9px;color:#1d2939;box-shadow:0 4px 12px rgba(16,24,40,.05)}.layer-art{height:140px;display:flex;flex-direction:column-reverse;align-items:center;perspective:300px}.layer-art span{display:block;width:160px;height:42px;margin-top:-12px;border:1px solid #95b0ea;background:linear-gradient(135deg,#dce8ff,#bcd0fa);transform:skewY(-5deg);box-shadow:0 8px 14px rgba(53,106,230,.13)}.workflow{max-width:none;background:#fff}.workflow>.section-heading,.workflow>.steps{max-width:1152px;margin-left:auto;margin-right:auto}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.steps li{border-top:2px solid #e8ecf2;padding-top:25px}.steps b{color:var(--blue);font-size:12px}.steps h3{font-size:17px}.steps p{font-size:13px;color:var(--muted);line-height:1.6}.cloud-callout{margin:90px auto;border-radius:24px;background:linear-gradient(125deg,#101c31,#1d345a);color:#fff;padding:58px;display:flex;align-items:center;justify-content:space-between;gap:50px}.cloud-callout h2{font-size:34px;margin:12px 0}.cloud-callout p{color:#c7d2e4;line-height:1.7;max-width:690px}.eyebrow.light{color:#9ab9ff}.button-white{background:#fff;color:#20345a;white-space:nowrap}footer{max-width:1200px;margin:auto;padding:25px 24px 50px;display:flex;justify-content:space-between;align-items:center;color:#7a8494;font-size:12px}
/* Cabinet */.app-page{background:var(--canvas)}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:var(--navy);color:#d4dbea;padding:22px 14px;display:flex;flex-direction:column;z-index:20}.brand-light{color:#fff;padding:0 10px 25px}.app-nav{display:flex;flex-direction:column;gap:4px}.nav-item{width:100%;border:0;background:transparent;color:#aeb9cb;padding:11px 12px;border-radius:8px;text-align:left;cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;gap:12px}.nav-item span{font-size:18px;width:20px;text-align:center}.nav-item i{margin-left:auto;background:#356ae6;color:#fff;border-radius:10px;padding:2px 7px;font-size:10px;font-style:normal}.nav-item:hover,.nav-item.active{background:#202e47;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #5682ef}.nav-label{font-size:9px;letter-spacing:1.4px;color:#6f7b90;text-transform:uppercase;padding:22px 12px 8px}.sidebar-help{margin-top:auto;background:#1a2942;border:1px solid #2b3c59;border-radius:11px;padding:13px;display:flex;flex-direction:column;gap:6px}.sidebar-help b{font-size:12px;color:#fff}.sidebar-help span{font-size:9px;color:#91a0b6}.sidebar-help button{margin-top:5px;border:0;border-radius:6px;background:#2c3e5d;color:#fff;padding:8px;font-size:10px}.user-card{display:flex;align-items:center;gap:9px;border-top:1px solid #28364d;margin-top:15px;padding:17px 5px 0}.avatar{width:32px;height:32px;border-radius:50%;background:#315dbb;display:grid;place-items:center;font-size:10px;color:#fff}.user-card div{display:flex;flex-direction:column}.user-card b{font-size:10px;color:#fff}.user-card small{font-size:8px;color:#8996aa;margin-top:2px}.user-card button{margin-left:auto;border:0;background:transparent;color:#8491a5}.app-shell{margin-left:252px;min-height:100vh}.app-header{height:69px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 32px;position:sticky;top:0;z-index:10}.org-switch small,.org-switch b{display:block}.org-switch small{font-size:9px;color:#98a2b3}.org-switch b{font-size:12px;margin-top:3px}.header-actions{display:flex;align-items:center;gap:8px}.icon-button,.square-button{width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#667085;cursor:pointer}.notification{position:relative}.notification:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#f04438;right:7px;top:6px}.connection{font-size:9px;color:#667085;margin-left:8px}.connection i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#26ad73;margin-right:6px}.menu-toggle{display:none;border:0;background:transparent;font-size:23px}.app-content{padding:34px;max-width:1500px;margin:auto}.view{display:none}.view.active{display:block}.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.page-title h1{font-size:27px;letter-spacing:-.8px;margin:5px 0}.page-title>div>p:last-child{color:var(--muted);font-size:12px;margin:0}.breadcrumb{color:#98a2b3!important;font-size:9px!important}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat-grid article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;display:flex;gap:14px;align-items:center}.stat-grid article>div{display:flex;flex-direction:column}.stat-grid small{font-size:9px;color:#667085}.stat-grid b{font-size:22px;line-height:1.25}.stat-grid em{font-size:8px;color:#98a2b3;font-style:normal}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.toolbar{padding:14px 16px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line)}.search{width:280px;position:relative}.search span{position:absolute;left:12px;top:8px;color:#98a2b3}.search input{width:100%;height:36px;border:1px solid var(--line);border-radius:8px;padding:0 12px 0 33px;font-size:10px}.filters{display:flex;gap:4px}.filter{border:0;background:transparent;color:#667085;border-radius:7px;padding:8px 11px;font-size:9px;cursor:pointer}.filter.active{background:var(--blue-soft);color:var(--blue);font-weight:700}.toolbar .square-button{margin-left:auto}.table-wrap{overflow-x:auto}.orders-table{width:100%;border-collapse:collapse;min-width:850px}.orders-table th{text-align:left;color:#667085;background:#fafbfc;font-size:8px;text-transform:uppercase;letter-spacing:.4px;padding:11px 16px}.orders-table td{border-top:1px solid #edf0f3;padding:16px;font-size:10px;color:#475467}.orders-table td:first-child b,.orders-table td:first-child small{display:block}.orders-table td:first-child b{color:#1d2939;font-size:11px}.orders-table td:first-child small{font-size:8px;color:#98a2b3;margin-top:4px}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:12px;font-size:8px;font-weight:700}.status-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-ready{color:#17845a;background:#eaf8f1}.status-work{color:#b56a12;background:#fff4e5}.status-new{color:#356ae6;background:#edf3ff}.row-menu{border:0;background:transparent;font-size:17px;color:#98a2b3;cursor:pointer}.progress-line{display:flex;align-items:center;gap:8px}.progress-track{width:55px;height:5px;border-radius:4px;background:#edf0f4;overflow:hidden}.progress-track i{display:block;height:100%;background:#356ae6;width:var(--progress)}.pagination{padding:13px 16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#98a2b3;font-size:9px}.pagination div{display:flex;gap:4px}.pagination button{border:1px solid var(--line);background:#fff;border-radius:5px;min-width:27px;height:27px;color:#667085}.pagination button.current{background:var(--blue);color:#fff;border-color:var(--blue)}.empty-state{background:#fff;border:1px solid var(--line);border-radius:14px;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.empty-state>span{width:60px;height:60px;border-radius:16px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:26px}.empty-state h2{margin-bottom:5px}.empty-state p{color:var(--muted);font-size:13px;max-width:430px}.modal-backdrop{position:fixed;inset:0;background:rgba(16,24,40,.55);display:grid;place-items:center;z-index:40;padding:18px}.modal-backdrop[hidden]{display:none}.modal{width:min(440px,100%);background:#fff;border-radius:18px;padding:32px;text-align:center;position:relative;box-shadow:var(--shadow)}.modal-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:25px;color:#98a2b3}.modal-icon{margin:auto;width:54px;height:54px;border-radius:14px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:26px}.modal h2{margin-bottom:5px}.modal p,.modal>small{color:var(--muted);font-size:11px}.dropzone{margin:24px 0 15px;border:1.5px dashed #b7c6e7;background:#f8faff;border-radius:12px;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--blue);cursor:pointer}.dropzone input{display:none}.dropzone small{color:#98a2b3;margin-top:5px}
@media(max-width:980px){.site-nav{display:none}.hero{grid-template-columns:1fr;padding-top:48px}.hero h1{font-size:48px}.hero-visual{max-width:650px}.feature-grid{grid-template-columns:1fr 1fr}.feature-large{grid-row:auto}.feature-wide{grid-column:span 2}.steps{grid-template-columns:1fr 1fr}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.app-shell{margin-left:0}.menu-toggle{display:block}.app-header{padding:0 18px}.stat-grid{grid-template-columns:1fr 1fr}.app-content{padding:24px}.connection{display:none}}
@media(max-width:650px){.site-header{height:64px;padding:0 16px}.site-header .button{padding:9px 12px;font-size:11px}.hero{padding:48px 18px;gap:40px}.hero h1{font-size:38px;letter-spacing:-1.8px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.trust-row{flex-direction:column;gap:8px}.mini-dashboard{height:280px;grid-template-columns:42px 1fr}.mini-content{padding:18px}.mini-metrics{gap:6px}.mini-metrics div{padding:10px}.logo-strip{gap:9px;flex-wrap:wrap;padding:18px}.logo-strip span{width:100%;text-align:center}.section{padding:70px 18px}.section-heading h2{font-size:30px}.feature-grid,.feature-wide{grid-template-columns:1fr}.feature-wide{grid-column:auto}.steps{grid-template-columns:1fr}.cloud-callout{margin:50px 14px;padding:34px 24px;align-items:flex-start;flex-direction:column}.cloud-callout h2{font-size:28px}footer{align-items:flex-start;gap:18px;flex-direction:column}.app-content{padding:18px 12px}.page-title{align-items:flex-start;gap:18px;flex-direction:column}.page-title .button{width:100%}.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-grid article{padding:12px;gap:9px}.stat-icon{width:35px;height:35px}.stat-grid b{font-size:18px}.toolbar{align-items:stretch;flex-wrap:wrap}.search{width:100%}.filters{overflow-x:auto}.toolbar .square-button{display:none}.pagination>span{display:none}.pagination{justify-content:center}.org-switch{display:none}}
.connection.demo i{background:#7c8da8}.panel-message{padding:18px;text-align:center;color:var(--muted);font-size:11px;border-bottom:1px solid var(--line)}.panel-message.error{color:#b42318;background:#fff5f4}.table-empty{text-align:center;padding:36px!important;color:var(--muted)!important}
/* Connected demo */
.demo-guide{background:linear-gradient(110deg,#13213a,#243d69);color:#fff;border-radius:14px;padding:15px 18px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 12px 30px rgba(16,32,58,.14)}.demo-guide>div:first-child{display:flex;flex-direction:column;gap:3px}.demo-guide b{font-size:13px}.demo-guide small{font-size:9px;color:#b9c8df}.demo-badge{display:inline-flex;width:max-content;border-radius:10px;background:#dce8ff;color:#2457c5;padding:4px 7px;font-size:8px;font-weight:800;letter-spacing:.5px}.demo-guide .demo-badge{color:#fff;background:#356ae6}.demo-steps{display:flex;align-items:center;gap:7px}.demo-steps button{border:0;background:transparent;color:#aebbd0;font-size:9px;font-weight:700;cursor:pointer;padding:7px 6px;border-radius:7px}.demo-steps button i{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#334765;color:#d7e0ef;font-style:normal;margin-right:4px}.demo-steps button.active,.demo-steps button:hover{background:#2b4267;color:#fff}.demo-steps button.active i{background:#4d7ff0;color:#fff}.demo-steps>span{color:#5b6d88;font-size:10px}.row-open{border:1px solid #cfd8e6;background:#fff;color:#315dbb;border-radius:7px;padding:6px 9px;font-size:9px;font-weight:700;cursor:pointer}.row-open:hover{background:var(--blue-soft)}.order-detail{margin-top:20px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;scroll-margin-top:92px}.detail-head{display:flex;justify-content:space-between;align-items:flex-start}.detail-head h2{margin:9px 0 4px;font-size:21px}.detail-head p{margin:0;color:var(--muted);font-size:11px}.detail-close{border:0;background:#f2f4f7;color:#667085;width:32px;height:32px;border-radius:8px;font-size:20px;cursor:pointer}.summary-strip,.pallet-summary{display:grid;grid-template-columns:repeat(5,1fr);background:#f7f9fc;border:1px solid #edf0f4;border-radius:12px;margin:21px 0;padding:4px}.summary-strip div,.pallet-summary div{padding:15px;border-right:1px solid #e7ebf1;display:flex;flex-direction:column;gap:3px}.summary-strip div:last-child,.pallet-summary div:last-child{border-right:0}.summary-strip small,.pallet-summary small{font-size:8px;color:#7b8798}.summary-strip b,.pallet-summary b{font-size:16px}.block-title{font-size:13px;margin:25px 0 11px}.recipient-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.recipient-grid article{background:#f8fafc;border:1px solid #e8ecf2;border-radius:11px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:7px 10px}.recipient-grid b,.recipient-grid small{display:block}.recipient-grid b{font-size:12px}.recipient-grid small{font-size:8px;color:#7a8494;margin-top:3px}.recipient-grid strong{font-size:10px}.recipient-grid article>span{font-size:8px;color:#17845a;background:#eaf8f1;width:max-content;padding:4px 7px;border-radius:9px}.recipient-grid em{grid-column:1/-1;font-size:8px;color:#9a641a;font-style:normal}.compact-table{overflow:auto}.compact-table table{width:100%;border-collapse:collapse;min-width:760px}.compact-table th{background:#f8fafc;color:#667085;text-align:left;text-transform:uppercase;letter-spacing:.35px;font-size:7px;padding:10px 12px}.compact-table td{border-top:1px solid #edf0f3;padding:12px;font-size:9px;color:#475467}.compact-table td b,.compact-table td small{display:block}.compact-table td b{font-size:10px;color:#1d2939}.compact-table td small{font-size:8px;color:#8a95a5;margin-top:3px}.next-step{margin-top:20px;background:#edf3ff;border:1px solid #d9e5ff;border-radius:12px;padding:15px 17px;display:flex;justify-content:space-between;align-items:center;gap:16px}.next-step div{display:flex;flex-direction:column;gap:3px}.next-step b{font-size:11px}.next-step small{font-size:9px;color:#58709b}.order-chip{font-size:9px;color:#315dbb;background:#edf3ff;border:1px solid #dbe6fc;border-radius:16px;padding:8px 12px}.info-callout{background:#edf3ff;border:1px solid #d9e5ff;border-radius:11px;padding:13px 16px;margin-bottom:17px;display:flex;align-items:center;gap:12px}.info-callout b{font-size:10px;color:#2457c5}.info-callout span{font-size:9px;color:#58709b}.info-callout.success{background:#ecf9f3;border-color:#d6f0e4}.info-callout.success b{color:#17845a}.info-callout.success span{color:#55766a}.section-toolbar{padding:15px 17px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.section-toolbar>div{display:flex;flex-direction:column;gap:3px}.section-toolbar b{font-size:11px}.section-toolbar small{font-size:8px;color:#8994a4}.group-pill{display:inline-flex;padding:4px 7px;border-radius:8px;background:#edf3ff;color:#315dbb;font-size:8px;font-weight:700}.assembly-layout{display:grid;grid-template-columns:1.3fr .8fr;gap:16px}.live-label{font-size:8px;color:#16865a}.assembly-list{padding:5px 12px}.assembly-row{width:100%;border:1px solid transparent;border-bottom-color:#edf0f3;background:#fff;padding:13px 9px;display:grid;grid-template-columns:36px 1fr 130px 105px;align-items:center;gap:10px;text-align:left;cursor:pointer}.assembly-row.selected{background:#f5f8ff;border-color:#d9e4fb;border-radius:9px}.pallet-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#edf3ff;color:#356ae6}.assembly-row b,.assembly-row small{display:block}.assembly-row b{font-size:10px}.assembly-row small{font-size:8px;color:#8a95a5;margin-top:2px}.assembly-row em{font-size:8px;font-style:normal;color:#896020}.assembly-progress>span,.meter{display:block;height:5px;border-radius:5px;background:#e8ecf2;overflow:hidden}.assembly-progress>span i,.meter i{display:block;width:var(--progress);height:100%;background:#356ae6}.picker-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.picker-head{padding:18px;background:#17243b;color:#fff;display:flex;flex-direction:column}.picker-head span{font-size:8px;color:#9eb0ca}.picker-head b{font-size:21px;margin:4px 0}.picker-head small{font-size:8px;color:#bdc9db}.pick-lines{padding:8px 15px}.pick-lines label{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:13px 0;border-bottom:1px solid #edf0f3}.pick-lines input{width:16px;height:16px;accent-color:#24a36d}.pick-lines b,.pick-lines small{display:block}.pick-lines b{font-size:9px}.pick-lines small{font-size:8px;color:#8994a4;margin-top:2px}.pick-lines strong{font-size:9px}.pick-lines .done{color:#32705b}.pick-lines .waiting{background:#fff8eb;margin-inline:-8px;padding-inline:8px;border-radius:7px}.full-button{margin:8px 15px;width:calc(100% - 30px)}.save-note{display:block;padding:0 15px 16px;color:#7a8494;font-size:8px;line-height:1.5}.pallet-summary{grid-template-columns:repeat(4,1fr);margin-top:0;background:#fff}.meter{margin-top:5px;width:120px}.pallet-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.layer-card,.layer-details{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.layer-visual{padding:35px;min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;perspective:700px}.demo-layer{width:min(440px,90%);height:70px;margin-bottom:-8px;border:1px solid #86a5e4;background:linear-gradient(145deg,#d9e6ff,#afc7f7);transform:skewY(-2deg);box-shadow:0 10px 18px rgba(45,89,181,.12);display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;padding:12px 20px;color:#213b70;cursor:pointer}.demo-layer.standard{background:linear-gradient(145deg,#dfe9ff,#c4d6fb)}.demo-layer.light{background:linear-gradient(145deg,#f0eaff,#d9c9fa);border-color:#ae99d9}.demo-layer span{font-size:9px}.demo-layer b{font-size:12px}.demo-layer small{grid-column:1/-1;font-size:8px}.wood-pallet{width:min(480px,96%);height:36px;background:repeating-linear-gradient(90deg,#9c6c3d 0 56px,#744a28 56px 65px);color:#fff;text-align:center;padding:11px;border-radius:3px;font-size:8px}.layer-details{padding:18px}.layer-details h2{margin:7px 0 0}.layer-details>div>p{font-size:9px;color:#7b8798;margin-top:2px}.layer-details article{border:1px solid #e6eaf0;border-radius:9px;margin-top:8px;padding:10px}.layer-details article header{display:flex;justify-content:space-between}.layer-details article header b{font-size:9px}.layer-details article header span{font-size:8px;color:#667085}.layer-details article p{font-size:8px;margin:6px 0;color:#475467}.warning-note{background:#fff7e8;color:#8a5d15;padding:11px;border-radius:8px;margin-top:12px;font-size:8px;line-height:1.5}.document-layout{display:grid;grid-template-columns:1.05fr .8fr;gap:17px}.document-grid{display:flex;flex-direction:column;gap:9px}.document-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center}.file-icon{display:grid;place-items:center;width:42px;height:48px;border-radius:8px;background:#ffeceb;color:#b42318;font-size:8px;font-weight:800}.file-icon.excel{background:#e9f8ef;color:#17845a}.file-icon.json{background:#edf3ff;color:#315dbb}.document-card b,.document-card small,.document-card em{display:block}.document-card b{font-size:10px}.document-card small{font-size:8px;color:#7c8797;margin:4px 0}.document-card em{font-size:7px;color:#98a2b3;font-style:normal}.document-card .button{font-size:8px;padding:8px 10px}.report-preview{background:#e9edf3;border-radius:13px;padding:24px;display:flex;align-items:center;flex-direction:column;gap:10px}.paper{width:100%;background:#fff;min-height:460px;box-shadow:0 10px 25px rgba(16,24,40,.12);padding:25px}.paper header{display:flex;flex-direction:column;border-bottom:2px solid #1e365d;padding-bottom:12px}.paper header span{font-size:7px;color:#356ae6;font-weight:800}.paper header b{font-size:14px;margin-top:4px}.paper header small{font-size:8px}.paper-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:15px 0}.paper-summary b{background:#f4f6f9;padding:9px;font-size:13px}.paper-summary small{display:block;font-size:7px;color:#7d8898}.paper h4{font-size:9px;margin:15px 0 6px}.paper p{display:flex;justify-content:space-between;border-bottom:1px solid #e8ebef;padding:6px 0;margin:0;font-size:7px}.paper label{display:block;font-size:7px;padding:4px}.report-preview>small{font-size:8px;color:#6f7c8d}.recipient-grid.large article{min-height:140px}.warehouse-icon{grid-row:1/3;display:grid!important;place-items:center!important;width:38px!important;height:38px;background:#edf3ff!important;color:#356ae6!important;font-size:17px!important}.route-panel{margin-top:16px;padding:22px}.route-panel h3{font-size:13px}.route-panel p{font-size:9px;color:#7a8494}.route-flow{display:flex;align-items:center;gap:12px;background:#f7f9fc;padding:16px;border-radius:9px}.route-flow b{font-size:9px;background:#fff;border:1px solid #e1e6ee;padding:10px;border-radius:8px}.route-flow span{color:#97a2b2}.integration-grid,.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.integration-grid article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.integration-logo{display:grid;place-items:center;width:45px;height:45px;background:#ffe9e7;color:#c52e24;border-radius:12px;font-size:12px;font-weight:800}.integration-logo.cloud{background:#edf3ff;color:#356ae6;font-size:19px}.integration-logo.epd{background:#eee9ff;color:#7152bd}.integration-grid b,.integration-grid small{display:block}.integration-grid b{font-size:12px}.integration-grid small{font-size:8px;color:#7d8999;margin-top:4px}.integration-status{font-size:8px;background:#eaf8f1;color:#17845a;padding:5px 8px;border-radius:9px}.integration-status.planned{background:#fff4e5;color:#995d12}.integration-status.future{background:#f2f4f7;color:#667085}.integration-grid ul{padding-left:18px;margin:0;color:#667085;font-size:9px;line-height:1.8}.integration-grid .button{margin-top:auto}.setting-card{padding:20px}.setting-card h3{font-size:13px;margin:0 0 16px}.setting-card>label{font-size:9px;color:#586577;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0f3;padding:11px 0}.setting-card input:not([type=radio]){width:70px;border:1px solid #d8dee7;border-radius:6px;padding:7px}.setting-card select{border:1px solid #d8dee7;border-radius:6px;padding:7px;font-size:8px}.setting-card p{font-size:8px;color:#7e8999;line-height:1.5}.setting-card .radio-row{justify-content:flex-start;gap:8px}.radio-row span{display:flex;flex-direction:column}.radio-row b{font-size:9px;color:#25354d}.radio-row small{font-size:8px;margin-top:3px}.save-bar{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px;display:flex;align-items:center;justify-content:flex-end;gap:15px}.save-bar span{font-size:8px;color:#7a8494}.import-preview{text-align:left;background:#f7f9fc;border-radius:9px;margin-top:14px;padding:12px}.import-preview b{font-size:9px}.import-preview ol{padding-left:18px;font-size:8px;color:#667085;line-height:1.6}.modal-demo{width:100%;margin-top:8px}.preview-modal{max-width:520px}.preview-sheet{background:#f7f9fc;border:1px solid #e4e8ef;border-radius:10px;padding:20px;margin:18px 0;text-align:left;display:flex;flex-direction:column;gap:6px}.preview-sheet>b{font-size:13px}.preview-sheet p,.preview-sheet span,.preview-sheet small{font-size:9px;color:#667085}.preview-sheet hr{border:0;border-top:1px solid #dfe4eb;width:100%}
@media(max-width:1100px){.demo-guide{align-items:flex-start;flex-direction:column}.demo-steps{width:100%;overflow:auto}.assembly-layout,.pallet-layout,.document-layout{grid-template-columns:1fr}.integration-grid,.settings-grid{grid-template-columns:1fr 1fr}.summary-strip,.pallet-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.demo-guide{margin-bottom:17px}.demo-steps>span{display:none}.demo-steps button{white-space:nowrap}.summary-strip,.pallet-summary{grid-template-columns:1fr 1fr}.summary-strip div,.pallet-summary div{border-bottom:1px solid #e7ebf1}.recipient-grid,.integration-grid,.settings-grid{grid-template-columns:1fr}.next-step{align-items:stretch;flex-direction:column}.next-step .button{width:100%}.assembly-row{grid-template-columns:34px 1fr}.assembly-row .assembly-progress,.assembly-row em{grid-column:2}.document-card{grid-template-columns:40px 1fr}.document-card .button{grid-column:1/-1}.order-chip{display:none}.route-flow{align-items:stretch;flex-direction:column}.route-flow span{transform:rotate(90deg);align-self:center}.layer-visual{padding:24px 8px}.detail-head h2{font-size:18px}}
.preview-sheet>p{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0;padding:9px 0;border-bottom:1px solid #e2e7ef}.preview-sheet>p:last-of-type{border-bottom:0}.preview-sheet>p b{font-size:9px;color:#344054}.preview-sheet>p span{white-space:nowrap;text-align:right}

/* UX audit: readable, self-guided demo */
.app-page{font-size:15px}.app-content{max-width:1420px}.button{min-height:42px;font-size:13px}.button:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(53,106,230,.28);outline-offset:2px}.button:disabled{cursor:not-allowed;opacity:.55}.nav-item{font-size:14px;min-height:44px}.nav-label{font-size:11px}.sidebar-help b{font-size:13px}.sidebar-help span,.sidebar-help button{font-size:11px}.user-card b{font-size:12px}.user-card small{font-size:10px}.org-switch small{font-size:11px}.org-switch b{font-size:13px}.connection{font-size:11px}.page-title h1{font-size:30px}.page-title>div>p:last-child{font-size:14px;line-height:1.5}.breadcrumb{font-size:11px!important}.demo-guide{padding:18px 20px}.demo-guide b{font-size:15px}.demo-guide small{font-size:12px;line-height:1.45}.demo-steps button{font-size:12px;min-height:38px}.demo-steps button i{width:23px;height:23px}.demo-steps button.active{background:#fff;color:#17325f;box-shadow:0 4px 12px rgba(0,0,0,.15)}.demo-steps button.active i{background:#356ae6;color:#fff}.demo-explainer{display:flex;gap:13px;align-items:center;background:#fff8e8;border:1px solid #f1deb5;border-radius:10px;padding:12px 16px;margin:-12px 0 24px;color:#6e531c}.demo-explainer span{font-size:11px;font-weight:800;white-space:nowrap;text-transform:uppercase}.demo-explainer p{margin:0;font-size:12px;line-height:1.45}.stat-grid small{font-size:11px}.stat-grid em{font-size:10px;margin-top:3px}.toolbar{min-height:66px}.search input{height:42px;font-size:13px}.search span{top:10px}.filter{font-size:12px;min-height:38px}.orders-table th{font-size:10px;padding:13px 16px}.orders-table td{font-size:12px;line-height:1.4}.orders-table td:first-child b{font-size:13px}.orders-table td:first-child small{font-size:10px}.orders-table tbody tr{cursor:pointer;transition:.15s}.orders-table tbody tr:hover{background:#f6f9ff}.orders-table.comfortable td{padding-block:24px}.status-pill{font-size:10px;padding:6px 9px}.row-open{font-size:11px;min-height:35px;white-space:nowrap}.progress-track{width:72px;height:7px}.panel-message,.pagination{font-size:11px}.order-detail{padding:28px}.detail-head p{font-size:13px}.summary-strip small,.pallet-summary small{font-size:10px}.summary-strip b,.pallet-summary b{font-size:18px}.block-title{font-size:16px}.recipient-grid b{font-size:14px}.recipient-grid small{font-size:11px}.recipient-grid strong{font-size:12px}.recipient-grid article>span,.recipient-grid em{font-size:10px}.compact-table th{font-size:9px}.compact-table td{font-size:12px;line-height:1.35}.compact-table td b{font-size:12px}.compact-table td small{font-size:10px}.section-toolbar b{font-size:13px}.section-toolbar small{font-size:11px}.info-callout{padding:15px 18px}.info-callout b{font-size:12px}.info-callout span{font-size:12px;line-height:1.45}.info-callout.attention{background:#fff3f1;border-color:#ffd3cd}.info-callout.attention b{color:#b42318}.info-callout.attention span{color:#7a4540}.group-pill{font-size:10px}.text-button{border:0;background:#edf3ff;color:#275ac5;border-radius:7px;padding:8px 10px;font-size:11px;font-weight:700;cursor:pointer}.row-error{background:#fff7f6!important}.row-error td:first-child{box-shadow:inset 3px 0 #e84c3d}.mapping-legend{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;background:#f8fafc;border-bottom:1px solid var(--line);font-size:11px;color:#526075}.mapping-legend span{display:flex;align-items:center;gap:6px}.mapping-legend i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e5edff;color:#2859c4;font-style:normal;font-weight:800}.journey-card{margin-top:22px;border:1px solid #cfdcff;background:linear-gradient(115deg,#f6f9ff,#fff);border-radius:14px;padding:18px;display:grid;grid-template-columns:1fr 1fr auto;gap:24px;align-items:center}.journey-card div{border-left:3px solid #7ca0f4;padding-left:12px}.journey-card span{font-size:10px;color:#315dbb;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.journey-card p{margin:5px 0 0;font-size:12px;line-height:1.45;color:#475467}.locked-card,.calculation-ready{min-height:390px;background:#fff;border:1px solid var(--line);border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.locked-card>span,.calculation-ready>span{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#edf3ff;font-size:28px;color:#356ae6}.locked-card h2,.calculation-ready h2{margin:18px 0 7px}.locked-card p,.calculation-ready p{max-width:560px;color:#667085;font-size:13px;line-height:1.6}.calculation-ready small{font-size:11px;color:#98a2b3;margin-top:10px}.order-chip{border:1px solid #dbe6fc;cursor:pointer;font-size:11px}.assembly-row{font-size:12px}.assembly-row b{font-size:12px}.assembly-row small,.assembly-row em{font-size:10px}.assembly-row.selected{box-shadow:inset 3px 0 #356ae6}.picker-head span,.picker-head small{font-size:11px}.picker-instruction{padding:13px 15px;background:#edf3ff;display:flex;flex-direction:column;gap:3px}.picker-instruction b{font-size:12px;color:#2859c4}.picker-instruction span{font-size:10px;color:#62769c}.pick-lines b{font-size:12px}.pick-lines small,.pick-lines strong,.save-note{font-size:10px}.simple-picker{padding:32px 18px;text-align:center}.simple-picker .pallet-symbol{margin:auto;width:50px;height:50px}.simple-picker h3{margin-bottom:5px}.simple-picker p{font-size:12px;color:#667085;line-height:1.5}.demo-layer{transition:.18s}.demo-layer:hover,.demo-layer.selected{transform:skewY(-2deg) translateX(12px);outline:3px solid #356ae6;z-index:3}.layer-help{text-align:center;color:#667085;font-size:11px;margin:8px 0 18px}.layer-details article{opacity:.62;transition:.18s}.layer-details article.selected{opacity:1;border:2px solid #356ae6;background:#f6f9ff;transform:scale(1.01)}.layer-details article header b{font-size:11px}.layer-details article header span,.layer-details article p,.warning-note{font-size:10px}.document-card{cursor:pointer;transition:.15s}.document-card:hover{border-color:#9db7ef;box-shadow:0 7px 20px rgba(53,106,230,.10)}.document-card b{font-size:13px}.document-card small{font-size:11px}.document-card em,.document-card .button{font-size:10px}.paper header span,.paper header small,.paper-summary small,.paper p,.paper label{font-size:9px}.paper header b{font-size:16px}.paper h4{font-size:11px}.preview-caption{font-size:12px;color:#667085}.preview-sheet header{display:flex;flex-direction:column;border-bottom:2px solid #284d91;padding-bottom:12px}.preview-sheet header b{color:#356ae6;font-size:10px}.preview-sheet header span{font-size:16px;font-weight:800;margin:4px 0}.preview-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:15px 0}.preview-totals b{background:#fff;padding:10px;border-radius:7px;font-size:13px}.preview-totals small{display:block;font-size:9px}.journey-complete{margin-top:20px;background:linear-gradient(115deg,#e9f9f1,#fff);border:1px solid #bde6d2;border-radius:14px;padding:22px;display:flex;align-items:center;gap:16px}.journey-complete>span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#1f9d68;color:#fff;font-size:22px}.journey-complete div{flex:1}.journey-complete b{font-size:16px}.journey-complete p{font-size:12px;color:#557066}.demo-data-notice{background:#fff8e8;border:1px solid #f1deb5;padding:13px 16px;border-radius:10px;margin-bottom:16px;font-size:12px;color:#6e531c}.integration-grid b{font-size:14px}.integration-grid small,.integration-status,.integration-grid ul,.setting-card>label,.setting-card p,.radio-row b,.radio-row small,.save-bar span,.route-panel p,.route-flow b{font-size:11px}.setting-card h3{font-size:15px}.demo-toast{position:fixed;right:22px;bottom:22px;z-index:80;max-width:390px;background:#17243b;color:#fff;border-radius:12px;padding:14px 18px;box-shadow:0 16px 40px rgba(16,24,40,.28);display:flex;flex-direction:column;gap:3px;animation:toast-in .2s ease}.demo-toast b{font-size:12px;color:#9dc1ff}.demo-toast span{font-size:12px;line-height:1.4}@keyframes toast-in{from{opacity:0;transform:translateY(12px)}}.sidebar-backdrop{position:fixed;inset:0;border:0;background:rgba(16,24,40,.55);z-index:19}.sidebar-backdrop[hidden]{display:none}
@media(max-width:1100px){.journey-card{grid-template-columns:1fr 1fr}.journey-card .button{grid-column:1/-1}.summary-strip,.pallet-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.app-header{height:62px}.app-content{padding:16px 10px}.demo-guide{border-radius:11px}.demo-guide>div:first-child{gap:6px}.demo-steps{padding-bottom:4px}.demo-steps button{font-size:11px}.demo-explainer{align-items:flex-start;flex-direction:column;margin-top:-8px}.page-title h1{font-size:25px}.stat-grid{grid-template-columns:1fr 1fr}.stat-grid article{align-items:flex-start}.stat-grid em{display:none}.toolbar{padding:12px}.filters{width:100%}.filter{flex:1}.table-wrap{overflow:visible}.orders-table{min-width:0}.orders-table thead{display:none}.orders-table,.orders-table tbody,.orders-table tr,.orders-table td{display:block;width:100%}.orders-table tbody{padding:10px}.orders-table tbody tr{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:13px;background:#fff}.orders-table tbody td{border:0;padding:6px 0 6px 42%;position:relative;min-height:29px}.orders-table tbody td:before{content:attr(data-label);position:absolute;left:0;top:7px;width:38%;font-size:10px;color:#7d8999;font-weight:600}.orders-table tbody td:first-child{padding-left:0;padding-bottom:12px;border-bottom:1px solid #edf0f3;margin-bottom:5px}.orders-table tbody td:first-child:before,.orders-table .row-action:before{display:none}.orders-table .row-action{padding-left:0}.row-open{width:100%;min-height:42px}.order-detail{padding:18px 13px}.detail-head{gap:10px}.summary-strip,.pallet-summary{grid-template-columns:1fr 1fr}.recipient-grid{grid-template-columns:1fr}.compact-table{margin-inline:-13px;padding-left:13px}.compact-table:after{content:'Проведите пальцем по таблице →';display:block;font-size:10px;color:#7d8999;padding:8px 0}.mapping-legend{justify-content:flex-start;overflow-x:auto}.mapping-legend span{white-space:nowrap}.journey-card{grid-template-columns:1fr;gap:13px}.journey-card .button{grid-column:auto;width:100%}.assembly-row{grid-template-columns:36px 1fr}.assembly-row .assembly-progress,.assembly-row em{grid-column:2}.document-card{grid-template-columns:42px 1fr}.document-card .button{grid-column:1/-1}.preview-modal{padding:24px 14px}.preview-totals{grid-template-columns:1fr 1fr}.journey-complete{align-items:flex-start;flex-wrap:wrap}.journey-complete .button{width:100%}.demo-toast{left:12px;right:12px;bottom:12px}.sidebar{overflow-y:auto}.sidebar-backdrop{display:block}}