.supWorkspace{padding:16px 14px 120px;max-width:980px;margin:auto}.supWorkspace.hidden{display:none!important}.supHeader{display:flex;gap:10px;align-items:center;margin-bottom:14px}.supBack{width:40px;height:40px;border:0;border-radius:14px;background:#eaf0ee;font-size:19px}.supHeader h1{font-size:24px;margin:0;letter-spacing:-.03em}.supHeader p{font-size:10px;color:#687386;margin:3px 0 0}.supHero{background:linear-gradient(135deg,#17233c,#0a7c66);color:#fff;border-radius:28px;padding:21px;margin-bottom:13px;box-shadow:0 14px 35px rgba(23,35,60,.18)}.supHero h2{font-size:23px;margin:0 0 6px}.supHero p{font-size:11px;color:#d8e7e5;margin:0;line-height:1.5}.supCard{background:#fff;border:1px solid #e1e8e5;border-radius:21px;padding:15px;margin-bottom:11px;box-shadow:0 6px 20px rgba(23,35,60,.05)}.supCard h2{font-size:15px;margin:0 0 4px}.supCard>p{font-size:9px;color:#687386;margin:0 0 10px}.supForm{display:grid;gap:9px}.supForm label{font-size:10px;font-weight:800;color:#536071}.supForm input,.supForm select,.supForm textarea{width:100%;box-sizing:border-box;margin-top:4px;border:1px solid #d7e1de;border-radius:12px;padding:10px;background:#fcfefd}.supForm button,.supBtn{border:0;border-radius:12px;padding:10px 11px;font-weight:900;font-size:10px;background:#0a7c66;color:#fff}.supBtn.secondary{background:#edf2f0;color:#17233c}.supBtn.warm{background:#fff0c9;color:#765000}.supList{display:grid;gap:8px}.supRow{border:1px solid #e6ece9;border-radius:16px;padding:11px;display:grid;grid-template-columns:1fr auto;gap:9px}.supRow strong{font-size:11px}.supRow small{display:block;font-size:9px;color:#687386;margin-top:3px}.supMeta{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.supMeta span{font-size:8px;background:#edf2f0;border-radius:999px;padding:4px 6px;color:#566272;font-weight:800}.supMeta .ok{background:#e1f4eb;color:#086248}.supMeta .pending{background:#fff0c9;color:#765000}.supActions{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.supGrid{display:grid;gap:11px}.supProductPicker{display:grid;gap:7px}.supPick{display:grid;grid-template-columns:1fr 86px;gap:8px;align-items:center;background:#f5f8f7;border-radius:13px;padding:9px}.supPick input{margin:0;text-align:center}.supEmpty{border:1px dashed #cad7d3;border-radius:18px;padding:22px;text-align:center;color:#687386;font-size:10px}.supModalBg{position:fixed;inset:0;z-index:240;background:rgba(9,18,33,.52);display:grid;place-items:end center;backdrop-filter:blur(5px)}.supModalBg.hidden{display:none!important}.supModal{width:min(100%,520px);max-height:92dvh;overflow:auto;background:#f8fbfa;border-radius:27px 27px 0 0;padding:16px 16px calc(24px + env(safe-area-inset-bottom))}.supModal h2{font-size:18px;margin:0 0 10px}.supTwo{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(min-width:650px){.supGrid{grid-template-columns:1fr 1fr}.supModalBg{place-items:center}.supModal{border-radius:27px}}