:root{font-family:Arial,Helvetica,sans-serif;color:#252923;background:#f6f6f2;font-synthesis:none;--ink:#262e29;--muted:#747a71;--line:#e0e3da;--green:#425c4a;--amber:#9b6728}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}a{color:inherit}button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:10px 15px;color:var(--ink);font-size:13px;font-weight:600}button:hover{background:#f0f2ec}button:disabled{opacity:.45;cursor:not-allowed}button.primary,.primary{background:var(--ink);color:#fff;border-color:var(--ink)}button.primary:hover{background:#405247}button.danger{color:#9a4236;border-color:#e9c9c2}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:Consolas,monospace}.shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{background:#fafbf8;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:32px 22px;position:sticky;top:0;height:100vh}.brand{font-size:15px;font-weight:800;letter-spacing:2.5px}.brand span{display:block;margin-top:8px;font-size:10px;letter-spacing:2px;font-weight:400;color:var(--muted)}.client{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:34px 0 22px;padding:21px 8px;font:30px Georgia,serif;letter-spacing:4px}.client small{display:block;letter-spacing:1.4px;font:10px Arial,sans-serif;margin-top:9px;color:var(--muted)}nav{display:flex;flex-direction:column;gap:7px}nav button{text-align:left;border:0;background:transparent;padding:13px 12px;font-weight:400;display:flex;gap:11px;align-items:center;color:#626b60}nav button.active{background:#e8ede5;color:#263b2d;font-weight:600}nav button .count{margin-left:auto;background:#fff;padding:2px 5px;border-radius:4px;font-size:10px}.nav-icon{width:18px;display:inline-block;opacity:.7}.account{margin-top:auto;border-top:1px solid var(--line);padding-top:20px;font-size:12px}.account strong{display:block;font-size:13px;margin-bottom:5px}.account button{margin-top:12px;font-size:11px;padding:6px 9px}.workspace{min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#fafbf8}.breadcrumb{font-size:12px;color:var(--muted)}.topbar .customer-tag{font-size:11px;letter-spacing:1px;border:1px solid #d7dfd3;border-radius:20px;padding:7px 12px;color:var(--green)}main.content{max-width:1480px;margin:auto;padding:38px 42px 60px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.8px;color:var(--muted);margin-bottom:12px}.page-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:28px}.page-heading h1{margin:0 0 10px;font:36px Georgia,serif;font-weight:400;letter-spacing:-.8px}.page-heading p{font-size:13px;color:var(--muted);margin:0;line-height:1.7}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:28px}.metric{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px}.metric .value{font:35px Georgia,serif;margin:12px 0 8px}.metric .label{font-size:11px;letter-spacing:.5px;color:var(--muted)}.metric .foot{font-size:11px;color:var(--muted)}.panel{border:1px solid var(--line);border-radius:8px;background:white;margin-bottom:22px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:21px 23px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:14px;font-weight:600;margin:0}.panel-body{padding:22px}.notice{padding:13px 17px;border:1px solid #e7dcc1;background:#fbf6e9;color:#80632c;font-size:12px;border-radius:6px;margin:0 0 22px;line-height:1.7}.notice.good{background:#eef4ed;border-color:#d7e3d4;color:#405e40}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.search{width:320px;max-width:100%;background:white}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:left;font-size:10px;font-weight:500;color:var(--muted);letter-spacing:.5px;text-transform:uppercase;background:#fafbf8;padding:13px 20px;border-bottom:1px solid var(--line)}td{padding:16px 20px;border-bottom:1px solid #edf0e9;max-width:380px;overflow:hidden;text-overflow:ellipsis}tr:last-child td{border-bottom:0}tr[data-open]{cursor:pointer}tr[data-open]:hover{background:#fafbf7}td strong{font-weight:600}td .sub{font-size:11px;color:var(--muted);margin-top:5px}.num{text-align:right}.badge{display:inline-block;border:1px solid #e0e5dc;border-radius:20px;padding:5px 9px;font-size:10px;background:#f5f7f2;white-space:nowrap;color:#65715e}.badge.amber{background:#fcf4e5;border-color:#ecdfc2;color:#986e32}.badge.green{background:#edf4ed;color:#406b49;border-color:#d7e7d5}.badge.blue{background:#edf1f8;color:#546e97;border-color:#dce4ef}.badge.red{background:#faefec;color:#a65949;border-color:#eed9d3}.empty{padding:46px 24px;text-align:center}.empty .symbol{width:49px;height:49px;border:1px solid #dce2d7;border-radius:50%;margin:0 auto 15px;display:grid;place-items:center;font-size:21px;color:#82907a}.empty h3{font:23px Georgia,serif;margin:0 0 10px}.empty p{font-size:12px;color:var(--muted);max-width:460px;line-height:1.8;margin:0 auto 18px}.two-col{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{border-top:1px solid var(--line);padding-top:17px}.step span{font:24px Georgia,serif;color:#91a087}.step h3{font-size:12px;margin:13px 0 8px}.step p{font-size:11px;line-height:1.7;color:var(--muted)}label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#5b6457}input,select,textarea{width:100%;border:1px solid #d9dfd3;background:#fff;color:var(--ink);border-radius:5px;padding:10px 11px;font-size:13px;min-height:39px}textarea{resize:vertical;min-height:86px;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:#748a69;outline:2px solid #e7eddf}label.checkbox{flex-direction:row;align-items:center}input[type=checkbox]{width:auto;min-height:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:19px;margin-top:24px}.error{background:#fbede8;color:#9c4635;border:1px solid #efd5ca;padding:12px 15px;border-radius:5px;font-size:12px;line-height:1.7}.error:empty{display:none}.error-block{margin-bottom:16px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{padding:60px 65px;background:#27382c;color:#e8eddf;display:flex;flex-direction:column}.login-story .brand span{color:#9aab96}.login-story .story{margin:auto 0;padding:70px 0;max-width:450px}.login-story .story .eyebrow{color:#a4b59e}.login-story h1{font:57px/1.13 Georgia,serif;margin:24px 0}.login-story p{font-size:14px;line-height:1.9;color:#b8c5b1;max-width:350px}.login-story footer{font-size:10px;letter-spacing:1.2px;color:#93a58b}.login-form{display:flex;align-items:center;justify-content:center;padding:40px}.login-form form{width:360px}.login-form h2{font:33px Georgia,serif;margin:0 0 13px}.login-form p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:30px}.login-form label{margin-bottom:18px}.login-form button{width:100%;margin-top:8px}.loading{padding:50px;color:var(--muted)}dialog{border:1px solid #dce1d5;box-shadow:0 20px 80px #12220e30;border-radius:10px;padding:0;max-width:760px;width:calc(100% - 32px);max-height:90vh;color:var(--ink)}dialog::backdrop{background:#18201866;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:23px 28px;border-bottom:1px solid var(--line)}.dialog-head h2{font:26px Georgia,serif;margin:0}.dialog-head button{border:0;font-size:20px;padding:3px 8px}.dialog-body{padding:25px 28px}.dialog-wide{max-width:1040px}#toast{position:fixed;bottom:26px;right:28px;z-index:100;background:#273c2b;color:#fff;padding:15px 21px;border-radius:7px;box-shadow:0 6px 26px #0002;font-size:13px;display:none}#toast.visible{display:block}.stack{display:flex;flex-direction:column;gap:12px}.delivery-card{border:1px solid var(--line);border-radius:6px;padding:18px;margin-bottom:14px}.delivery-card h3{font-size:13px;margin:0 0 9px}.delivery-card p{font-size:12px;color:var(--muted);line-height:1.7;margin:7px 0}.file-list{list-style:none;padding:0;margin:0}.file-list li{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid #edf0e8}.file-list a{font-size:12px;text-decoration:none;color:#3b5c3d}.file-list a:hover{text-decoration:underline}.file-list img{width:58px;height:58px;object-fit:cover;border-radius:4px}.upload{margin-top:15px;display:flex;gap:10px;align-items:end}.upload label{flex:1}.timeline{margin:0;padding-left:19px}.timeline li{font-size:12px;color:var(--muted);padding:6px 0;line-height:1.5}.quote-price{font:35px Georgia,serif;margin:10px 0}.order-info{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.order-info label span{color:var(--ink);font-size:13px}.mobile-brand{display:none}button.link{border:0;background:transparent;padding:0;color:var(--green);font-size:12px}.nowrap{white-space:nowrap}.field-help{font-size:11px;line-height:1.6;color:var(--muted);margin:7px 0 0}.import-summary{margin:16px 0;font-size:13px}.cart-line{display:grid;grid-template-columns:1fr 80px;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.cart-line strong{font-size:12px}.cart-line p{font-size:11px;color:var(--muted);margin:6px 0}.article-summary{display:flex;gap:20px;align-items:flex-start;margin-bottom:22px}.article-summary .article-code{font:24px Georgia,serif}.article-summary p{font-size:12px;line-height:1.7;color:var(--muted)}.low{color:#a96b2e}.toolbar select{width:auto;min-width:160px}
@media(min-width:1600px){main.content{padding-top:48px}}@media(max-width:1100px){.sidebar{padding:28px 15px}.shell{grid-template-columns:205px minmax(0,1fr)}main.content{padding:28px 24px}.topbar{padding:0 24px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.page-heading{align-items:flex-start}.page-heading h1{font-size:31px}.flow{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.shell{display:block}.sidebar{position:static;height:auto;padding:18px 16px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{font-size:12px}.brand span{font-size:9px}.client{position:absolute;right:20px;top:13px;border:0;margin:0;font-size:25px;padding:4px}.client small{font-size:8px}.sidebar nav{flex-direction:row;overflow:auto;margin-top:17px;gap:4px}.sidebar nav button{white-space:nowrap;padding:10px;font-size:11px}.sidebar .account{display:none}.topbar{height:49px;padding:0 17px}.topbar .customer-tag{font-size:9px}.breadcrumb{font-size:10px}main.content{padding:25px 16px 45px}.page-heading{display:block}.page-heading .actions{margin-top:18px}.metrics{gap:10px}.metric{padding:17px}.metric .value{font-size:30px}.page-heading h1{font-size:30px}.toolbar{flex-wrap:wrap}.search{width:100%}.toolbar select{width:100%}.flow{gap:18px}.panel-head{padding:16px}.panel-body{padding:16px}td,th{padding:13px 15px}.form-grid{grid-template-columns:1fr}.login{display:block}.login-story{padding:25px}.login-story .story{padding:35px 0}.login-story h1{font-size:38px;margin:12px 0}.login-story p,.login-story footer{display:none}.login-form{padding:35px 25px}.login-form form{width:100%;max-width:380px}.dialog-head{padding:19px}.dialog-body{padding:20px}.order-info{grid-template-columns:1fr 1fr}.upload{flex-wrap:wrap}.upload label{flex-basis:100%}.actions button{font-size:11px}.mobile-brand{display:block}.account-mobile{display:block}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language-control{display:block;flex-shrink:0;margin:0}
.language-control select{width:124px;min-height:34px;padding:7px 10px;background:#fff;font-size:12px;cursor:pointer}
.login-language{position:absolute;right:28px;top:24px;z-index:2}
.client small{line-height:1.6}
.topbar>.actions{flex-wrap:nowrap}
@media(max-width:700px){.topbar .customer-tag{display:none}.topbar>.actions{gap:7px}.language-control select{width:110px;min-height:31px;padding:5px 7px;font-size:11px}.login-language{right:20px;top:22px}.login-story .brand{max-width:170px}.page-heading h1{overflow-wrap:break-word}.form-actions{flex-wrap:wrap}.metric .label,.metric .foot{line-height:1.6}.breadcrumb{max-width:135px}.client small{max-width:148px}.account-mobile{display:block}}