.supplier-shell{--supplier-green:#12775c;--supplier-border:#dce8e3;display:block;margin:0;padding:0 0 0 252px;background:#f4f8f6;color:#19382e;font-family:Inter,system-ui,sans-serif;min-height:100vh;box-sizing:border-box}
.supplier-shell *{box-sizing:border-box}.supplier-shell [hidden]{display:none!important}
#supplier-navigation{position:fixed;inset:0 auto 0 0;margin:0;width:252px;background:#fff;border-right:1px solid var(--supplier-border);padding:32px 18px;z-index:50;display:flex;flex-direction:column;overflow-y:auto}
.supplier-brand{text-decoration:none;color:#145641;padding:0 14px 28px;display:grid;gap:6px}.supplier-brand strong{font-size:28px;letter-spacing:3px}.supplier-brand span{font-size:10px;letter-spacing:1px;font-weight:700}
.supplier-nav-caption{font-size:11px;color:#71897e;letter-spacing:1.4px;padding:0 14px}
#supplier-navigation nav{display:grid;gap:7px}#supplier-navigation nav a{padding:13px 14px;border-radius:10px;color:#456256;font-size:14px;font-weight:600;text-decoration:none;line-height:1.4}#supplier-navigation nav a:hover{background:#f1f7f4}#supplier-navigation nav a[aria-current=page]{background:#e3f4eb;color:#086647;box-shadow:inset 3px 0 #13825b}
.supplier-nav-footer{margin-top:auto;padding:38px 14px 0;color:#799083;line-height:1.8;font-size:12px}
.supplier-topbar{min-height:72px;background:#fff;border-bottom:1px solid var(--supplier-border);display:flex;align-items:center;gap:20px;padding:16px 32px;font-size:14px;font-weight:600}.supplier-menu-toggle{display:none;border:1px solid var(--supplier-border);background:#fff;color:#145641;padding:10px 15px;border-radius:9px;cursor:pointer}
.supplier-shell>main{width:auto;max-width:1400px;margin:28px auto;padding:30px;min-width:0}.supplier-shell>main.identity-card{margin:28px;width:calc(100% - 56px);max-width:none;border:1px solid var(--supplier-border);border-radius:18px;box-shadow:0 8px 28px #16352a05}.supplier-shell>header{margin:0;padding:14px 32px;background:#fff;border-bottom:1px solid var(--supplier-border)}
.supplier-shell h1{font-size:clamp(23px,2.4vw,32px);letter-spacing:-.6px}.supplier-shell input,.supplier-shell select{max-width:100%;min-width:0}.supplier-shell :focus-visible{outline:3px solid #278c70;outline-offset:3px}
.supplier-backdrop{position:fixed;inset:0;border:0;background:#102f2866;z-index:45}.supplier-shell footer{padding:20px 30px}
.supplier-topbar #logout{margin-left:auto}
@media(max-width:800px){.supplier-shell{padding-left:0}#supplier-navigation{width:min(290px,85vw);transform:translateX(-100%);visibility:hidden;transition:transform .2s,visibility .2s}.supplier-menu-open #supplier-navigation{transform:translateX(0);visibility:visible}.supplier-menu-open{overflow:hidden}.supplier-menu-toggle{display:block}.supplier-topbar{padding:12px 16px;min-height:64px}.supplier-topbar>span{font-size:12px}.supplier-shell>main,.supplier-shell>main.identity-card{margin:16px;width:calc(100% - 32px);padding:20px}.supplier-shell>header{padding:12px 16px}.supplier-shell .grid{grid-template-columns:1fr}.supplier-shell .table-wrap{max-width:100%;overflow-x:auto}}
@media(prefers-reduced-motion:reduce){#supplier-navigation{transition:none}}