@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#003f49;background:#f6f8f7;font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #006b66;outline-offset:4px}header{padding:24px 4vw;display:flex;gap:28px;align-items:center;background:#ffe27c}nav{margin-left:auto;display:flex;gap:24px}.logo{font:800 36px Outfit,sans-serif;letter-spacing:-2px}.logo span{color:#ff7058;font-size:16px;letter-spacing:0;margin-left:4px}.admin-label{border-left:1px solid #003f4940;padding-left:24px}.workspace{max-width:1440px;margin:0 auto;padding:42px 4vw}.heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:32px}h1,h2,h3{font-family:Outfit,sans-serif;margin:0 0 12px;line-height:1.1}h1{font-size:clamp(30px,3.4vw,48px)}h2{font-size:28px}p{line-height:1.6;margin:8px 0;color:#45646b}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#006b66}#account{font-size:14px}label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}input{padding:14px 16px;border:1px solid #bbc9c9;border-radius:12px;min-width:0;color:#003f49;background:white}.search-row{display:flex;gap:12px;max-width:620px}.search-row input{flex:1}.button,.secondary{display:inline-flex;justify-content:center;align-items:center;padding:14px 24px;border-radius:30px;border:0;background:#006b66;color:white;font-weight:600}.secondary{border:1px solid #bbc9c9;background:white;color:#003f49}.panel-grid{display:grid;grid-template-columns:330px 1fr;gap:28px;margin-top:32px}aside{min-width:0}#result-count{font-size:14px}#results{display:grid;gap:8px;max-height:70vh;overflow:auto;padding:4px}.result{display:flex;text-align:left;align-items:center;gap:12px;width:100%;border:1px solid transparent;border-radius:16px;background:white;padding:12px;color:inherit}.result.active{border-color:#006b66;background:#e5f1ed}.result img{width:56px;height:56px;object-fit:contain;background:white;border-radius:10px}.result strong{font-size:14px;display:block}.result small{display:block;font-size:12px;margin-top:5px}.blank{padding:60px 24px;text-align:center}#editor{min-width:0;background:#fff;border-radius:24px;padding:28px;align-self:start}.product-top{display:flex;gap:20px;align-items:center;margin-bottom:24px}.product-top img{width:100px;height:100px;object-fit:contain}.product-top p{font-size:14px}.price-row{padding:24px 0;border-top:1px solid #dbe3e1}.price-row h3{font-size:20px}.price-row .ref{font-size:12px;letter-spacing:.5px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.metric{border-radius:12px;background:#f4f7f6;padding:12px}.metric span{display:block;color:#45646b;font-size:13px}.metric strong{display:block;font-size:20px;margin-top:6px}.metric.current{background:#fff3bf}.edit-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.edit-row label{margin:0;flex:1;min-width:130px}.edit-row input{width:100%;margin-top:8px}.status{font-size:14px;min-height:23px}.error{color:#a52f27}.success{color:#006b66}.rule{font-size:14px}.login{max-width:540px;margin:10vh auto;padding:40px}.login h1{margin:28px 0}.login .button{margin-top:24px}.back{display:block;margin-top:24px;text-decoration:underline}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#003f49;color:#fff;padding:16px 24px;border-radius:16px;max-width:90vw}#more{margin-top:16px}.missing{background:#fff5ec;padding:12px;border-radius:10px;font-size:14px}
@media(max-width:850px){.panel-grid{grid-template-columns:1fr}#results{max-height:260px}.heading{display:block}#account{display:block;margin-top:12px}#editor{padding:20px}.metrics{grid-template-columns:1fr 1fr}.admin-label{display:none}header{gap:16px}nav{gap:16px;font-size:14px}.workspace{padding:30px 20px}.product-top img{width:72px;height:72px}}
#orders-list{display:grid;gap:9px;max-height:75vh;overflow:auto}#order-editor{min-width:0;background:white;padding:28px;border-radius:24px;align-self:start}#order-editor p{overflow-wrap:anywhere}.order-pill{display:inline-block;background:#e5f1ed;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700}.order-contact{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:15px 0}.order-line{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #dbe3e1}.order-line img{width:54px;height:64px;object-fit:contain}.order-line>div{flex:1}.order-line strong,.order-line small{display:block}.order-line small{font-size:12px;margin-top:6px}.order-line label{width:125px;margin:0}.order-line input{width:100%;margin-top:6px}.order-costs{margin:24px 0}.order-field{margin:18px 0}.order-field input,.order-field textarea{display:block;width:100%;margin-top:8px}.order-field textarea{font:inherit;border:1px solid #bbc9c9;border-radius:12px;padding:14px;color:inherit}.budget-total{font-size:20px}.confirm-availability{display:flex;align-items:flex-start;gap:12px;line-height:1.6;font-weight:400}.confirm-availability input{margin-top:5px;width:18px;height:18px;flex-shrink:0;accent-color:#006b66}#approve-form fieldset{border:0;padding:0;margin:22px 0 0}#approve-form legend{font:600 23px Outfit,sans-serif;margin-bottom:15px}.shipping-profile{border-top:1px solid #dbe3e1;padding-top:24px;margin-top:20px}.shipping-profile .edit-row{margin-top:16px}.shipping-profile input{max-width:170px}@media(max-width:650px){.order-contact{grid-template-columns:1fr;gap:0}#order-editor{padding:22px 17px}.order-line{flex-wrap:wrap}.order-line label{width:100%}.order-line label input{max-width:180px}header nav{flex-wrap:wrap;gap:10px 14px}}
.integration-workspace{max-width:850px}.integration-card{background:white;border:1px solid #dbe3e1;border-radius:24px;padding:30px;margin-top:30px}.integration-card form{margin-top:28px}.integration-card label{margin-bottom:20px}.integration-card input{width:100%;display:block;margin-top:8px}.integration-card .button{margin-top:16px}#integration-state{background:#fff3bf;border-radius:12px;padding:16px}.integration-card .status{min-height:26px}