:root{font-family:'Aptos Narrow','Arial Narrow',Arial,sans-serif;color:#17324f;background:#f4f7fb;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}.top{background:#17324f;color:#fff;padding:17px max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:15px;justify-content:space-between}.brand{font-size:22px;font-weight:800}.top small{display:block;color:#bcd3e4}.top button{background:#294961;color:#fff;border:1px solid #62809a;border-radius:10px;padding:9px 13px}.wrap{max-width:1180px;margin:24px auto;padding:0 18px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.search{flex:1;min-width:230px}.search input{width:100%}input,select,textarea{border:1px solid #c8d6e3;border-radius:10px;padding:11px 12px;background:white;min-width:0}input:focus,textarea:focus,select:focus{outline:2px solid #77bbd3}button.primary{background:#16758d;color:#fff;border:0;border-radius:10px;padding:12px 17px;font-weight:700}button.secondary{background:#e5f0f5;color:#17324f;border:0;border-radius:10px;padding:11px 14px;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:11px}.supplier{border:1px solid #d2e1e8;background:#fff;border-radius:13px;padding:14px;min-height:86px;text-align:left;box-shadow:0 2px 6px #17324f0b}.supplier:hover{border-color:#16758d;background:#eef8fc}.supplier strong{display:block;font-size:16px}.supplier span{display:block;color:#587083;font-size:13px;margin-top:6px}.panel{background:white;border:1px solid #dbe5ec;border-radius:15px;padding:21px;margin-bottom:18px}.headrow{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.muted{color:#61768a}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:700;font-size:14px}.field.wide{grid-column:1/-1}.field textarea{min-height:85px;resize:vertical}.categories{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #c6dce7;background:#f5fafd;border-radius:25px;padding:7px 11px;font-size:14px;display:inline-flex;gap:6px;align-items:center}.chip input{accent-color:#16758d}.contact{display:grid;grid-template-columns:1.3fr 1fr 1.4fr auto;gap:8px;margin:8px 0;align-items:center}.contact button{border:0;background:#ffe7e7;color:#922;padding:10px;border-radius:8px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.link{color:#086f92;text-decoration:none}.notice{padding:11px 14px;border-radius:10px;background:#eaf3f9;margin:12px 0}.error{background:#ffe8e8;color:#8a2121}.hidden{display:none!important}.login{max-width:440px;margin:10vh auto}.login input{width:100%;margin:8px 0}.small{font-size:13px}.empty{padding:35px;text-align:center;color:#61768a}.badge{background:#e1f2ed;color:#23614f;border-radius:30px;padding:5px 10px;font-size:12px}a{overflow-wrap:anywhere}@media(max-width:680px){.formgrid{grid-template-columns:1fr}.contact{grid-template-columns:1fr 1fr}.contact input:first-child{grid-column:1/-1}.top{padding:14px}.wrap{margin:16px auto}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier{min-height:80px;padding:11px}.brand{font-size:18px}}