.bar{display:flex;flex-wrap:wrap;align-items:end;gap:14px;background:#e8edfc;padding:16px;border-radius:9px}.bar label{display:grid;gap:4px;font-weight:bold}.bar select,.scroll select{padding:8px;border:1px solid #aeb9c7;border-radius:6px;font:inherit;max-width:100%;background:white}.bar button,.scroll button{cursor:pointer;padding:9px 14px;border:0}.scroll{max-width:100%;overflow:auto;max-height:76vh;background:white;border:1px solid #ccd4dd;border-radius:9px;isolation:isolate}.scroll table{width:100%;min-width:0;border-collapse:separate;border-spacing:0}.scroll td,.scroll th{font:15px/1.45 system-ui;text-align:left;vertical-align:top;padding:14px;border-bottom:1px solid #dbe1e7;border-right:1px solid #e1e4e9}.scroll td,.scroll thead th:not(:first-child){min-width:200px;max-width:310px}.scroll th:first-child{position:sticky;left:0;background:#eef1f7;min-width:110px;width:135px;font-weight:bold;z-index:1}.scroll thead th{position:sticky;top:0;background:white;z-index:2}.scroll thead th:first-child{z-index:3}.scroll th img{height:72px;width:96px;object-fit:contain;display:block}.scroll th a{display:block;font-weight:750;font-size:19px}.scroll th button{font-size:12px;background:#edf0fa;color:#2544aa;margin-top:6px}.scroll td span{display:inline-block;border-radius:20px;background:#e9effc;color:#253f79;padding:3px 8px;margin:2px}.scroll select{width:100%}.hint{display:none}@media(max-width:760px){.hint{display:block;font-size:14px}.scroll td,.scroll th{padding:8px;font-size:14px}.scroll th:first-child{min-width:82px;width:82px}.scroll td,.scroll thead th:not(:first-child){min-width:174px;width:174px}.scroll th img{height:48px}.scroll th a{font-size:16px}.bar label{max-width:100%}}