:root{--navy:#5092B5;--navy2:#447f9e;--blue:#5092B5;--blue2:#2b86a9;--bg:#eef4f8;--card:#fff;--text:#102033;--muted:#6d7f91;--line:#d9e5ee;--green:#18a957;--red:#d83b3b;--amber:#e39b16;--soft:#f6f9fc}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}.app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#5092B5,#447f9e);color:#fff;padding:22px 14px;display:flex;flex-direction:column}.brand-logo{height:86px;display:flex;align-items:flex-start;justify-content:flex-start;margin:0 8px 10px}.brand-logo img{object-fit:contain;object-position:left top}.sidebar-foot{margin-top:auto;padding:14px 10px;font-size:13px;line-height:1.55}.sidebar-foot span{display:inline-block;margin-top:6px}.nav{overflow:auto}.nav a{display:block;color:#e5eef6;text-decoration:none;padding:10px 14px;border-radius:8px;margin:3px 0;font-size:14px}.nav a.active,.nav a:hover{background:rgba(255,255,255,.18);color:#fff}.swiss{margin-top:auto;padding:14px 10px;font-size:13px}.main{padding:22px 24px 36px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.search{width:420px;background:white;border:1px solid var(--line);padding:10px 13px;border-radius:8px}.user{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:6px}.avatar{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0b4e95;color:#fff;font-weight:700;margin-left:6px}h1{font-size:28px;margin:8px 0 18px}h2{font-size:20px;margin:0 0 14px}h3{font-size:16px;margin:0 0 12px}.page-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.page-head h1{margin:0;flex:1 1}.subtitle{color:var(--muted);font-size:13px}.grid{display:grid;grid-gap:14px;gap:14px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 1px 2px rgba(16,32,51,.03)}.kpi .label{color:var(--muted);font-size:13px}.kpi .value{font-size:26px;font-weight:700;margin-top:5px}.kpi .hint{font-size:12px;color:var(--muted);margin-top:5px}.red{color:var(--red)}.green{color:var(--green)}.amber{color:var(--amber)}table{width:100%;border-collapse:collapse;background:#fff}td,th{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;font-size:14px;vertical-align:top}th{color:#496276;background:#f5f9fc;font-size:12px}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#f4f9fe}.split{grid-template-columns:1.35fr .65fr;grid-gap:14px}.split,.two{display:grid;gap:14px}.two{grid-template-columns:1fr 1fr;grid-gap:14px}.three{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#dcf5e6;color:#18874a;font-size:12px}.badge.red{background:#ffe3e3;color:#b72929}.badge.blue{background:#e3f0ff;color:#1263b8}.badge.gray{background:#edf1f5;color:#5d6c7b}.btn{border:0;border-radius:8px;padding:9px 12px;background:var(--blue);color:#fff;cursor:pointer;text-decoration:none;display:inline-block}.btn:hover{background:#0869d3}.btn.secondary{background:#fff;color:var(--text);border:1px solid var(--line)}.btn.danger{background:#c63a3a}.btn.small{padding:6px 9px;font-size:12px}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:14px}.toolbar h1{flex:1 1}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:var(--muted)}.field input,.field select,.field textarea{padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:white;width:100%}.field textarea{min-height:90px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.form-grid.threecols{grid-template-columns:repeat(3,minmax(0,1fr))}.full{grid-column:1/-1}.check{display:flex;align-items:center;gap:8px;padding-top:21px}.pricebox{background:#f8fbfe;border:1px solid var(--line);border-radius:10px;padding:14px}.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(140deg,#5092B5,#246f8d)}.login{width:360px;background:#fff;border-radius:14px;padding:28px}.login h1{margin-top:0}.login input{width:100%;margin:6px 0 12px;padding:10px;border:1px solid var(--line);border-radius:8px}.muted{color:var(--muted);font-size:13px}.tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin:-4px 0 14px}.tabs a,.tabs span{padding:10px 0;text-decoration:none;color:var(--muted)}.tabs .active{color:var(--blue);border-bottom:3px solid var(--blue);font-weight:700}.stat-row{display:flex;gap:20px;align-items:center}.stat-row>div{flex:1 1}.meter{height:8px;background:#e9eff4;border-radius:10px;overflow:hidden}.meter>span{display:block;height:100%;background:var(--blue)}.notice{background:#eaf5ff;border:1px solid #cce5ff;border-radius:8px;color:#21577f}.notice,.success{padding:10px 12px;font-size:13px}.success{background:#e9f8ef;border:1px solid #c9eed7;border-radius:8px;color:#176d3a}.error{padding:10px 12px;background:#ffeded;border:1px solid #ffd0d0;border-radius:8px;color:#a72727;font-size:13px}.link{color:var(--blue);text-decoration:none}.actions{display:flex;gap:8px;flex-wrap:wrap}.money{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.empty{padding:32px;text-align:center;color:var(--muted)}.fake-chart{height:170px;display:flex;align-items:flex-end;gap:10px;padding:12px 4px 0;border-bottom:1px solid var(--line)}.fake-chart .bar{flex:1 1;background:linear-gradient(#1986f4,#0a73e8);border-radius:4px 4px 0 0;min-height:4px}.fake-chart-labels{display:flex;gap:10px;color:var(--muted);font-size:11px;margin-top:5px}.fake-chart-labels span{flex:1 1;text-align:center}@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}.split,.three,.two{grid-template-columns:1fr}.form-grid.threecols{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.app{grid-template-columns:80px 1fr}.brand{font-size:0}.brand:after{content:"a";font-size:28px}.nav a{font-size:0}.nav a:before{content:"•";font-size:18px}.search{width:250px}.form-grid,.form-grid.threecols{grid-template-columns:1fr}}.global-search{position:relative;width:520px}.global-search>.search{width:100%}.search-results{position:absolute;z-index:100;top:46px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px rgba(16,32,51,.18);overflow:hidden}.search-results button{width:100%;display:grid;grid-template-columns:90px 1fr;grid-gap:10px;gap:10px;text-align:left;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:#fff;cursor:pointer}.search-results button:hover{background:#f2f8fc}.search-results small{display:block;color:var(--muted);margin-top:2px}.search-type{font-size:11px;color:var(--blue);font-weight:700;text-transform:uppercase}.search-empty{padding:14px;color:var(--muted)}.product-picker{position:relative;min-width:360px}.product-picker-results{position:absolute;z-index:50;right:0;top:42px;width:520px;max-height:320px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px rgba(16,32,51,.16)}.product-picker-results button{width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;padding:10px;cursor:pointer}.product-picker-results button:hover{background:#f2f8fc}.product-picker-results small{display:block;color:var(--muted);margin-top:2px}.tabs a{cursor:pointer}.click-card{display:block;color:inherit;text-decoration:none}.click-card:hover{border-color:#9dc6da;box-shadow:0 3px 10px rgba(80,146,181,.12)}.document-chain{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.chain-item{display:flex;flex-direction:column;gap:2px;border:1px solid #dbe7ed;border-radius:10px;padding:9px 12px;background:#f8fbfc;color:#163444;text-decoration:none;min-width:125px}.chain-item:hover{border-color:#5092B5;background:#eef7fb}.chain-item span{color:#5092B5}.chain-item small{color:#667985}.logistics-kpis{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin:12px 0}.logistics-kpis>div{background:#f3f8fa;border:1px solid #dbe7ed;border-radius:10px;padding:12px}.logistics-kpis b{display:block;font-size:18px;color:#2f6f8f}.logistics-kpis small{color:#647781}.delivery-card{border:1px solid #dbe7ed;border-radius:12px;padding:12px;margin:10px 0;background:#fff}.logistics-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:8px;gap:8px;font-size:13px}.error-text{color:#b42318;font-weight:700}@media(max-width:1100px){.logistics-grid,.logistics-kpis{grid-template-columns:repeat(2,1fr)}}.address-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:10px;gap:10px;margin-top:12px}.address-card{border:1px solid #d7e3e9;border-radius:10px;padding:12px;background:#fbfdfe}.address-card p{line-height:1.45}.save-state{padding:8px 12px;border-radius:8px;font-size:13px}.save-state.saved{background:#eaf8ef;color:#16743a}.save-state.dirty{background:#fff5d9;color:#8a6300}.product-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.product-tabs button{border:0;background:transparent;padding:9px 12px;color:#557184;cursor:pointer}.product-tabs button.active{color:#237fa7;border-bottom:3px solid #3494ba;font-weight:700}.option-group,.supplier-row{border:1px solid #d9e5eb;border-radius:8px;padding:10px;margin:9px 0}.option-group .badge,.supplier-row .badge{margin:5px}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:12px;gap:12px}.image-card{border:1px solid #d9e5eb;border-radius:8px;padding:8px}.image-card img{width:100%;height:140px;object-fit:contain;background:#fff}.sticky-actions{position:-webkit-sticky;position:sticky;bottom:0;background:#eef5f8;padding:10px 0;margin-top:12px}.product-visual-card{min-height:210px}.product-thumb{display:block;width:180px;height:140px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#fff;margin:6px 0 10px}.product-thumb-empty{width:180px;height:140px;display:grid;place-items:center;border:1px dashed #b9cad5;border-radius:10px;color:var(--muted);background:#f8fbfc;margin:6px 0 10px}.variant-create{border:1px solid #b9d9e7;background:#f3f9fc;border-radius:10px;padding:12px;margin:10px 0}.variant-create h4{margin:0 0 10px}.product-relationship{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.product-view-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:14px}.product-view-tabs button{border:0;background:transparent;padding:10px 8px;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent}.product-view-tabs button:hover{color:var(--blue)}.product-view-tabs button.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:700}.product-overview-grid{display:grid;grid-template-columns:1.15fr .75fr .9fr;grid-gap:14px;gap:14px}.product-image-summary{text-align:left}.product-thumb-large{display:block;width:100%;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#fff;margin:8px auto 10px}.product-thumb-large,.product-thumb-large.product-thumb-empty{max-width:280px;height:210px}@media(max-width:1150px){.product-overview-grid{grid-template-columns:1fr 1fr}.product-overview-grid>div:first-child{grid-row:span 2}}@media(max-width:850px){.product-overview-grid{grid-template-columns:1fr}.product-overview-grid>div:first-child{grid-row:auto}}.option-editor{border:1px solid #cfe0e8;background:#f8fbfc;padding:12px;border-radius:10px;margin:10px 0}.variant-scope{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 12px}.variant-scope label{display:flex;gap:6px;align-items:center}.option-list{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.option-pill{display:flex;gap:8px;align-items:center;background:#eef5f8;border-radius:999px;padding:5px 8px}.option-pill button{border:0;background:transparent;cursor:pointer}.supplier-card{border:1px solid #d9e5ea;border-radius:10px;padding:12px;margin:10px 0}.search-results.static{position:relative;top:auto;left:auto;right:auto;max-height:220px}.config-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:5vh 20px;overflow:auto}.config-modal{width:min(900px,96vw);background:white;border-radius:14px;padding:20px;box-shadow:0 20px 70px rgba(0,0,0,.25)}.config-section{border-top:1px solid #dde8ed;padding-top:14px;margin-top:14px}.config-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:8px;gap:8px}.config-choices button{display:flex;flex-direction:column;align-items:flex-start;padding:12px;border:1px solid #cfdde3;border-radius:10px;background:white;cursor:pointer}.config-choices button.selected{outline:2px solid #3494ba;background:#eef8fc}.config-options{display:grid;grid-gap:8px;gap:8px;margin-top:8px}.config-options label{display:grid;grid-template-columns:24px 1fr auto;align-items:center;border:1px solid #d8e4e9;border-radius:9px;padding:10px;cursor:pointer}.config-options label.selected{outline:2px solid #3494ba;background:#eef8fc}