body{margin:0;font-family:Arial,"Malgun Gothic",sans-serif;background:#f5f7fa;color:#222}.wrap{max-width:1100px;margin:0 auto;padding:30px 18px 60px}.hero{background:#0b3f75;color:#fff;padding:34px 28px;border-radius:8px}.hero h1{margin:0 0 8px;font-size:34px}.hero p{margin:0;opacity:.9}.controls{display:flex;gap:10px;flex-wrap:wrap;background:#fff;padding:18px;margin-top:18px;border:1px solid #e3e7ed;border-radius:8px}.controls select,.controls input,.controls button{height:42px;padding:0 12px;border:1px solid #ccd3dd;border-radius:5px;font-size:14px}.controls input{flex:1;min-width:190px}.controls button{background:#0b3f75;color:#fff;border:0;cursor:pointer}.status{padding:14px 2px;color:#555}.table-wrap{overflow-x:auto;background:#fff;border:1px solid #e3e7ed;border-radius:8px}table{width:100%;border-collapse:collapse}th,td{padding:14px 12px;border-bottom:1px solid #edf0f4;text-align:center;font-size:14px}th{background:#f0f4f8;color:#333}.title{text-align:left}.view{display:inline-block;padding:7px 12px;background:#0b3f75;color:#fff;text-decoration:none;border-radius:4px}.empty{padding:36px;color:#777}.pager{text-align:center;padding:20px}.pager button{margin:0 8px;padding:8px 14px;border:1px solid #ccd3dd;background:#fff;border-radius:4px;cursor:pointer}@media(max-width:640px){.hero h1{font-size:27px}.controls{display:block}.controls select,.controls input,.controls button{box-sizing:border-box;width:100%;margin-bottom:8px}th:nth-child(3),td:nth-child(3){display:none}}