.supplier-header{display:flex;align-items:center;justify-content:space-between;gap:12px;height:72px;padding:0 22px;background:#fff;border-bottom:1px solid #dce5eb;position:sticky;top:0;z-index:20}
.supplier-header-left{display:flex;align-items:center;gap:13px;min-width:0}
.supplier-header-title{font-size:17px;font-weight:850;color:#123c68;line-height:1.2}
.supplier-toggle{flex:none;width:44px;height:44px;border:1px solid #dce5eb;border-radius:11px;background:#fff;color:#0c4d87;display:grid;place-items:center;cursor:pointer}
.supplier-toggle svg{width:21px;height:21px}
.supplier-header a{font-size:14px;white-space:nowrap;text-decoration:none;color:#123c68;font-weight:800;border:1px solid #dce5eb;border-radius:10px;padding:10px 12px}
body.supplier-menu-open{overflow:hidden}
dialog.supplier-drawer{position:fixed;inset:0 auto 0 0;margin:0;padding:0;border:0;border-radius:0;width:min(310px,calc(100vw - 38px));max-width:none;height:100vh;height:100dvh;max-height:none;background:linear-gradient(180deg,#123c68,#0e4777);color:#fff;box-shadow:8px 0 40px rgba(0,20,40,.2);overflow-y:auto;overscroll-behavior:contain}
dialog.supplier-drawer[open]{display:flex;flex-direction:column}
dialog.supplier-drawer::backdrop{background:rgba(12,30,46,.4)}
.supplier-drawer-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:24px 20px 18px;border-bottom:1px solid rgba(255,255,255,.16)}
.supplier-drawer-title{font-size:24px;font-weight:900;margin:0}
.supplier-close{width:40px;height:40px;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.supplier-nav{padding:18px 15px 30px;display:flex;flex-direction:column;gap:10px}
.supplier-nav a{display:block;color:#e4eef6;font-size:15px;line-height:1.35;text-decoration:none;border-radius:10px;padding:12px;font-weight:750}
.supplier-nav .supplier-home{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.07);margin-bottom:12px}
.supplier-nav details{margin:0;border:0;border-radius:0;background:transparent;padding:0}
.supplier-nav summary{display:flex;align-items:center;justify-content:space-between;list-style:none;padding:12px;border:0;border-radius:10px;color:#fff;font-size:17px;font-weight:850;cursor:pointer}
.supplier-nav summary::-webkit-details-marker{display:none}
.supplier-nav summary::after{content:'⌄';font-size:20px}
.supplier-nav details[open]>summary::after{content:'⌃'}
.supplier-subnav{border-left:1px solid rgba(255,255,255,.25);margin:3px 0 7px 20px;padding-left:9px;display:grid;gap:4px}
.supplier-nav a[aria-current="page"]{background:rgba(255,255,255,.18);color:#fff}
.supplier-nav a:hover,.supplier-nav summary:hover{background:rgba(255,255,255,.1)}
.supplier-toggle:focus-visible,.supplier-header a:focus-visible{outline:3px solid #e6ad4d;outline-offset:3px}
.supplier-drawer :focus-visible{outline:3px solid #ffd48b;outline-offset:2px}
@media(max-width:700px){.supplier-header{padding:0 14px;gap:8px}.supplier-header-left{gap:10px}.supplier-header-title{font-size:16px}.supplier-header a{padding:10px;font-size:13px}}