:root{--navy:#173e79;--blue:#355c9d;--paper:#f3f5f8;--ink:#172231;--muted:#6f7b8b;--line:#dbe1e9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,"Noto Sans KR","Malgun Gothic",sans-serif}header{padding:42px max(20px,calc((100% - 900px)/2));background:linear-gradient(135deg,#122f5e,#3b67aa);color:#fff}header span{font-size:12px;font-weight:800;letter-spacing:.16em;opacity:.75}h1{margin:9px 0 5px;font-size:32px}header p{margin:0;opacity:.8}main{width:min(900px,calc(100% - 28px));margin:22px auto 60px}.panel,.summary,.actions{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(18,47,94,.06)}.panel{padding:22px}.company{display:block;margin-bottom:24px;font-size:13px;font-weight:800;color:var(--navy)}input{font:inherit}.company input{display:block;width:100%;height:52px;margin-top:8px;padding:0 14px;border:1px solid var(--line);border-radius:11px;font-size:16px}.group{margin-top:22px}.group h2{margin:0 0 10px;font-size:17px}.item{display:grid;grid-template-columns:34px 1fr 100px 80px;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf0f4}.item input[type=checkbox]{width:21px;height:21px;accent-color:var(--blue)}.item b{display:block;font-size:14px}.item small{color:var(--muted)}.price{text-align:right;font-size:13px}.qty{width:72px;height:40px;padding:0 8px;border:1px solid var(--line);border-radius:8px;text-align:center;font-size:16px}.summary{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;overflow:hidden}.summary div{padding:18px;border-right:1px solid var(--line)}.summary div:last-child{border:0}.summary span,.summary strong{display:block}.summary span{color:var(--muted);font-size:12px}.summary strong{margin-top:7px;font-size:20px}.summary .grand{background:var(--navy);color:#fff}.summary .grand span{color:#cdd9ec}.actions{margin-top:14px;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions button{height:52px;border:1px solid var(--navy);border-radius:11px;background:#fff;color:var(--navy);font-size:16px;font-weight:800}.actions .primary{background:var(--navy);color:#fff}.actions p{grid-column:1/-1;margin:0;text-align:center;color:var(--muted);font-size:13px}@media(max-width:600px){header{padding:30px 18px}h1{font-size:27px}.panel{padding:16px}.item{grid-template-columns:28px 1fr 70px}.price{grid-column:2/3;text-align:left}.qty{grid-column:3;grid-row:1/3;width:68px}.summary{grid-template-columns:1fr}.summary div{border-right:0;border-bottom:1px solid var(--line)}.actions{grid-template-columns:1fr}}