:root{font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif;color:#17263b;background:#f5f8fb}*{box-sizing:border-box}body{margin:0}header{height:58px;background:#10253e;color:white;display:flex;align-items:center;gap:20px;padding:0 max(18px,calc((100vw - 1100px)/2))}header a{color:#cbd7e6;text-decoration:none;font-size:14px}main{max-width:1100px;margin:auto;padding:22px 16px 60px}.intro small,.dialog-head small{color:#087c81;font-weight:800}.intro h1{margin:7px 0;font-size:28px}.intro p{margin:0 0 13px;color:#5c6e82}.source{display:inline-block;padding:7px 10px;border-radius:8px;background:#eaf4ff;color:#23547f;font-size:12px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.summary div{background:white;border:1px solid #e2eaf2;border-radius:14px;padding:15px}.summary span{display:block;color:#69798c;font-size:12px}.summary strong{display:block;margin-top:6px;font-size:23px}.controls{display:grid;gap:10px;margin-bottom:15px}input,select,textarea{font:inherit}input[type=search],select,.fields input,.fields textarea{border:1px solid #cfdae6;border-radius:10px;background:white;padding:12px;width:100%;min-height:46px}.filters{display:flex;gap:8px}.filters select{flex:1;min-width:0}.low-toggle{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:13px}.count{font-size:13px;color:#617386}.items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{background:#fff;border:1px solid #e1eaf1;border-radius:15px;padding:16px;min-width:0}.card small{color:#087c81;font-weight:700}.card h3{font-size:16px;line-height:1.35;margin:9px 0 7px}.meta{font-size:13px;color:#65768a;margin:0 0 12px}.stock{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ecf0f5;padding-top:12px}.stock b{font-size:20px}.stock b.low{color:#bd4c20}.stock b.unknown{font-size:14px;color:#7b8795}.price{font-size:12px;color:#617386;margin:10px 0}.actions{display:flex;align-items:center;gap:8px}.actions a{color:#126a80;font-size:12px}.actions button,.save{border:0;border-radius:9px;background:#176a70;color:white;padding:10px 16px;font-weight:700;cursor:pointer}.actions button{margin-left:auto}.notice,.message{margin-top:20px;padding:14px;border-radius:10px;background:#ebf0f5;color:#53657a;font-size:13px}dialog{border:0;border-radius:18px;width:min(96vw,540px);max-height:92vh;padding:0;box-shadow:0 22px 70px #0e254355}dialog::backdrop{background:#10253e99}dialog form{padding:20px;overflow:auto;max-height:92vh}.dialog-head{display:flex;justify-content:space-between;gap:12px}.dialog-head h2{font-size:18px;margin:5px 0}.dialog-head p{color:#65768a;font-size:12px;margin:0 0 15px}.close{border:0;background:transparent;font-size:28px;align-self:start}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fields label{font-size:13px;font-weight:700}.fields input,.fields textarea{margin-top:5px}.fields .wide{grid-column:span 2}.calculated{margin:16px 0;padding:12px;background:#edf7f6;border-radius:10px;font-size:14px}.save{width:100%;min-height:48px}.error{color:#b83232;font-size:13px}@media(max-width:700px){.items{grid-template-columns:1fr}.summary strong{font-size:19px}.summary div{padding:11px}.filters{flex-wrap:wrap}.filters select{flex-basis:39%}.low-toggle{width:100%;padding:2px}.intro h1{font-size:24px}}