@import"https://fonts.googleapis.com/css2?family=Montserrat&display=swap";body{font-family:Montserrat,system-ui,sans-serif;padding:2rem;background:#e6f4f2;color:#2c5d57}*{box-sizing:border-box}label{display:block;margin-bottom:.25rem;font-weight:600;color:#3b6d67}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.app>*{width:30%}input,select{padding:.5rem;font-size:1rem;width:100%;border:1px solid #a7d8d4;border-radius:8px;background:#d9f0ed;color:#2c5d57;transition:all .2s ease}input:focus,select:focus{outline:none;border-color:#5aa39c;box-shadow:0 0 4px #5aa39c33}table{margin-top:1rem;border-collapse:collapse;width:60%;background:#f0f9f8;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d}td,th{padding:.6rem 1rem;border:1px solid #c6e3e0;text-align:center}th{background:#90cfc9;color:#fff;font-weight:600}tr:nth-child(2n){background:#e0f3f1}tr:hover{background:#c8e7e3;transition:background .2s}