.supplier-site{background:#f7f7f9;min-height:100vh;--record-accent:#395afe}.supplier-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:64px;padding-block:42px 64px}.supplier-context{align-self:start;position:sticky;top:28px}.supplier-context h1{font-size:26px;font-weight:550;letter-spacing:-.04em;line-height:1.2;overflow-wrap:anywhere}.supplier-photo{padding:24px;background:#f1f1f5;border:1px solid #e5e5ec;border-radius:12px;margin-bottom:26px}.supplier-photo img{width:100%;height:215px;object-fit:contain;mix-blend-mode:multiply}.supplier-note{font-size:14px;color:#5d5d6a;line-height:1.65;white-space:pre-wrap;margin-top:24px}.supplier-context nav{border-top:1px solid #e4e4eb;margin-top:28px;padding-top:20px;display:grid;gap:8px}.supplier-context nav a{display:flex;gap:10px;align-items:center;padding:10px 0;font-size:14px;color:#61616e}.supplier-context nav a:hover{color:#111}.supplier-work{min-width:0}.supplier-work h2{font-size:20px;font-weight:550;letter-spacing:-.03em}.supplier-section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 24px}.supplier-form-body{padding:0;margin:0;border:0;min-width:0}.supplier-component{border:1px solid #e2e2ea;background:#fff;border-radius:12px;margin:0 0 24px;padding:26px;min-width:0;box-shadow:0 2px 4px #25253003}.supplier-component legend{font-size:15px;font-weight:550;padding:0 10px;max-width:100%;overflow-wrap:anywhere}.supplier-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.supplier-site label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#666674;min-width:0}.supplier-site input:not([type=file]),.supplier-site select{min-height:44px;width:100%;padding:10px 12px;border:1px solid #dddde6;border-radius:7px;background:#fff;color:#252532;font-size:14px;line-height:1.4}.supplier-site input:disabled,.supplier-site select:disabled{background:#f7f7fa}.supplier-site input:user-invalid,.supplier-site select:user-invalid{border-color:#b65545}.supplier-site input[type=number]{font-variant-numeric:tabular-nums}.supplier-component details{margin-top:24px;padding-top:18px;border-top:1px solid #eaeaf0}.supplier-component summary{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500;color:#595969;cursor:pointer;list-style:none;padding-block:2px}.supplier-component summary::-webkit-details-marker{display:none}.supplier-component details[open] summary{margin-bottom:20px}.supplier-component details[open] summary>span{transform:rotate(45deg)}.supplier-remove{display:block;margin:24px 0 0 auto;font-size:14px;background:none;border:0;color:#ab4935;padding:6px}.supplier-add{width:100%;border-style:dashed;background:transparent;min-height:44px}.supplier-documents{margin-top:36px}.supplier-documents>h2{margin-bottom:24px}.supplier-dropzone{background:#fff;border:1px dashed #c3c3ce;border-radius:12px;min-height:140px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px;gap:12px;text-align:center}.supplier-dropzone>span{font-size:14px;color:#797987}.supplier-dropzone.dragging{background:#f0f0ff;border-color:#7777ad}.supplier-file-list,.supplier-upload-queue ul{list-style:none;padding:0;margin:0 0 20px}.supplier-file-list>li{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #e3e3ec}.supplier-file-list>li>div{flex:1;min-width:0}.supplier-file-list strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.supplier-file-list span{font-size:14px;color:#747480;display:block;margin-top:4px}.supplier-upload-queue{border:1px solid #e3e3ec;border-radius:10px;background:white;padding:18px;margin-top:16px}.supplier-upload-queue li{display:flex;gap:14px;align-items:center;padding:8px 0}.supplier-upload-queue li>span{font-size:14px;overflow-wrap:anywhere;flex:1}.supplier-upload-queue small{font-size:14px;color:#81818e;white-space:nowrap}.supplier-upload-actions{display:flex;align-items:end;justify-content:space-between;gap:20px}.supplier-upload-actions label{flex:1}.supplier-submit{margin-top:30px;padding-top:26px;border-top:1px solid #e1e1eb}.supplier-submit>label{max-width:420px}.supplier-submit>.record-button{margin-top:16px;min-height:46px}.supplier-errors{font-size:14px;line-height:1.6;color:#a84837;overflow-wrap:anywhere;white-space:pre-wrap}.supplier-errors:not(:empty){margin-top:18px}.supplier-return{padding:20px 24px;border:1px solid #eedfc8;border-radius:10px;background:#fdf8ee;margin-bottom:28px;font-size:14px;color:#745a31}.supplier-return p{margin-top:8px;white-space:pre-wrap}.supplier-complete{border:1px solid #e1e1eb;border-radius:14px;padding:64px 32px;background:white;text-align:center}.complete-icon{display:inline-flex;background:#eef4e8;border-radius:50%;padding:16px;color:#537241;margin-bottom:22px}.supplier-complete p{font-size:14px;color:#6a7b5f;margin-top:14px}.supplier-demo{margin-top:24px;color:#90692b;font-size:14px}
@media(max-width:1050px){.supplier-layout{grid-template-columns:220px minmax(0,1fr);gap:32px}.supplier-component{padding:22px}.supplier-fields{gap:18px}.supplier-context h1{font-size:24px}}
@media(max-width:800px){.supplier-layout{grid-template-columns:1fr;gap:30px;padding-top:28px}.supplier-context{position:static}.supplier-context .supplier-photo{float:right;width:140px;margin:0 0 16px 20px;padding:12px}.supplier-photo img{height:120px}.supplier-context nav{display:flex;gap:24px;padding-top:12px;margin-top:18px;clear:both}.supplier-note{margin-top:18px;max-width:640px}.supplier-component{padding:22px}.supplier-submit>.record-button{min-width:240px}}
@media(max-width:480px){.supplier-layout{padding-bottom:32px}.supplier-component{padding:18px;margin-bottom:20px}.supplier-fields{grid-template-columns:1fr;gap:18px}.supplier-site input:not([type=file]),.supplier-site select{font-size:16px;min-height:46px}.supplier-context h1{font-size:25px}.supplier-upload-actions{flex-direction:column;align-items:stretch;gap:14px}.supplier-dropzone{padding:22px 14px}.supplier-file-list>li{flex-wrap:wrap}.supplier-file-list .record-button{margin-left:34px}.supplier-submit>label{max-width:none}.supplier-submit>.record-button{width:100%}.supplier-context .supplier-photo{width:112px}.supplier-photo img{height:108px}.supplier-work h2{font-size:19px}}