:root{--ps-brown-950: #2b1d09;--ps-brown-900: #3d2b10;--ps-brown-800: #5a3d0d;--ps-gold-500: #d99305;--ps-gold-400: #f3b72a;--ps-gold-100: #fff2c2;--ps-orange-500: #e97817;--ps-ink: #2e271d;--ps-muted: #756958;--ps-border: #e8dcc7;color:var(--ps-ink);background:#fffaf1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;color:var(--ps-ink);background:radial-gradient(circle at 8% 0%,rgb(255 204 61 / 15%),transparent 26rem),linear-gradient(180deg,#fffdf7,#fff8ec 30rem)}.pack-nav-wrap{position:sticky;z-index:20;top:0;padding:10px 18px 0;background:#fffdf7f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pack-nav{display:flex;max-width:1184px;min-height:58px;align-items:center;gap:18px;margin:0 auto;padding:8px 10px;border:1px solid #ecd8ad;border-radius:15px;background:linear-gradient(110deg,#fff9e8,#ffe7a0 55%,#ffc94f);box-shadow:0 8px 24px #8a580017}.pack-nav-brand{display:inline-flex;flex:0 0 auto;align-items:center;gap:9px;padding:5px 8px;color:#402a05;font-weight:780;text-decoration:none}.pack-nav-brand img{width:32px;height:32px;border-radius:9px;object-fit:cover}.pack-nav-links{display:flex;min-width:0;flex:1;gap:3px;overflow-x:auto;scrollbar-width:thin}.pack-nav-link{flex:0 0 auto;padding:9px 11px;color:#70552a;border:1px solid transparent;border-radius:9px;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.pack-nav-link:hover{background:#ffffff8c}.pack-nav-link--active{color:#352305;border-color:#d99a13;background:#fff;box-shadow:0 3px 9px #6f44001a}a{color:inherit}button,input,select{font:inherit}.pack-page{max-width:1240px;min-height:100vh;margin:0 auto;padding:28px 28px 48px}.pack-hero{position:relative;display:flex;min-height:148px;justify-content:space-between;gap:24px;align-items:center;overflow:hidden;padding:24px;color:var(--ps-brown-950);border:1px solid #d99a13;border-radius:16px;background:radial-gradient(circle at 88% -55%,rgb(255 255 255 / 45%),transparent 23rem),linear-gradient(118deg,#ffe982,#f8c73e 53%,#ef981d);box-shadow:0 10px 26px #9760001f}.pack-hero-main{position:relative;z-index:1;display:flex;min-width:0;align-items:center;gap:15px}.pack-hero-copy{min-width:0}.pack-hero-icon{width:56px;height:56px;flex:0 0 auto;object-fit:cover;border:1px solid rgb(255 255 255 / 75%);border-radius:14px;box-shadow:0 3px 10px #6f44001f}.pack-eyebrow{margin:0 0 6px;color:#5a3900;font-size:11px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.pack-title{margin:0;color:var(--ps-brown-950);font-size:clamp(27px,3.4vw,39px);font-weight:760;line-height:1.08;letter-spacing:-.02em}.pack-subtitle{max-width:760px;margin:9px 0 0;color:#5c471f;font-size:14px;line-height:1.5}.pack-chip{position:relative;z-index:1;flex:0 0 auto;max-width:260px;padding:8px 12px;color:#4d3205;border:1px solid rgb(119 75 0 / 30%);border-radius:999px;background:#fffae2b8;font-size:12px;font-weight:680;text-align:center}.pack-section{margin-top:24px}.pack-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.pack-section-head h2{margin:0;color:var(--ps-ink);font-size:21px;font-weight:740;letter-spacing:-.015em}.pack-muted{color:var(--ps-muted)}.pack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pack-card{--accent: var(--ps-gold-500);--wash: rgb(245 195 76 / 17%);position:relative;display:flex;min-width:0;min-height:172px;flex-direction:column;gap:5px;overflow:hidden;padding:19px;border:1px solid var(--ps-border);border-radius:14px;background:#fff;box-shadow:0 6px 20px #67450c12}.pack-card:before{position:absolute;inset:0 auto 0 0;width:5px;background:var(--accent);content:""}.pack-card:after{position:absolute;top:-34px;right:-34px;width:102px;height:102px;border-radius:50%;background:var(--wash);content:""}.pack-label{position:relative;z-index:1;max-width:calc(100% - 20px);margin:0;color:#6d5b3f;font-size:11px;font-weight:750;letter-spacing:.05em;line-height:1.4;text-transform:uppercase}.pack-value{position:relative;z-index:1;margin:7px 0 3px;overflow-wrap:anywhere;color:var(--ps-brown-950);font-size:clamp(25px,2.3vw,31px);font-weight:760;line-height:1.12}.pack-card>.pack-muted{position:relative;z-index:1;margin:0 0 9px;font-size:12px;line-height:1.4}.pack-card-action{position:relative;z-index:1;display:inline-flex;width:fit-content;align-items:center;gap:5px;margin-top:auto;color:var(--accent);font-size:12px;font-weight:730;text-decoration:none}.pack-card-action:hover{text-decoration:underline;text-underline-offset:3px}.pack-accent-red{--accent: #d64b68;--wash: rgb(255 112 138 / 13%)}.pack-accent-amber{--accent: #c57c08;--wash: rgb(245 188 64 / 20%)}.pack-accent-purple{--accent: #e97817;--wash: rgb(255 155 61 / 16%)}.pack-accent-teal{--accent: #a9760b;--wash: rgb(234 184 69 / 16%)}.pack-accent-gold{--accent: #e9a300;--wash: rgb(255 210 67 / 22%)}.pack-panel{padding:20px;border:1px solid var(--ps-border);border-radius:14px;background:#fff;box-shadow:0 6px 20px #67450c0f}.pack-table-wrap{overflow-x:auto;border:1px solid #eadfcd;border-radius:11px;background:#fff}.pack-table{width:100%;min-width:780px;border-collapse:collapse}.pack-table th{padding:11px 10px;color:#6d5b3f;border-bottom:1px solid #eadfcd;background:#fff8e9;font-size:11px;font-weight:740;text-align:left;text-transform:uppercase;letter-spacing:.04em}.pack-table td{padding:13px 10px;border-top:1px solid #eee4d5;vertical-align:middle}.pack-table tbody tr:first-child td{border-top:0}.pack-table tbody tr:hover{background:#fff9e8}.pack-name{color:var(--ps-brown-900);font-weight:710}.pack-status{display:inline-flex;align-items:center;padding:5px 9px;color:#21645b;border-radius:999px;background:#e5f5f0;font-size:11px;font-weight:730;text-transform:capitalize}.pack-status--critical,.pack-status--reversal_required{color:#9c253b;background:#fde9ed}.pack-status--reorder_required,.pack-status--reorder_soon{color:#87500c;background:#fff0db}.pack-status--excess{color:#79500d;background:#fff0c9}.pack-status--cancelled,.pack-status--reversed{color:#4f5f5b;background:#edf1ef}.pack-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.pack-download-control{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.35rem}.pack-download-error{color:#9b2c2c;font-size:.78rem;font-weight:650}.pack-quick-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}.pack-form-details{grid-column:1 / -1;padding:13px 15px;border:1px solid #ead9b8;border-radius:11px;background:#fffaf0}.pack-form-details summary{color:#75551e;font-size:13px;font-weight:720;cursor:pointer}.pack-form-details[open] summary{margin-bottom:14px}.pack-button--prominent{grid-column:1 / -1;justify-self:start}.pack-supply-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.pack-supply-card{display:grid;grid-template-columns:136px minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid #e7d7ba;border-radius:14px;background:#fff;box-shadow:0 5px 17px #67450c0f}.pack-supply-visual{display:grid;min-height:232px;place-items:center;overflow:hidden;background:#fff5d4}.pack-supply-visual img{width:100%;height:100%;min-height:232px;object-fit:cover}.pack-supply-visual--fallback{align-content:center;gap:8px;color:#86590b;background:linear-gradient(145deg,rgb(255 255 255 / 62%),transparent 45%),linear-gradient(160deg,#fff1b7,#f7c94a)}.pack-supply-visual--fallback svg{width:64px;height:64px;color:#6f4807;fill:#fffdf4d1;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.5}.pack-supply-visual--fallback small{max-width:110px;color:#654512;font-size:11px;font-weight:750;text-align:center}.pack-supply-content{display:flex;min-width:0;flex-direction:column;gap:12px;padding:17px}.pack-supply-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.pack-supply-heading h3{margin:3px 0 0;color:#3d2b10;font-size:17px}.pack-kicker{color:#997020;font-size:10px;font-weight:780;letter-spacing:.06em;text-transform:uppercase}.pack-supply-stock{margin:0;color:#6f604a;font-size:12px}.pack-supply-stock strong{color:#39270a;font-size:19px}.pack-used-for{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pack-used-for>span{color:#755f3c;font-size:11px;font-weight:740}.pack-used-for small{padding:4px 7px;color:#6b4908;border-radius:999px;background:#fff0bd;font-weight:650}.pack-used-for .pack-used-for-empty{color:#856d4b;background:#f6f0e6}.pack-supply-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.pack-supply-metrics div{min-width:0}.pack-supply-metrics dt{color:#89785f;font-size:9px;font-weight:700;text-transform:uppercase}.pack-supply-metrics dd{margin:3px 0 0;overflow:hidden;color:#4a3512;font-size:12px;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.pack-supply-content>.pack-button{width:fit-content;margin-top:auto}.pack-material-set{width:100%;min-width:0;flex:1 0 100%;padding:14px;border:1px solid #e6d4b3;border-radius:12px;background:#fffaf0}.pack-material-set legend{padding:0 5px;color:#604c2d;font-size:12px;font-weight:740}.pack-material-row{display:grid;grid-template-columns:minmax(190px,1fr) 150px auto;gap:10px;align-items:end;margin-bottom:10px}.pack-text-button{padding:11px 5px;color:#9d4f24;border:0;background:transparent;font-size:12px;font-weight:700;cursor:pointer}.pack-automation-strip,.pack-workflow-note{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 17px;color:#604617;border:1px solid #ead4a4;border-radius:13px;background:linear-gradient(100deg,#fffaf0,#ffefb9)}.pack-automation-strip div,.pack-workflow-note div{display:grid;gap:3px}.pack-automation-strip span,.pack-workflow-note span{color:#756447;font-size:12px}.pack-automation-strip a,.pack-workflow-note a{flex:0 0 auto;color:#815708;font-size:12px;font-weight:740;text-decoration:none}.pack-overdue-panel{border-color:#efc4ad;background:#fffaf7}.pack-overdue-list{display:grid;gap:8px}.pack-overdue-list>a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;color:inherit;border:1px solid #f0d5c8;border-radius:10px;background:#fff;text-decoration:none}.pack-overdue-list span{display:grid;gap:3px}.pack-overdue-list small{color:#806c60}.pack-overdue-list b,.pack-late{color:#b5462d}.pack-setting-choice{margin:18px 0;padding:15px;border:1px solid #ead6ac;border-radius:11px;background:#fffaf0}.pack-setting-choice{display:flex;align-items:flex-start;gap:10px}.pack-setting-choice span{display:grid;gap:4px}.pack-setting-choice small{max-width:780px;color:var(--ps-muted);line-height:1.45}.pack-setting-choice label{color:#4b3511;font-weight:740;cursor:pointer}.pack-row-actions{display:flex;gap:8px;flex-wrap:wrap}.pack-button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:7px;padding:9px 14px;color:#332305;border:1px solid #d79a14;border-radius:10px;background:#f4b72b;box-shadow:0 3px 10px #b5740024;font-weight:710;text-decoration:none;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.pack-button:hover:not(:disabled){transform:translateY(-1px);background:#ffc83d;box-shadow:0 5px 14px #b5740033}.pack-button:disabled{cursor:not-allowed;opacity:.55}.pack-button--secondary{color:#5a4320;border-color:#d8c8ad;background:#fff;box-shadow:none}.pack-button--secondary:hover:not(:disabled){background:#fff9e9}.pack-field{display:grid;min-width:160px;flex:1 1 180px;gap:6px}.pack-rule-name,.pack-rule-condition,.pack-rule-target{flex-basis:220px}.pack-rule-supply{flex-basis:190px}.pack-rule-quantity{flex:0 1 160px}.pack-rule-basis{flex-basis:280px}.pack-field label{color:#604c2d;font-size:12px;font-weight:700}.pack-field input,.pack-field select,.pack-number-input{width:100%;min-height:42px;padding:9px 11px;color:var(--ps-ink);border:1px solid #cdbd9f;border-radius:9px;outline:none;background:#fff}.pack-field input:focus,.pack-field select:focus,.pack-number-input:focus{border-color:var(--ps-gold-500);box-shadow:0 0 0 3px #f5c34c3b}.pack-number-input{width:112px;min-height:38px;padding:7px 9px}.pack-form-footer{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-top:16px;margin-top:14px;border-top:1px solid #eee4d5}.pack-setup-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.pack-setup-list li{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px;border:1px solid #eadfcd;border-radius:12px;background:#fff}.pack-setup-done{border-color:#cfe6df!important;background:#f1f8f5!important}.pack-setup-done strong:after{color:#247566;content:" ✓"}.pack-empty{padding:42px 20px;text-align:center;border:1px dashed #d1bd94;border-radius:14px;background:#fffdf8}.pack-empty h3{margin:0 0 8px}.pack-empty p{max-width:560px;margin:0 auto 18px;color:var(--ps-muted);line-height:1.5}.pack-tabs{display:inline-flex;gap:5px;flex-wrap:wrap;padding:5px;border:1px solid #e5d7bd;border-radius:12px;background:#fff}.pack-tab{padding:8px 13px;color:#6d5b3f;border:1px solid transparent;border-radius:8px;background:transparent;font-weight:680;text-decoration:none}.pack-tab:hover{background:#fff9e9}.pack-tab--active{color:#332305;border-color:#e1a82a;background:#f7c64b;box-shadow:0 3px 9px #b574001f}.pack-bars{display:grid;height:180px;grid-template-columns:repeat(12,1fr);gap:8px;align-items:end;padding:18px 8px 0;border-bottom:1px solid #eadfcd;background:repeating-linear-gradient(0deg,transparent 0 44px,rgb(109 91 63 / 9%) 44px 45px)}.pack-bar{min-height:4px;border-radius:7px 7px 2px 2px;background:linear-gradient(#ffd45e,#e78b14)}.pack-callout{padding:14px 16px;color:#66501a;border:1px solid #ecdba9;border-radius:12px;background:#fff9e8;line-height:1.5}.pack-callout--error{color:#92263b;border-color:#f1c7cf;background:#fff1f3}.pack-button:focus-visible,.pack-tab:focus-visible,.pack-card-action:focus-visible,a:focus-visible{outline:3px solid #d56f0d;outline-offset:3px}@media(max-width:900px){.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-hero{align-items:flex-start;flex-direction:column}.pack-nav{align-items:flex-start;flex-direction:column;gap:4px}.pack-nav-links{width:100%;flex-wrap:wrap;overflow:visible}.pack-nav-link{padding:7px 9px;font-size:11px}.pack-quick-form,.pack-supply-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.pack-page{padding:16px 13px 36px}.pack-hero{padding:20px}.pack-hero-icon{width:46px;height:46px;border-radius:11px}.pack-hero-main{align-items:flex-start;gap:11px}.pack-title{font-size:25px}.pack-grid{grid-template-columns:1fr}.pack-nav-wrap{padding:7px 8px 0}.pack-nav{min-height:0;padding:7px}.pack-nav-links{flex-wrap:nowrap;overflow-x:auto}.pack-nav-brand span{font-size:14px}.pack-quick-form,.pack-supply-grid{grid-template-columns:1fr}.pack-supply-card{grid-template-columns:104px minmax(0,1fr)}.pack-supply-visual,.pack-supply-visual img{min-height:240px}.pack-material-row{grid-template-columns:1fr 110px}.pack-material-row .pack-text-button{grid-column:1 / -1;justify-self:start}.pack-automation-strip,.pack-workflow-note,.pack-overdue-list>a{align-items:flex-start;flex-direction:column}.pack-actions{display:grid;grid-template-columns:1fr}.pack-field{min-width:0}.pack-button{width:100%}.pack-setup-list li,.pack-section-head{align-items:flex-start;flex-direction:column}.pack-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.pack-tab{text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important}}