:root{--navy:#102c3d;--navy2:#193e50;--teal:#0e9c84;--mint:#4ad6b0;--ink:#183440;--muted:#72828a;--line:#e6ecee;--canvas:#f5f7f8;--white:#fff;--shadow:0 8px 28px #17344206;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--canvas);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit}button{color:inherit}button svg,a svg{flex-shrink:0}input,select,textarea{min-width:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #36bda866;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}h1{font-size:32px;line-height:1.2;margin-bottom:9px;font-weight:650}h2{font-size:18px;font-weight:650;margin-bottom:8px}h3{font-size:16px;font-weight:650;margin-bottom:8px}p{margin-bottom:12px}svg{vertical-align:middle}.muted{color:var(--muted)}.center{text-align:center}.wide{width:100%}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.overline{display:block;font-size:10px;letter-spacing:.15em;font-weight:750;color:var(--teal);margin-bottom:10px}.btn{border:1px solid transparent;border-radius:9px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:650;text-decoration:none;white-space:nowrap;transition:background .18s,transform .18s}.btn.primary{background:var(--teal);color:white;box-shadow:0 3px 7px #0e9c8415}.btn.primary:hover{background:#0a8975;transform:translateY(-1px)}.btn.secondary{background:white;border-color:#dfe7e9;color:var(--ink)}.btn.secondary:hover{background:#f6faf9;border-color:#bed5cf}.btn.small{padding:8px 11px;font-size:11px}.icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:8px;color:#71838b;flex-shrink:0}.icon-btn:hover{background:#eaf1f0;color:var(--teal)}.text-btn{display:inline-flex;align-items:center;gap:7px;background:none;border:0;color:var(--teal);font-size:12px;font-weight:650;padding:6px 0;white-space:nowrap;text-decoration:none}.text-btn:hover{color:#087a68}.chip{background:#f1f6f5;color:#69837d;border:1px solid #e3eeeb;display:inline-flex;gap:5px;align-items:center;padding:4px 8px;border-radius:5px;font-size:10px;font-weight:600;white-space:nowrap}.wordmark{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--navy);font-size:24px;line-height:1;font-weight:800;letter-spacing:-1px}.wordmark small{font-size:9px;display:block;letter-spacing:.31em;font-weight:600;margin-top:5px}.brand-symbol{font:900 35px/1 Georgia,serif;display:inline-flex;align-items:center;justify-content:center;background:var(--navy);width:40px;height:42px;border-radius:10px;color:var(--mint);padding-bottom:6px;letter-spacing:-3px;padding-right:2px;flex-shrink:0}.brand-dot{color:var(--teal)}.boot{min-height:100vh;display:grid;place-content:center;text-align:center;gap:20px}.boot .brand-symbol{margin:auto}.app-shell{display:flex;min-height:100vh}.sidebar{width:232px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:31px 20px 0;display:flex;flex-direction:column;z-index:40}.sidebar .wordmark{margin:0 9px 32px}.workspace-card{display:flex;align-items:center;padding:12px 10px;gap:9px;background:#f7f9fa;border:1px solid #e9eeef;border-radius:10px;margin-bottom:25px}.workspace-icon{display:grid;place-items:center;background:white;border:1px solid var(--line);width:32px;height:32px;border-radius:8px;color:#68837e}.workspace-card strong{display:block;font-size:11px;font-weight:650;line-height:1.3}.workspace-card small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.online-dot{width:5px;height:5px;border-radius:50%;background:var(--teal);margin-left:auto}.nav-label{font-size:8px;letter-spacing:.18em;color:#95a1a7;margin:0 13px 10px;font-weight:700}.nav-item{display:flex;width:100%;align-items:center;gap:12px;border:0;border-radius:8px;background:none;text-align:left;padding:12px 12px;margin:3px 0;color:#6f8088;font-size:12px;font-weight:550;transition:background .15s}.nav-item svg{width:18px;height:18px;opacity:.85}.nav-item:hover{background:#f3f8f6}.nav-item.active{background:#eaf7f2;color:#0a9378;font-weight:650}.nav-item.active svg{opacity:1}.nav-item em{font-style:normal;background:#d9efe7;color:#13876f;border-radius:5px;font-size:10px;min-width:20px;text-align:center;padding:1px 4px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:35px}.sidebar-tip{background:#f6f8f8;border:1px solid #edf0f0;border-radius:9px;padding:14px 12px;display:flex;align-items:flex-start;gap:9px;margin:20px 0}.sidebar-tip svg{color:#769c90;margin-top:4px}.sidebar-tip p{font-size:9px;color:#879790;line-height:1.8;margin:0}.sidebar-tip b{font-weight:650;color:#5b7167}.profile{display:flex;gap:9px;align-items:center;border-top:1px solid var(--line);padding:18px 0}.avatar,.top-avatar{background:#dcebe6;border:2px solid #fff;color:#3d7260;border-radius:50%;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:650;flex-shrink:0}.profile b{font-size:11px;display:block}.profile small{font-size:9px;display:block;color:var(--muted)}.profile .icon-btn{margin-left:auto}.main-shell{margin-left:232px;min-width:0;width:calc(100% - 232px)}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#fff;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;gap:13px;align-items:center;font-size:11px;color:#89979e}.breadcrumb b{color:#47606c;font-weight:550}.topbar-tools{display:flex;align-items:center;gap:17px}.demo-pill{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;color:#768b81;background:#f2f7f3;border:1px solid #e5eee7;border-radius:5px;padding:4px 8px}.demo-pill i{width:5px;height:5px;background:#7ba888;border-radius:50%}.top-avatar{background:#e3eae7;width:31px;height:31px}.notification-button{position:relative}.notification-button span{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--teal);top:5px;right:7px;border:1px solid white}.mobile-menu,.sidebar-shade{display:none}#main-content{padding:33px 34px 24px;max-width:1640px;margin:auto;min-height:calc(100vh - 128px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading .overline{font-size:9px;margin-bottom:10px}.page-heading p{color:var(--muted);font-size:12px;margin:0}.page-heading>.btn{align-self:center}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.metric{position:relative;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);padding:20px 20px 17px;overflow:hidden;min-height:133px}.metric>span:not(.metric-icon){display:block;font-size:11px;color:#788c94;font-weight:550;margin-bottom:12px}.metric>b{display:block;font-size:28px;line-height:1.1;letter-spacing:-1px;font-weight:650;margin-bottom:8px;padding-right:18px}.metric>small{font-size:9px;color:#91a1a8}.metric-icon{position:absolute;right:16px;top:17px;display:grid;place-items:center;width:31px;height:31px;border-radius:9px}.metric-icon svg{width:17px;height:17px}.mint{background:#eaf6f1;color:#189b7b}.blue{background:#ecf1f9;color:#7295bb}.green{background:#eff6ee;color:#6f9972}.amber{background:#fff7e9;color:#caa359}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;margin-bottom:35px}.card{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 23px 18px}.card-head h2{font-size:16px;margin:0;display:flex;gap:8px;align-items:center}.card-head p{font-size:10px;color:var(--muted);margin:6px 0 0}.card-head>.muted{font-size:10px}.table-scroll{overflow-x:auto}.order-table{width:100%;border-collapse:collapse;font-size:10px}.order-table th{font-size:8px;font-weight:650;color:#91a0a7;letter-spacing:.03em;background:#fafbfc;border-top:1px solid #f0f3f4;border-bottom:1px solid #edf1f2;text-align:left;padding:12px 15px;white-space:nowrap}.order-table td{border-bottom:1px solid #eef2f3;padding:17px 15px;vertical-align:middle}.order-table tr:last-child td{border-bottom:0}.order-table tbody tr:hover{background:#fcfefd}.order-table th:first-child,.order-table td:first-child{padding-left:23px}.order-table th:last-child,.order-table td:last-child{padding-right:17px;width:35px}.order-title{display:flex;align-items:center;gap:11px;background:none;border:0;padding:0;cursor:pointer;max-width:290px;text-align:left}.order-title strong{font-size:11px;line-height:1.6;display:block;font-weight:600;color:#324f5d}.order-title small{display:block;font-size:8px;color:#96a3aa;margin-top:3px}.order-mini-icon{width:31px;height:35px;background:#f1f5f5;color:#8a9d9f;border-radius:6px;display:grid;place-items:center;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:600;border-radius:5px;padding:5px 7px;line-height:1.25;white-space:nowrap;background:#f0f3f5;color:#8296a0}.badge i{width:4px;height:4px;background:currentColor;border-radius:50%}.badge.productie{background:#edf2fc;color:#6a85c1}.badge.betaald,.badge.ingepland{background:#eaf6f5;color:#3f9b92}.badge.controle{background:#f3edfb;color:#9473b4}.badge.gereed_afhalen,.badge.gereed_verzenden,.badge.afgehaald{background:#eaf5ec;color:#5b9670}.badge.verzonden{background:#eaf4f5;color:#51949d}.badge.betaling,.badge.material{background:#fcf4e6;color:#b5914e}.badge.offerte{background:#f0f3f4;color:#8a999f}.date-cell{display:flex;align-items:center;gap:6px;color:#768d98;font-size:10px;white-space:nowrap}.date-cell svg{color:#9aabb3}.align-right{text-align:right!important}.amount{font-weight:650;color:#4b626d;white-space:nowrap}.shortage-text{display:block;color:#c28d46;font-size:9px;margin-top:5px}.attention-column{display:flex;flex-direction:column;gap:18px}.attention-card{border:1px solid #e5eae9;border-radius:11px;background:white;overflow:hidden;box-shadow:var(--shadow)}.attention-card .card-head{padding:18px 17px 9px}.attention-card .card-head h2{font-size:13px}.attention-card .card-head h2 svg{color:#bb9c69}.count-pill{font-size:9px;background:#f4f6f5;padding:2px 6px;border-radius:4px;color:#8c9c95}.attention-item{display:flex;gap:11px;width:100%;padding:15px 17px;background:none;border:0;text-align:left;align-items:center}.attention-item+.attention-item{border-top:1px solid #f0f3f2}.attention-item:hover{background:#fafdfb}.attention-icon{width:32px;height:34px;border-radius:7px;display:grid;place-items:center;flex-shrink:0}.attention-item>span:nth-child(2){min-width:0}.attention-item b{font-size:10px;display:block;font-weight:650}.attention-item small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:150px;color:#95a1a7;font-size:8px;margin:3px 0}.attention-item em{font-style:normal;font-size:9px;color:#6b8c7f;font-weight:600}.attention-item>svg{margin-left:auto;color:#bac7cb;flex-shrink:0}.promise-card{background:var(--navy);padding:21px 22px 19px;border-radius:11px;position:relative;overflow:hidden;color:#fff}.promise-card:before{content:'';position:absolute;right:-65px;bottom:0;width:180px;height:180px;border:1px solid #4e817e33;border-radius:50%;box-shadow:0 0 0 25px #47767212,0 0 0 50px #4776720c;pointer-events:none}.promise-card>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:#55c9b2}.promise-card .chip{background:#244655;color:#8bb9ad;border-color:#33535f;font-size:7px;letter-spacing:.12em}.promise-card h2{font-size:24px;line-height:1.3;font-weight:550;margin-bottom:11px}.promise-card p{font-size:10px;line-height:1.8;color:#90a9b3;margin-bottom:15px;max-width:190px}.promise-card .text-btn{font-size:9px;color:#7bd5bc}.promise-card>small{display:block;font-size:7px;margin-top:16px;color:#6f929f}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.section-heading h2{font-size:21px;margin:0}.section-heading .overline{font-size:8px;margin-bottom:7px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.product-card{position:relative;background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:0 12px 25px #102c3d09;transform:translateY(-2px)}.product-card-body{padding:18px}.product-card .overline{font-size:7px;margin-bottom:7px;color:#97a19d}.product-card h3{font-size:13px;margin-bottom:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card p{font-size:11px;line-height:1.8;color:#85969c;min-height:58px}.product-art{height:140px;background:var(--art-bg,#e8eeec);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-art:before{content:'';position:absolute;background:#ffffff55;inset:0 50% 0 0;transform:skewX(-16deg);transform-origin:bottom}.product-art:after{content:'';position:absolute;height:18px;width:90%;bottom:0;left:5%;border-radius:50%;background:#3b4c4b0b;filter:blur(7px)}.product-window{position:relative;width:65px;height:106px;border:5px solid #526765;background:#c4d1cc;box-shadow:9px 7px 10px #243c3a20;transform:perspective(600px) rotateY(-15deg);z-index:1}.product-fabric{position:absolute;inset:2px;background:repeating-linear-gradient(90deg,#83918c 0 2px,#a1aaa4 2px 5px,#74847e 5px 6px);box-shadow:inset 0 0 0 1px #394b4633}.product-handle{position:absolute;right:5px;top:45%;width:3px;height:15px;background:#d8dfd6}.p-duohor .product-window{width:109px;height:92px;border-color:#70777e}.p-duohor .product-fabric{background:repeating-linear-gradient(90deg,#949ca3 0 2px,#b1b6bd 2px 5px,#828d97 5px 6px)}.p-duohor .product-handle{right:50%;width:4px;height:100%;top:0;background:#646e78}.p-plisse .product-window{width:93px;height:100px;border-color:#d9d0bf;background:#eee9df;box-shadow:9px 7px 10px #746a5125}.p-plisse .product-fabric{inset:10px 3px 4px;background:repeating-linear-gradient(0deg,#c9bea7 0 2px,#e1d8c4 2px 6px,#b5a98f 6px 7px);box-shadow:0 -5px 0 #a9987c}.p-plisse .product-handle{display:none}.p-rail .product-window{width:155px;height:14px;border:0;background:#9b9d96;transform:perspective(250px) rotateX(-16deg) rotateZ(-14deg);box-shadow:0 4px 0 #c9cbc5,4px 10px 9px #343d3420;border-top:3px solid #e5e6e1}.p-rail .product-fabric{inset:auto 0 0;background:repeating-linear-gradient(90deg,transparent 0 15px,#f0f1ea 15px 19px,transparent 19px 28px);height:12px;transform:translateY(11px);box-shadow:none}.p-rail .product-handle{display:none}.art-label{position:absolute;bottom:9px;left:12px;color:#82958d;font-size:6px;letter-spacing:.12em}.favorite{position:absolute;top:10px;right:10px;width:27px;height:27px;background:#ffffffaa;border:1px solid #ffffffaa;backdrop-filter:blur(3px);border-radius:7px;color:#8a9d95;display:grid;place-items:center;z-index:2}.favorite.selected{color:#c99d40;background:#fff8dc}.favorite.selected svg{fill:#ecd58f}.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:4px}.product-bottom>span{font-size:8px;color:#81918f}.product-bottom b{font-size:12px;font-weight:650;color:#4b655e;margin-left:2px}.product-bottom small{display:block;color:#9ba9a7;font-size:7px;margin-top:3px}.product-bottom .icon-btn{background:#f0f7f3;color:#598775;width:29px;height:29px}.app-footer{display:flex;justify-content:space-between;gap:20px;padding:18px 34px 24px;font-size:8px;color:#9cabb1}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:25px}.catalog-grid .product-art{height:220px}.catalog-grid .product-window{transform:scale(1.4) perspective(600px) rotateY(-15deg)}.catalog-grid .p-rail .product-window{transform:scale(1.2) perspective(250px) rotateX(-16deg) rotateZ(-14deg)}.catalog-grid .product-card h3{font-size:15px}.catalog-grid .product-bottom{align-items:flex-end}.catalog-grid .product-bottom .btn{padding:7px;font-size:9px;gap:4px}.muted-footnote{font-size:10px;color:#8b9c9f;margin-top:24px}.info-strip{display:flex;gap:12px;align-items:center;background:#edf6f2;border:1px solid #dcebe5;border-radius:8px;color:#698a7a;padding:13px 16px;font-size:11px;line-height:1.7}.info-strip svg{flex-shrink:0;color:#73a58e}.info-strip b{font-weight:650}.info-strip.warning{background:#fff8ea;border-color:#f0e4c9;color:#ac8a51}.info-strip.warning svg{color:#c1a167}.info-strip.compact{font-size:10px;padding:10px 12px;margin-bottom:20px}.list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 23px;border-bottom:1px solid var(--line);flex-wrap:wrap}.tabs{display:flex;gap:3px;align-items:center;flex-wrap:wrap}.tab{padding:8px 11px;font-size:11px;font-weight:550;border:0;border-radius:7px;background:none;color:#83959d}.tab.active{background:#eaf5f0;color:#148f76}.tab:hover{background:#f5f9f6}.search-field{display:flex;gap:8px;align-items:center;background:#f9fbfb;border:1px solid #e9eff0;border-radius:7px;padding:8px 10px;color:#9eafb4}.search-field input{border:0;outline:0;background:none;width:185px;color:var(--ink);font-size:11px}.search-field input::placeholder{color:#a0afb3}.table-footer{padding:14px 23px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#94a3a9;font-size:9px}.back-link{font-size:11px;margin-bottom:20px;color:#80969e}.order-heading{align-items:flex-start}.order-heading h1{font-size:29px;max-width:750px}.heading-actions{display:flex;gap:9px;margin-top:14px;flex-wrap:wrap;justify-content:flex-end}.progress-card{padding:20px 25px;margin-bottom:23px}.progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-head>.badge{font-size:10px;padding:7px 10px}.progress-head>span:last-child{display:flex;align-items:center;gap:7px;color:#8a9ca3;font-size:11px}.progress-head b{font-size:11px;color:#42676a;font-weight:650;margin-left:3px}.order-timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:26px 0 15px}.timeline-step{text-align:center;position:relative;display:flex;align-items:center;flex-direction:column;gap:10px;color:#a1b0b5}.timeline-step:before{content:'';position:absolute;width:calc(100% - 30px);height:2px;background:#e8eeef;top:13px;left:calc(-50% + 15px)}.timeline-step:first-child:before{display:none}.timeline-step>span{width:28px;height:28px;border:1px solid #e1e8e9;border-radius:50%;display:grid;place-items:center;font-size:10px;background:white;position:relative;z-index:1}.timeline-step b{font-size:9px;font-weight:550;line-height:1.4;padding:0 3px}.timeline-step.done{color:#72a18e}.timeline-step.done>span{background:#e6f4ed;border-color:#d9ede2;color:#399e77}.timeline-step.done:before,.timeline-step.current:before{background:#a9d8c5}.timeline-step.current{color:#0c9378}.timeline-step.current>span{background:var(--teal);color:white;border-color:var(--teal);box-shadow:0 0 0 4px #ecf7f2}.timeline-step.current b{font-weight:650}.planning-note{font-size:8px;color:#9babb0;text-align:center;margin:15px 0 0}.detail-columns{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:23px}.detail-columns>.detail-sidebar{align-self:start}.detail-columns>div>.card{margin-bottom:20px}.order-items{padding:0 22px}.order-item{display:flex;align-items:center;gap:17px;padding:21px 0;border-top:1px solid #edf1f2}.item-illustration{width:82px;height:98px;border-radius:8px;overflow:hidden;flex-shrink:0}.item-illustration .product-art{height:98px}.item-illustration .product-window{transform:scale(.65);flex-shrink:0}.item-illustration .art-label{display:none}.item-illustration .p-rail .product-window{transform:scale(.4) rotateZ(-14deg)}.item-description{min-width:0;flex:1}.item-description .overline{font-size:7px;margin-bottom:5px;color:#99a9af}.item-description h3{font-size:13px;margin-bottom:8px}.item-dimensions{font-size:10px;font-weight:600;color:#708992;display:flex;align-items:center;gap:6px;margin-bottom:9px;flex-wrap:wrap}.item-dimensions span{font-weight:450;color:#9aaaae}.option-chips{display:flex;flex-wrap:wrap;gap:5px}.option-chips span{font-size:8px;background:#f5f7f8;border-radius:4px;padding:3px 6px;color:#8c9ea4}.item-description>.muted{font-size:10px;margin:9px 0 0}.item-price{font-size:13px;align-self:flex-start;margin-top:22px;white-space:nowrap;color:#5a747e}.item-price small{display:block;text-align:right;font-size:8px;color:#9cabb0;font-weight:450;margin-top:4px}.two-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.small-card{padding:22px}.small-card h2{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:17px}.small-card h2 svg{color:#82a194}.small-card p{font-size:11px;color:#80959f;line-height:1.9}.small-card b{font-weight:650;color:#526f7b}.small-card>.muted{font-size:9px;margin:13px 0 0}.check-line{font-size:9px;color:#5d9d84;display:flex;gap:6px;align-items:flex-start}.tracking{border-top:1px solid var(--line);padding-top:12px}.tracking span{display:flex;gap:7px;align-items:center;font-size:10px;color:#7a939a}.tracking b{display:block;font-size:11px;margin:7px 0}.tracking small{font-size:8px;color:#a0aeb4}.next-card{background:#ecf6f2;border:1px solid #dcece3;border-radius:11px;padding:24px;margin-bottom:20px}.next-icon{width:45px;height:45px;border-radius:12px;background:white;color:#56a284;display:grid;place-items:center;margin-bottom:18px}.next-card>.overline{font-size:8px;color:#75a68e;margin-bottom:8px}.next-card h2{font-size:21px;line-height:1.25;margin-bottom:11px;color:#345b4d}.next-card p{font-size:11px;line-height:1.8;color:#719587;margin-bottom:20px}.next-card .btn{font-size:11px;padding:10px}.next-card .btn+.btn{margin-top:8px}.summary-card{padding:23px}.summary-card h2{font-size:14px;margin-bottom:22px}.summary-card>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#8a9da5;margin-bottom:13px}.summary-card>div b{font-size:11px;color:#607c88;font-weight:550}.summary-card .summary-total{border-top:1px solid var(--line);padding-top:16px;color:#526e78;font-size:11px;align-items:center}.summary-card .summary-total b{font-size:20px;font-weight:650;color:var(--ink);letter-spacing:-.6px}.summary-card .paid-status{background:#faf5e9;border:1px solid #f1e7d4;border-radius:6px;justify-content:center;align-items:center;padding:9px;font-size:9px;color:#b59b68;gap:6px;margin-top:19px;margin-bottom:14px}.summary-card .paid-status.paid{background:#eef7f2;border-color:#e0eee6;color:#7aa38b}.summary-card>small{display:block;font-size:8px;line-height:1.8;color:#a3b0b5}.sidebar-help{display:flex;gap:9px;color:#91a7a0;padding:20px 5px}.sidebar-help svg{flex-shrink:0;margin-top:3px}.sidebar-help p{font-size:9px;line-height:1.8;margin:0}.activity-list{padding:0 24px 10px}.activity-entry{display:flex;gap:13px;position:relative;padding:0 0 21px}.activity-entry:before{content:'';position:absolute;height:calc(100% - 8px);width:1px;background:#e4ece8;top:13px;left:4px}.activity-entry:last-child:before{display:none}.activity-dot{width:9px;height:9px;border-radius:50%;background:#dbe7e0;margin-top:4px;z-index:1;flex-shrink:0}.activity-dot.new{background:#5eb194;box-shadow:0 0 0 3px #eef8f2}.activity-entry>div{flex:1}.activity-entry strong{font-size:10px;color:#5c7881;font-weight:600}.activity-entry p{font-size:9px;color:#9bacb2;line-height:1.8;margin:4px 0 0}.activity-entry time{font-size:8px;color:#a7b5b9;margin-top:2px;white-space:nowrap}.inline-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.workshop-detail .card-head{border-bottom:1px solid var(--line)}.job-body{padding:21px 23px}.material-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.material-heading b{font-size:12px}.material-heading small{display:block;font-size:8px;color:#97a7ae;margin-top:4px}.material-list>div{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#8a9da7;margin-bottom:10px}.material-list b{color:#5e7d87;font-size:10px}.qc-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:18px 0 8px}.qc-summary span{display:flex;align-items:center;gap:5px;justify-content:center;border:1px solid #e8eeef;color:#a2b1b6;border-radius:5px;padding:7px 4px;font-size:8px}.qc-summary .done{border-color:#dceee4;background:#f0f8f3;color:#6a9f82}.job-body>.muted{font-size:9px}.kanban{display:grid;grid-template-columns:repeat(5,minmax(185px,1fr));gap:15px;overflow-x:auto;padding-bottom:14px;margin-bottom:12px}.kanban-lane{background:#eef2f2;border:1px solid #e6eceb;border-radius:10px;padding:12px;min-height:400px}.kanban-lane>header{display:flex;justify-content:space-between;align-items:center;margin:5px 3px 16px}.kanban-lane h2{font-size:12px;margin:0;color:#658177;letter-spacing:-.01em}.kanban-lane header>span{background:#e2e9e6;border-radius:4px;min-width:19px;text-align:center;color:#8ca295;font-size:9px;padding:2px}.kanban-card{width:100%;background:white;border:1px solid #e2e9e7;border-radius:8px;box-shadow:0 3px 8px #163c2c03;padding:15px;text-align:left;margin-bottom:10px;transition:box-shadow .2s}.kanban-card:hover{box-shadow:0 6px 15px #163c2c12}.kanban-card .overline{font-size:7px;color:#9fb1a8;margin-bottom:9px}.kanban-card h3{font-size:13px;line-height:1.4;margin-bottom:7px}.kanban-card p{font-size:9px;color:#97a8ac}.kanban-card>div{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#849b95;border-top:1px solid #f0f4f2;padding-top:10px;margin-bottom:13px}.kanban-card>small{font-size:8px;display:flex;align-items:center;gap:6px;color:#99aba3}.lane-empty{border:1px dashed #d7e1dc;border-radius:7px;padding:25px 10px;text-align:center;font-size:9px;color:#a0b0a5}.dealer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.dealer-card{padding:25px}.dealer-monogram{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:#edf6f1;color:#5f9e80;font-size:16px;font-weight:650;margin-bottom:21px}.dealer-card>.overline{font-size:8px;color:#9dadb2;margin-bottom:6px}.dealer-card h2{font-size:22px}.dealer-card p{font-size:11px;color:#91a4ad;line-height:1.9}.dealer-detail{display:flex;align-items:center;gap:9px;font-size:10px;color:#879f98;margin:12px 0}.dealer-stats{border-top:1px solid var(--line);padding-top:20px;display:flex;gap:35px;margin-top:22px;font-size:9px;color:#99aca4}.dealer-stats b{display:block;font-size:20px;color:#648376;font-weight:550}.notice{display:flex;align-items:center;gap:17px;text-align:left;width:100%;background:none;border:0;border-bottom:1px solid var(--line);padding:21px 25px}.notice:hover{background:#fbfdfb}.notice:last-child{border:0}.notice-icon{display:grid;place-items:center;width:43px;height:43px;background:#edf6f1;color:#6aa589;border-radius:10px;flex-shrink:0}.notice>span:nth-child(2){flex:1}.notice b{font-size:13px;color:#506e7c;font-weight:600}.notice p{font-size:11px;color:#8da0aa;line-height:1.7;margin:5px 0}.notice small{font-size:9px;color:#b0bcbf}.notice time{font-size:9px;color:#a6b6b9;white-space:nowrap}.notice>svg{color:#bac7ca}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-card{padding:26px}.settings-card h2{display:flex;align-items:center;gap:10px;font-size:17px;margin-bottom:24px}.settings-card h2 svg{color:#8fa8a0}.settings-card dl{display:grid;grid-template-columns:120px 1fr;gap:15px;font-size:11px;margin:0 0 25px}.settings-card dt{color:#9aabb1}.settings-card dd{margin:0;color:#64818c;font-weight:550}.settings-card p{font-size:11px;line-height:1.9;color:#92a5ac}.settings-card p b{color:#5e7c87}.integrations-card{grid-column:1/-1}.integration-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:18px 0}.integration-row b{font-size:12px}.integration-row p{font-size:10px;margin:6px 0 0}.integration-row .chip{font-size:9px}.help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:25px 0}.help-card{padding:26px}.help-card>span{display:grid;place-items:center;background:#edf6f1;color:#74ac91;width:49px;height:49px;border-radius:12px;margin-bottom:25px}.help-card h2{font-size:17px;margin-bottom:13px}.help-card p{font-size:12px;line-height:1.9;color:#8ca0a8;margin:0}.help-note{padding:25px 30px;border:1px solid #dceae4;border-radius:12px;background:#eef6f1}.help-note h2{font-size:17px;color:#577d68;margin-top:20px}.help-note h2:first-child{margin-top:0}.help-note p{font-size:12px;line-height:1.9;color:#87a28f;max-width:950px}.help-note p:last-child{margin-bottom:0}.help-note b{color:#648873;font-weight:600}.empty{padding:55px 20px;text-align:center}.empty>div{width:65px;height:65px;border-radius:20px;background:#eef6f2;color:#82ad94;display:grid;place-items:center;margin:0 auto 20px}.empty h3{font-size:17px;margin-bottom:10px}.empty p{font-size:12px;color:#9aabb1;margin-bottom:23px}.pad{padding:20px}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600;color:#6b838f;margin-bottom:17px;position:relative}.field input,.field select,.field textarea{width:100%;border:1px solid #dde6e8;background:white;border-radius:7px;padding:11px 12px;color:#395a67;font-size:12px;line-height:1.45;min-height:40px}.field input::placeholder,.field textarea::placeholder{color:#b0bfc4;font-size:11px}.field select{appearance:auto}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8bc9b4;outline:3px solid #9bdac522;outline-offset:0}.field .optional{font-weight:400;color:#acb9bf;font-size:9px;position:absolute;right:0;top:0}.field-help{font-size:10px;line-height:1.8;color:#9bafb6;font-weight:400;margin:8px 0 0}.field>.field-help{background:#f7f9fa;border-radius:7px;padding:10px 12px;margin:0;min-height:41px;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.inline-error{font-size:12px;color:#bc6a58;margin:0 0 15px}.inline-error:empty{display:none}.modal-open{overflow:hidden}.modal-backdrop{position:fixed;inset:0;background:#102c3d77;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:26px;z-index:100;overflow:auto}.modal{width:640px;max-width:100%;max-height:calc(100dvh - 52px);overflow-y:auto;background:white;border:1px solid #f2f5f5;border-radius:15px;box-shadow:0 25px 70px #0c233f28;position:relative;animation:modal-in .18s ease}.modal-head{display:flex;justify-content:space-between;gap:18px;padding:25px 28px 21px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:22px;margin-bottom:4px;color:#244858}.modal-head p{font-size:11px;color:#9aadb5;margin:0}.modal-head .icon-btn{margin:-5px -7px 0 0}.modal-body{padding:24px 28px}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 28px;border-top:1px solid var(--line);background:#fbfcfc;border-radius:0 0 15px 15px}.modal-footer .muted{font-size:10px}.modal-body>p{font-size:12px;color:#879fa9;line-height:1.9}.check-field{display:flex;gap:11px;align-items:flex-start;font-size:12px;color:#738d97;line-height:1.8;cursor:pointer;margin:20px 0}.check-field input{appearance:auto;accent-color:var(--teal);width:17px;height:17px;margin:3px 0 0;flex-shrink:0}.check-field b{font-size:13px;color:#557782;font-weight:650;display:block}.check-field small{font-size:11px;color:#9fb0b7;line-height:1.8;display:block;margin-top:5px}.confirm-summary{background:#edf7f2;border:1px solid #dfede5;border-radius:10px;padding:20px;margin-bottom:25px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#81a593;font-size:11px}.confirm-summary>b{font-size:12px;color:#5b8e74;font-weight:600}.confirm-summary>strong{margin-left:auto;font-size:25px;color:#3e755b;font-weight:600;letter-spacing:-.5px}.confirm-summary>span{width:100%;font-size:10px;color:#8bac99}.payment-logo{width:66px;height:66px;border-radius:18px;background:#e9f5ef;color:#4b9c79;display:grid;place-items:center;margin:0 auto 20px}.payment-amount{text-align:center;font-size:39px;letter-spacing:-1px;color:#1b4654;font-weight:600;margin-bottom:8px}.payment-method{border:1px solid #d9e9e0;background:#f6faf7;border-radius:9px;display:flex;gap:13px;align-items:center;padding:17px;margin:23px 0}.ideal-logo{width:35px;height:31px;border:2px solid #ce6a94;border-radius:6px 10px 10px 6px;color:#c45d88;font-size:18px;display:grid;place-items:center;font-weight:800}.payment-method>span:nth-child(2){flex:1}.payment-method b{display:block;font-size:12px;color:#5a7a67}.payment-method small{display:block;font-size:9px;color:#97ad9e;margin-top:3px}.payment-method>svg{color:#75ad8d}.qc-check{border:1px solid #e3ece8;border-radius:9px;padding:15px;margin:11px 0}.qc-check:has(input:checked){background:#f2f9f4;border-color:#cfe5d6}.wizard-stepper{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 25px 18px;background:#fafcfb;border-bottom:1px solid #edf2ef;gap:10px}.wizard-stepper>div{font-size:9px;color:#a5b5b7;display:flex;align-items:center;gap:7px;white-space:nowrap}.wizard-stepper span{width:22px;height:22px;border:1px solid #dce7e2;border-radius:50%;font-size:9px;display:grid;place-items:center;background:white;flex-shrink:0}.wizard-stepper .current{color:#389174;font-weight:650}.wizard-stepper .current span{background:#149a7b;border-color:#149a7b;color:white}.wizard-stepper .done{color:#8cab9b}.wizard-stepper .done span{background:#edf7f0;border-color:#dcece2;color:#79ac8d}.wizard-products>h3{font-size:17px;margin-bottom:8px}.wizard-products>p{font-size:11px;margin-bottom:22px}.wizard-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wizard-product{border:1px solid #e2eae6;background:#fff;display:flex;align-items:center;gap:12px;text-align:left;padding:10px;border-radius:9px;position:relative;transition:border .2s,background .2s}.wizard-product:hover{border-color:#9bcdb5;background:#f9fdfa}.wizard-product>.product-art{width:58px;height:72px;border-radius:6px;flex-shrink:0}.wizard-product .product-window{transform:scale(.48);flex-shrink:0}.wizard-product .art-label{display:none}.wizard-product .p-rail .product-window{transform:scale(.3) rotateZ(-14deg)}.wizard-product>span{flex:1}.wizard-product b{font-size:10px;color:#587869;display:block}.wizard-product small{font-size:8px;color:#9eb2a6;display:block;margin-top:6px}.wizard-product>svg{color:#bdcec4;width:14px;flex-shrink:0}.selected-product{display:flex;align-items:center;gap:15px;margin-bottom:22px}.selected-art{width:75px;height:82px;overflow:hidden;border-radius:8px;flex-shrink:0}.selected-art .product-art{height:82px}.selected-art .product-window{transform:scale(.6);flex-shrink:0}.selected-art .p-rail .product-window{transform:scale(.4) rotateZ(-14deg)}.selected-art .art-label{display:none}.selected-product>div:nth-child(2){flex:1}.selected-product .overline{font-size:7px;margin:0 0 5px;color:#9aafa4}.selected-product h3{font-size:16px;margin-bottom:5px}.selected-product p{font-size:9px;color:#9eb0b5;line-height:1.7;margin:0}.selected-product>.text-btn{font-size:10px;align-self:flex-start}.basket-note{display:flex;align-items:center;gap:9px;border:1px solid #e1eae6;background:#f8fbf9;border-radius:7px;padding:12px;margin-bottom:20px;color:#8baa99;font-size:10px}.basket-note b{font-weight:650;color:#668f78}.basket-note>.text-btn{margin-left:auto;font-size:9px}.wizard-products>.basket-note{margin-top:20px;margin-bottom:0;flex-wrap:wrap}.form-section-title{font-size:12px;font-weight:600;color:#6c8a7a;margin:15px 0 12px}.delivery-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:24px}.delivery-option{cursor:pointer;position:relative;border:1px solid #dfe9e3;border-radius:9px;padding:16px;background:#fff}.delivery-option:has(input:checked){background:#f0f8f3;border-color:#7cba99;box-shadow:0 0 0 1px #9ed1b122}.delivery-option input{position:absolute;right:14px;top:15px;accent-color:var(--teal);width:14px;height:14px}.delivery-option>span{display:block}.delivery-option svg{display:block;color:#87b39a;margin-bottom:13px}.delivery-option b{display:block;font-size:12px;color:#557b64}.delivery-option small{display:block;font-size:9px;color:#9bb2a2;margin-top:5px}.review-heading{padding-bottom:18px;border-bottom:1px solid #e9f0eb;margin-bottom:6px}.review-heading .overline{font-size:8px;color:#94af9b}.review-heading h3{font-size:20px;margin:0 0 6px;color:#466b55}.review-heading p{font-size:10px;color:#9ab09f;margin:0}.review-items>div{display:flex;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid #edf2ef}.review-items>div>span{flex:1}.review-items b{font-size:12px;display:block;color:#658773;font-weight:600;margin-bottom:6px}.review-items small{display:block;font-size:9px;color:#a1b3a7;margin:3px 0}.review-items strong{font-size:12px;color:#6d8d7a;font-weight:650;white-space:nowrap}.review-items .icon-btn{width:25px;color:#aec1b5}.review-totals{width:320px;max-width:100%;margin:22px 0 24px auto}.review-totals p{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#98ae9e;margin-bottom:12px}.review-totals b{color:#668873;font-weight:550}.review-totals .grand-total{border-top:1px solid #e4ede6;padding-top:16px;align-items:center;color:#72927e;font-size:11px}.review-totals .grand-total b{font-size:24px;letter-spacing:-.5px;color:#38674c;font-weight:650}.toast{display:flex;align-items:center;gap:12px;background:#113e35;color:white;padding:14px 19px;border:1px solid #386358;border-radius:9px;box-shadow:0 8px 30px #14392c25;font-size:12px;max-width:500px;line-height:1.6;animation:modal-in .2s ease}.toast svg{color:#76d8ac;flex-shrink:0}.toast.error{background:#6d3e34;border-color:#946457}.toast.error svg{color:#edb693}#toast-root{position:fixed;right:26px;bottom:24px;display:flex;flex-direction:column;gap:10px;z-index:150;max-width:calc(100vw - 40px)}.login-layout{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh;background:white}.login-story{background:var(--navy);color:white;position:relative;overflow:hidden;padding:48px 55px;display:flex;flex-direction:column;min-height:750px}.wordmark.light{color:white;z-index:1}.wordmark.light .brand-symbol{background:#315362}.wordmark.light .brand-dot{color:#58c9a6}.wordmark.light small{color:#92aeb8}.login-message{margin:auto 0;position:relative;z-index:1;padding:50px 0}.login-message>.overline{color:#7bb3a5;font-size:9px;margin-bottom:23px}.login-message h1{font-size:48px;line-height:1.17;letter-spacing:-1.5px;font-weight:550;max-width:460px;margin-bottom:24px}.login-message h1 span{color:#68d3af}.login-message>p{font-size:14px;color:#89a4b1;max-width:340px;line-height:1.9;margin-bottom:38px}.login-feature{display:flex;gap:13px;align-items:center;color:#9db7c0;margin:17px 0;font-size:12px}.login-feature svg{color:#5bbf9f}.login-bottom{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#688a9b;position:relative;z-index:1}.login-bottom span{color:#526f7f}.architectural-art{position:absolute;right:-67px;bottom:120px;transform:rotate(-12deg);opacity:.1;pointer-events:none}.art-frame{width:220px;height:390px;border:12px solid #b8e0d0;box-shadow:30px 30px 0 #6a9c98}.art-folds{width:100%;height:100%;background:repeating-linear-gradient(90deg,#d4f8ea 0 5px,#528e7f 5px 12px)}.art-line{position:absolute;width:200px;height:700px;top:-180px;right:45px;border:1px solid #7abd9f;transform:rotate(31deg)}.login-panel{display:flex;align-items:center;justify-content:center;padding:45px}.login-form{width:360px;max-width:100%}.login-form>.chip{font-size:9px;color:#8ba296;margin-bottom:27px}.login-form h2{font-size:35px;line-height:1.2;letter-spacing:-1px;font-weight:600;color:#244651;margin-bottom:12px}.login-form>p{color:#96aab3;font-size:13px;margin-bottom:32px}.login-form .field{font-size:11px;margin-bottom:20px;color:#78919a}.login-form input{padding:13px;min-height:47px}.login-form .btn{padding:13px;font-size:13px;margin-top:4px}.login-note{display:flex;align-items:flex-start;gap:10px;background:#f7faf8;border:1px solid #e9f0eb;border-radius:9px;padding:17px;margin-top:28px}.demo-dot{width:7px;height:7px;border-radius:50%;background:#a2bdb0;flex-shrink:0;margin-top:5px}.login-note b{font-size:10px;font-weight:600;color:#90a79a;display:block;margin-bottom:5px}.login-note p{font-size:9px;line-height:1.8;color:#a7b9ae;margin:0}.login-form>p.login-help{font-size:9px;color:#aebec3;margin:25px 0 0;text-align:center}@keyframes modal-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.dashboard-columns{grid-template-columns:minmax(0,1fr) 320px}.metric{min-height:145px}.product-art{height:175px}.order-table td{padding-top:21px;padding-bottom:21px}.order-title strong{font-size:12px}.attention-card .card-head h2{font-size:15px}.attention-item b{font-size:12px}.attention-item small{max-width:200px;font-size:9px}.promise-card h2{font-size:27px}.promise-card p{max-width:230px;font-size:12px}.promise-card{padding:25px}.product-card h3{font-size:15px}.product-card .overline{font-size:8px}}@media(max-width:1250px){.sidebar{width:210px;padding-left:15px;padding-right:15px}.main-shell{margin-left:210px;width:calc(100% - 210px)}.topbar{padding:0 25px}#main-content{padding:28px 25px 20px}.dashboard-columns{grid-template-columns:minmax(0,1fr)}.attention-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.promise-card h2{font-size:23px}.promise-card p{max-width:300px}.promise-card>div{margin-bottom:12px}.metric-grid{gap:12px}.metric{padding:17px 15px}.metric-icon{width:25px;height:25px;right:12px;top:13px}.metric-icon svg{width:15px}.metric>span:not(.metric-icon){font-size:10px;max-width:calc(100% - 23px)}.metric>b{font-size:24px}.product-grid{gap:12px}.product-card-body{padding:14px}.product-card h3{font-size:12px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid .product-card p{min-height:unset}.catalog-grid .product-art{height:220px}.catalog-grid .product-card h3{font-size:17px}.catalog-grid .product-bottom .btn{padding:9px 12px;font-size:11px}.detail-columns{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.detail-sidebar .next-card{padding:20px}.two-cards{grid-template-columns:1fr}.order-heading h1{font-size:26px}.order-heading{flex-wrap:wrap}.heading-actions{margin-top:0}.dealer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-mini-icon{display:none}.help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-illustration{width:60px;height:80px}.item-illustration .product-art{height:80px}.item-description h3{font-size:12px}.order-item{gap:12px}.item-price{font-size:11px}.login-story{padding:42px 36px}.login-message h1{font-size:42px}.login-bottom span{display:none}}@media(max-width:1000px){h1{font-size:28px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:125px;padding:19px}.metric-icon{right:17px;top:18px;width:29px;height:29px}.metric>span:not(.metric-icon){font-size:11px}.metric>b{font-size:27px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-art{height:170px}.product-card h3{font-size:15px}.product-card-body{padding:17px}.product-card .overline{font-size:8px}.detail-columns{grid-template-columns:minmax(0,1fr)}.detail-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-sidebar .next-card{margin:0}.sidebar-help{grid-column:1/-1;padding:0}.two-cards{grid-template-columns:1fr 1fr}.item-illustration{width:80px;height:95px}.item-illustration .product-art{height:95px}.order-item{gap:18px}.item-description h3{font-size:14px}.item-price{font-size:13px}.settings-grid{grid-template-columns:1fr}.integrations-card{grid-column:auto}.login-layout{grid-template-columns:1fr 1fr}.login-message h1{font-size:35px}.login-message>p{font-size:12px}.login-story{padding:35px 28px}.login-panel{padding:30px}.login-form h2{font-size:31px}.login-feature{font-size:11px}.login-message{padding:40px 0}.login-story{min-height:680px}.login-bottom{font-size:8px}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:235px;padding:27px 20px 0}.main-shell{margin-left:0;width:100%}.nav-open .sidebar{transform:none}.sidebar-shade{display:none;position:fixed;inset:0;background:#102c3d77;backdrop-filter:blur(2px);border:0;z-index:39}.nav-open .sidebar-shade{display:block}.mobile-menu{display:inline-flex;margin-left:-7px}.topbar{height:65px;padding:0 19px}.breadcrumb{gap:8px;font-size:10px}.topbar-tools{gap:10px}.top-avatar{width:29px;height:29px;font-size:9px}.demo-pill{font-size:9px;padding:3px 6px}.notification-button{width:28px}.topbar .icon-btn{width:30px}.topbar .icon-btn svg{width:19px}#main-content{padding:26px 19px 20px}.page-heading{gap:14px;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap}.page-heading .overline{font-size:8px}.page-heading h1{font-size:28px}.page-heading p{font-size:11px;line-height:1.8;max-width:420px}.page-heading>.btn{padding:10px 15px;font-size:11px}.metric-grid{gap:11px;margin-bottom:21px}.metric{min-height:124px;border-radius:10px;padding:18px 15px}.metric>span:not(.metric-icon){font-size:10px}.metric>b{font-size:27px;margin-bottom:9px}.metric>small{font-size:8px;line-height:1.7;display:block}.metric-icon{right:12px;top:14px;width:27px;height:27px}.card-head{padding:19px}.card-head h2{font-size:15px}.card-head p{font-size:9px;line-height:1.7}.card-head .text-btn{font-size:10px}.dashboard-columns{gap:20px;margin-bottom:30px}.order-table{min-width:620px}.order-table td{padding:17px 12px}.order-table th:first-child,.order-table td:first-child{padding-left:19px}.order-title{max-width:230px}.order-mini-icon{display:grid}.attention-column{gap:14px}.attention-card .card-head{padding:17px 14px 7px}.attention-card .card-head h2{font-size:12px}.attention-card .card-head h2 svg{width:15px}.attention-item{padding:13px 14px;gap:8px}.attention-icon{width:28px;height:31px}.attention-item b{font-size:9px}.attention-item small{max-width:120px;font-size:8px}.attention-item>svg{display:none}.promise-card{padding:20px 17px}.promise-card h2{font-size:22px}.promise-card p{font-size:9px;line-height:1.9;max-width:200px;margin-bottom:10px}.promise-card .text-btn{font-size:8px}.promise-card>small{font-size:7px;margin-top:10px}.promise-card>div{margin-bottom:12px}.section-heading{align-items:flex-end;gap:15px}.section-heading h2{font-size:20px;line-height:1.3;max-width:240px}.section-heading .overline{font-size:7px}.section-heading .text-btn{font-size:9px}.product-grid{gap:13px}.product-card-body{padding:16px}.product-art{height:160px}.product-card h3{font-size:14px;margin-bottom:13px}.product-card .overline{font-size:7px}.product-bottom>span{font-size:8px}.product-bottom b{font-size:11px}.product-bottom small{font-size:6px}.app-footer{padding:10px 19px 25px;flex-wrap:wrap;gap:7px;font-size:7px}.catalog-grid .product-art{height:195px}.catalog-grid .product-card h3{font-size:15px}.catalog-grid .product-card p{font-size:10px;line-height:1.8;min-height:55px}.catalog-grid .product-bottom{align-items:flex-start;gap:10px;flex-wrap:wrap}.catalog-grid .product-bottom .btn{padding:8px 10px;font-size:9px}.list-toolbar{padding:14px 16px;gap:11px}.tabs{gap:0}.tab{font-size:10px;padding:7px 9px}.search-field{width:100%}.search-field input{width:100%}.table-footer{font-size:8px;padding:12px 18px}.order-heading h1{font-size:25px;line-height:1.3}.order-heading .overline{font-size:8px}.heading-actions{justify-content:flex-start}.heading-actions .btn{font-size:10px;padding:9px 11px}.progress-card{padding:18px 16px}.progress-head{align-items:flex-start;gap:10px;flex-wrap:wrap}.progress-head>.badge{font-size:9px}.progress-head>span:last-child{font-size:10px;flex-wrap:wrap}.progress-head b{font-size:10px}.order-timeline{margin:25px 0 18px;grid-template-columns:repeat(6,1fr);gap:0}.timeline-step b{font-size:7px;max-width:76px;line-height:1.5}.timeline-step>span{width:25px;height:25px;font-size:9px}.timeline-step:before{top:12px;width:calc(100% - 25px);left:calc(-50% + 12px)}.planning-note{font-size:8px;line-height:1.8;text-align:left;margin-top:12px}.detail-columns{gap:19px}.detail-columns>div>.card{margin-bottom:19px}.order-items{padding:0 18px}.order-item{gap:12px;flex-wrap:wrap;position:relative;padding:19px 0}.item-illustration{width:68px;height:86px}.item-illustration .product-art{height:86px}.item-description h3{font-size:13px;padding-right:70px}.item-description .overline{font-size:7px}.item-dimensions{font-size:9px;gap:5px}.item-price{font-size:11px;position:absolute;right:0;top:24px;margin:0}.item-price small{font-size:7px}.option-chips span{font-size:7px;padding:3px 5px}.option-chips{gap:4px}.two-cards{gap:14px;margin:19px 0}.small-card{padding:18px}.small-card h2{font-size:12px;gap:6px}.small-card h2 svg{width:17px}.small-card p{font-size:10px}.small-card>.muted{font-size:8px}.check-line{font-size:8px}.detail-sidebar{gap:14px}.detail-sidebar .next-card{padding:20px}.next-card h2{font-size:20px}.next-card p{font-size:10px}.next-card .btn{font-size:10px;padding:10px 8px;gap:5px;white-space:normal}.summary-card{padding:20px}.summary-card h2{font-size:13px}.summary-card>div{font-size:10px;gap:5px}.summary-card>div b{font-size:10px}.summary-card .summary-total{flex-wrap:wrap;font-size:10px}.summary-card .summary-total b{font-size:21px}.summary-card .paid-status{font-size:8px;line-height:1.7;gap:5px}.summary-card>small{font-size:7px}.sidebar-help{margin-top:2px}.job-body{padding:18px}.workshop-detail .card-head{flex-wrap:wrap}.workshop-detail .card-head h2{font-size:14px}.job-body>.muted{font-size:8px}.qc-summary{grid-template-columns:repeat(2,1fr)}.material-heading b{font-size:11px}.material-heading small{font-size:7px}.material-heading .text-btn{font-size:10px}.material-list>div{font-size:9px}.material-list b{font-size:9px}.kanban{grid-template-columns:repeat(5,220px)}.dealer-grid{gap:15px}.dealer-card{padding:21px}.dealer-card h2{font-size:20px}.dealer-card p{font-size:10px}.dealer-detail{font-size:9px;gap:6px}.dealer-detail svg{width:14px}.dealer-stats{gap:23px}.notice{gap:12px;padding:19px}.notice-icon{width:36px;height:38px}.notice b{font-size:12px}.notice p{font-size:10px}.notice small{font-size:8px}.notice time{font-size:8px}.notice>svg{display:none}.settings-card{padding:22px}.settings-card h2{font-size:16px}.help-grid{gap:15px;margin:20px 0}.help-card{padding:22px}.help-card h2{font-size:16px;line-height:1.4}.help-card p{font-size:11px}.help-note{padding:23px}.help-note h2{font-size:16px}.help-note p{font-size:11px}.info-strip{font-size:10px;align-items:flex-start;padding:12px 14px;gap:9px}.info-strip svg{width:17px;margin-top:2px}.modal-backdrop{padding:16px}.modal{max-height:calc(100dvh - 32px)}.modal-head{padding:21px 22px 18px}.modal-head h2{font-size:21px}.modal-head p{font-size:10px}.modal-body{padding:22px}.modal-footer{padding:16px 22px}.wizard-stepper{padding:19px 20px 17px;gap:6px}.wizard-stepper>div{font-size:8px;gap:5px}.wizard-stepper span{width:21px;height:21px}.wizard-product-grid{gap:10px}.wizard-product{padding:8px;gap:8px}.wizard-product>.product-art{width:45px;height:62px}.wizard-product b{font-size:9px}.wizard-product small{font-size:7px}.wizard-product>svg{display:none}.modal-footer .btn{font-size:11px;padding:10px 12px}.form-grid{gap:0 15px}.field{font-size:10px;margin-bottom:16px}.field input,.field select,.field textarea{font-size:11px;padding:10px}.field input::placeholder,.field textarea::placeholder{font-size:10px}.login-layout{grid-template-columns:1fr;min-height:100vh}.login-story{min-height:unset;height:255px;padding:25px 27px}.login-story .wordmark{font-size:21px}.login-story .brand-symbol{width:35px;height:37px;font-size:31px}.login-story .wordmark small{font-size:7px}.login-message{padding:22px 0 0;margin:0}.login-message>.overline{font-size:7px;margin-bottom:11px}.login-message h1{font-size:29px;line-height:1.13;letter-spacing:-1px;max-width:350px;margin-bottom:0}.login-message h1 br:first-child{display:none}.login-message>p,.login-feature,.login-bottom{display:none}.architectural-art{right:20px;bottom:-195px;opacity:.09}.login-panel{padding:34px 27px 40px;align-items:flex-start}.login-form{width:380px}.login-form>.chip{margin-bottom:20px}.login-form h2{font-size:28px;margin-bottom:10px}.login-form>p{font-size:11px;margin-bottom:25px}.login-form .field{margin-bottom:17px}.login-form input{min-height:43px;padding:11px}.login-form .btn{padding:12px}.login-note{margin-top:22px;padding:14px}.login-form>p.login-help{font-size:8px;margin-top:21px}}@media(max-width:430px){#main-content{padding:23px 15px 20px}.topbar{padding:0 15px}.page-heading h1{font-size:25px}.page-heading>.btn{width:100%;font-size:12px;padding:11px}.metric{padding:16px 13px;min-height:125px}.metric>span:not(.metric-icon){font-size:9px;max-width:100%;padding-right:22px;min-height:28px;line-height:1.5;margin-bottom:6px}.metric>b{font-size:25px;margin-bottom:7px}.metric>small{font-size:7px;line-height:1.7}.metric-icon{width:23px;height:23px;right:11px;top:13px}.metric-icon svg{width:13px;height:13px}.attention-column{grid-template-columns:1fr}.attention-card .card-head{padding:18px 18px 8px}.attention-card .card-head h2{font-size:14px}.attention-item{padding:15px 18px;gap:13px}.attention-item b{font-size:11px}.attention-item small{max-width:230px;font-size:9px}.attention-icon{width:34px;height:36px}.attention-item>svg{display:block}.promise-card{padding:22px}.promise-card h2{font-size:26px}.promise-card p{font-size:11px;max-width:270px;line-height:1.8}.promise-card .text-btn{font-size:10px}.promise-card>small{font-size:8px;margin-top:14px}.promise-card>div{margin-bottom:15px}.section-heading h2{font-size:18px;max-width:210px}.section-heading .text-btn{font-size:8px}.product-grid{gap:10px}.product-art{height:145px}.product-card-body{padding:13px}.product-card h3{font-size:12px;margin-bottom:12px}.product-card .overline{font-size:6px;letter-spacing:.13em}.product-bottom b{font-size:10px;margin-left:1px}.product-bottom>span{font-size:7px}.product-bottom small{font-size:6px}.product-bottom .icon-btn{width:24px;height:26px}.product-bottom .icon-btn svg{width:16px}.favorite{width:24px;height:24px;top:8px;right:8px}.favorite svg{width:15px}.catalog-grid .product-card h3{font-size:13px}.catalog-grid .product-art{height:175px}.catalog-grid .product-card p{font-size:9px;min-height:70px}.catalog-grid .product-window{transform:scale(1.1) perspective(600px) rotateY(-15deg)}.catalog-grid .p-rail .product-window{transform:scale(.85) rotateZ(-14deg)}.catalog-grid .product-bottom .btn{font-size:9px;padding:8px 8px;gap:5px;width:100%;margin-top:1px}.page-heading.order-heading h1{font-size:24px}.timeline-step b{font-size:6px}.timeline-step>span{width:23px;height:23px;font-size:8px}.timeline-step:before{top:11px}.progress-card{padding:16px 13px}.progress-head>span:last-child{font-size:9px;gap:5px}.progress-head b{font-size:9px;margin:0}.progress-head>span:last-child svg{width:14px}.planning-note{font-size:7px}.item-illustration{width:53px;height:78px}.item-illustration .product-art{height:78px}.order-items{padding:0 15px}.order-item{gap:10px}.item-description h3{font-size:11px;padding-right:60px}.item-price{font-size:10px;top:23px}.item-price small{font-size:6px}.item-dimensions{font-size:8px}.item-dimensions svg{width:13px}.option-chips span{font-size:6px}.option-chips{gap:3px}.item-description .overline{font-size:6px}.two-cards{grid-template-columns:1fr;gap:16px}.small-card{padding:20px}.small-card h2{font-size:14px}.small-card p{font-size:11px}.check-line{font-size:9px}.detail-sidebar{grid-template-columns:1fr}.next-card h2{font-size:22px}.next-card p{font-size:12px;line-height:1.8}.next-card .btn{font-size:12px;padding:12px}.summary-card{padding:23px}.summary-card h2{font-size:15px}.summary-card>div{font-size:12px}.summary-card>div b{font-size:12px}.summary-card .summary-total{font-size:12px}.summary-card .summary-total b{font-size:25px}.summary-card .paid-status{font-size:10px}.summary-card>small{font-size:9px}.sidebar-help{padding:4px}.sidebar-help p{font-size:10px}.dealer-grid{grid-template-columns:1fr}.dealer-card{padding:25px}.dealer-card h2{font-size:24px}.dealer-card p{font-size:12px}.dealer-detail{font-size:11px}.help-grid{grid-template-columns:1fr}.help-card{padding:24px}.help-card>span{margin-bottom:19px}.help-card h2{font-size:18px}.help-card p{font-size:12px}.settings-card dl{grid-template-columns:100px 1fr;font-size:10px}.integration-row{align-items:flex-start;gap:15px}.integration-row .chip{font-size:7px;padding:4px 5px}.notice{padding:17px 15px;gap:10px}.notice-icon{width:31px;height:33px}.notice-icon svg{width:18px}.notice b{font-size:11px}.notice p{font-size:9px}.notice small{font-size:7px}.notice time{align-self:flex-start;font-size:7px;margin-top:4px}.modal-backdrop{padding:8px;align-items:center}.modal{max-height:calc(100dvh - 16px);border-radius:12px}.modal-head{padding:20px 18px 17px}.modal-head h2{font-size:20px}.modal-head p{font-size:9px}.modal-body{padding:20px 18px}.modal-footer{padding:15px 18px;gap:9px}.modal-footer .btn{font-size:10px;padding:10px 11px;gap:5px}.modal-footer .btn svg{width:14px}.wizard-stepper{padding:17px 15px;gap:5px}.wizard-stepper>div{font-size:7px;gap:4px;white-space:normal;line-height:1.4}.wizard-stepper span{width:19px;height:19px;font-size:8px}.wizard-product-grid{grid-template-columns:1fr;gap:11px}.wizard-product{padding:10px;gap:13px}.wizard-product>.product-art{width:56px;height:65px}.wizard-product b{font-size:11px}.wizard-product small{font-size:8px}.wizard-product>svg{display:block}.wizard-products h3{font-size:17px}.wizard-products>p{font-size:10px}.selected-art{width:59px;height:72px}.selected-art .product-art{height:72px}.selected-product{gap:11px}.selected-product h3{font-size:14px}.selected-product p{font-size:8px}.selected-product .overline{font-size:6px}.selected-product>.text-btn{font-size:9px}.form-grid{gap:0 12px}.field{font-size:9px;margin-bottom:15px;gap:6px}.field input,.field select,.field textarea{font-size:10px;padding:10px;min-height:39px}.field input::placeholder,.field textarea::placeholder{font-size:9px}.field .optional{font-size:8px}.field-help{font-size:8px}.info-strip.compact{font-size:9px;gap:7px;padding:10px}.info-strip.compact svg{width:15px}.basket-note{gap:7px;font-size:9px;padding:10px;flex-wrap:wrap}.basket-note>.text-btn{font-size:9px}.delivery-options{gap:10px}.delivery-option{padding:14px}.delivery-option b{font-size:11px}.delivery-option small{font-size:8px;line-height:1.7}.delivery-option svg{width:22px}.review-heading h3{font-size:19px}.review-items b{font-size:11px}.review-items small{font-size:8px}.review-items strong{font-size:11px}.review-items>div{gap:8px}.review-items .icon-btn{width:22px}.review-totals{width:100%}.check-field{font-size:11px}.confirm-summary{padding:15px}.confirm-summary>strong{font-size:24px}.confirm-summary>b{font-size:10px}.confirm-summary>span{font-size:9px}.payment-amount{font-size:35px}.modal-body>p{font-size:11px}.app-footer{padding-left:15px;padding-right:15px}.login-story{height:232px;padding:24px}.login-message h1{font-size:27px}.login-panel{padding:30px 24px}.login-form h2{font-size:29px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Readability refinements for practical desktop and mobile use. */
:root{--muted:#6b818c}.order-table th{font-size:10px;color:#718993}.order-title small{font-size:9px;color:#8399a3}.badge{font-size:9px}.metric>small{font-size:10px;color:#8399a2}.attention-item b{font-size:11px}.attention-item small{font-size:9px;color:#879ca4}.attention-item em{font-size:10px}.product-bottom>span{font-size:9px}.product-bottom small{font-size:8px;color:#869d94}.product-card .overline{font-size:8px;color:#82978d}.product-card h3{font-size:14px}.card-head p{font-size:11px}.planning-note{font-size:10px;color:#859ba5}.app-footer{font-size:9px}.muted-footnote{font-size:11px}.activity-entry strong{font-size:12px}.activity-entry p{font-size:11px;color:#869da6}.activity-entry time{font-size:9px}.option-chips span{font-size:9px;color:#728b96}.item-description .overline{font-size:8px}.sidebar-help p{font-size:11px}.summary-card>small{font-size:10px}.material-list>div,.material-list b{font-size:11px}.qc-summary span{font-size:10px}.material-heading small{font-size:10px}.order-table .date-cell{font-size:11px}.sidebar .nav-label{font-size:9px}.workspace-card strong{font-size:12px}.workspace-card small{font-size:10px}.profile b{font-size:12px}.profile small{font-size:10px}.sidebar-tip p{font-size:10px}.kanban-card .overline{font-size:9px}.kanban-card p{font-size:11px}.kanban-card>small{font-size:10px}.lane-empty{font-size:11px}.field{font-size:12px}.field input,.field select,.field textarea{font-size:13px}.field-help{font-size:11px}.wizard-stepper>div{font-size:11px}.wizard-product b{font-size:12px}.wizard-product small{font-size:10px}.selected-product .overline{font-size:9px}.selected-product p{font-size:11px}.basket-note{font-size:11px}.delivery-option small{font-size:11px}.review-items b{font-size:13px}.review-items small{font-size:11px}.notice small{font-size:10px}.notice p{font-size:12px}.integration-row p{font-size:12px}.settings-card p{font-size:12px}.login-note p{font-size:11px}.login-note b{font-size:12px}.login-form>p.login-help{font-size:11px}.login-message>.overline{font-size:10px}.login-bottom{font-size:10px}.check-field small{font-size:12px}.chip{font-size:10px}
@media(max-width:760px){.card-head p{font-size:10px}.metric>small{font-size:9px}.product-card h3{font-size:13px}.product-bottom small{font-size:8px}.product-card .overline{font-size:8px}.planning-note{font-size:9px}.option-chips span{font-size:8px}.item-description .overline{font-size:8px}.app-footer{font-size:8px}.wizard-stepper>div{font-size:9px}.wizard-product b{font-size:11px}.wizard-product small{font-size:9px}.selected-product p{font-size:10px}.field{font-size:11px}.field input,.field select,.field textarea{font-size:13px}.field-help{font-size:10px}.basket-note{font-size:10px}.review-items small{font-size:10px}.notice small{font-size:9px}}
@media(max-width:430px){.metric>small{font-size:8px}.metric>span:not(.metric-icon){font-size:10px}.product-card h3{font-size:12px}.product-card .overline{font-size:7px}.product-bottom small{font-size:7px}.product-bottom>span{font-size:8px}.wizard-stepper>div{font-size:8px}.wizard-product b{font-size:12px}.wizard-product small{font-size:10px}.selected-product .overline{font-size:8px}.selected-product p{font-size:10px}.field input,.field select,.field textarea{font-size:12px}.field{font-size:10px}.review-items small{font-size:10px}.summary-card>small{font-size:10px}.timeline-step b{font-size:7px}.planning-note{font-size:9px}.activity-entry strong{font-size:11px}.activity-entry p{font-size:10px}.notice p{font-size:10px}.notice small{font-size:8px}.login-message>.overline{font-size:8px}.login-note p{font-size:10px}.login-form>p.login-help{font-size:10px}}