body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f5f5}h1{margin-bottom:20px}.search-filter{display:flex;gap:12px;margin-bottom:20px}.search-filter input,.search-filter select{padding:8px 12px;border-radius:6px;border:1px solid #ccc}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;padding:24px;border-radius:10px;width:400px;max-width:90%;box-shadow:0 10px 30px #0003;animation:modalFade .2s ease}@keyframes modalFade{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}