:root{font-family:Pretendard,'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#17211b;background:#f6f8f6}*{box-sizing:border-box}body{margin:0}.app{max-width:1560px;margin:auto;background:#fff;min-height:100vh;box-shadow:0 0 30px #1233}.hero{background:linear-gradient(115deg,#073b29,#00603e 65%,#003c29);color:#fff;padding:22px 28px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.brand,.hero-right{display:flex;align-items:center;gap:18px}.mango{font-size:47px}.brandname{font-weight:850;line-height:1.03;font-size:25px;letter-spacing:-.8px}.hero-divider{height:54px;border-left:2px solid #d7eee0;margin:0 8px}.hero h1{font-size:36px;letter-spacing:-1.2px;margin:0;white-space:nowrap}.hero em{font-style:normal;color:#ffdc57;font-size:.8em}.updated{border:1px solid #c7e8d5;border-radius:30px;padding:10px 15px;white-space:nowrap;font-size:13px;font-weight:700}.notice{display:flex;gap:12px;background:#f5fff8;color:#203c2c;padding:13px 16px;border-radius:9px;font-size:12px;align-items:center}.notice strong{white-space:nowrap;border-right:1px solid #a4b8aa;padding-right:12px;font-size:14px}main{padding:20px 12px}.categories{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:0 0 22px}.cat{background:white;border:1px solid #d8e0da;box-shadow:0 2px 5px #0000000c;border-radius:11px;padding:15px 6px;font-size:16px;font-weight:800;cursor:pointer;color:#1a241d;white-space:nowrap}.cat:hover{border-color:#05784a}.cat[aria-selected=true]{background:#00613c;color:#fff;box-shadow:0 3px 8px #075c3840}.cat .emoji{margin-right:5px;font-size:23px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 2px 12px;gap:12px}.toolbar strong{font-size:20px}.toolbar span{font-size:13px;color:#69756d;margin-left:9px}.search-wrap{border:1px solid #cddbd1;border-radius:9px;padding:8px 12px;color:#537561}.search-wrap input{border:0;outline:0;min-width:210px;font:inherit}.table-scroll{overflow:auto;border:1px solid #d9e2dc;border-radius:9px}table{border-collapse:collapse;width:100%;min-width:1050px}th{background:#005336;color:white;padding:16px 10px;font-size:15px;white-space:nowrap}td{padding:12px 10px;border:1px solid #e0e6e2;font-size:14px;text-align:center}td:nth-child(3){text-align:left;font-weight:600}td:nth-child(4){background:#fff8d9;font-weight:850;font-size:17px;text-align:right}td:last-child{min-width:115px}tr:hover td{background-color:#f4faf6}tr:hover td:nth-child(4){background:#fff0bb}.pill{display:inline-block;border-radius:18px;padding:4px 10px;background:#d6f7d3;color:#12602a;font-weight:800;white-space:nowrap}.pill.muted{background:#e7e7e7;color:#666}.pill.ship{background:#d7f7d4;color:#145d29}.group td{background:#e0f2e4!important;text-align:left!important;font-size:14px;font-weight:800;padding:12px 16px}.group.citrus td{background:#fff0d9!important}.group.grape td{background:#f0e6fb!important}.group .desc{margin-left:15px;font-weight:500}.empty{text-align:center!important;padding:35px;color:#637166}.footer{text-align:center;font-size:12px;color:#84918a;padding:20px}@media(max-width:1150px){.hero-right{width:100%;justify-content:space-between}.categories{grid-template-columns:repeat(4,minmax(0,1fr))}.hero h1{font-size:28px}}@media(max-width:650px){.hero{padding:18px 14px}.mango{font-size:33px}.brandname{font-size:17px}.hero-divider{height:35px;margin:0}.hero h1{font-size:21px}.hero-right{display:block}.updated{display:inline-block;margin-bottom:12px}.notice{font-size:11px}.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.cat{padding:11px 5px;font-size:14px}.cat .emoji{font-size:17px}.toolbar{align-items:stretch;flex-direction:column}.search-wrap input{width:85%}main{padding:12px 8px}}
