body{background-color:#fff;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}.login-container{justify-content:center;margin-top:4rem;display:flex}.login-form{background-color:#fff;border:1px solid #ddd;border-radius:8px;flex-direction:column;gap:1rem;width:350px;padding:2rem;display:flex;box-shadow:0 2px 8px #0000001a}.login-form input{padding:.75rem;font-size:1rem}.login-form button{cursor:pointer;padding:.75rem;font-size:1rem}.success-message{color:green;text-align:center;font-size:1.1rem}.error-message{color:red;text-align:center;font-size:2.5rem;font-weight:700;animation:.8s infinite flash}@keyframes flash{0%{opacity:1}50%{opacity:.2}to{opacity:1}}.targets-container{margin-top:2rem}.targets-list{flex-wrap:wrap;gap:1rem;padding:0;list-style:none;display:flex}.target-card{background:#fff;border:1px solid #ddd;border-radius:8px;min-width:220px;padding:1rem;box-shadow:0 2px 4px #0000001a}.header-brand{align-items:center;gap:15px;display:flex}.header-brand h1{margin:0}.header-image{object-fit:contain;width:120px;height:100px}nav{gap:10px;margin-top:1rem;margin-bottom:1rem;display:flex}nav a{border:3px solid var(--olive-green);color:var(--olive-green);background:#f3f4f6;border-bottom:none;border-radius:6px 6px 0 0;padding:8px 14px;font-weight:700;text-decoration:none}nav a:hover{color:#000;background:#2c8807d5}nav a.active{color:#fff;border-width:3px;border-color:var(--olive-green);background:#2c8807d5}.site-header nav{border-bottom:3px solid var(--olive-green);padding-bottom:0}.suggestions-container{max-width:500px;margin:2rem auto}.suggestion-form{background:#fff;border:1px solid #ddd;border-radius:8px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.suggestion-form select,.suggestion-form input{width:100%;padding:.75rem}.success-message{color:green;margin-top:1rem;font-weight:700}.error-message{color:red;margin-top:1rem;font-weight:700;animation:1s infinite pulse}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}form{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}input,textarea,select{width:100%;padding:.5rem}input[type=checkbox]{width:auto}textarea{min-height:80px}h3{margin-top:2rem}table{border-collapse:collapse;width:100%;margin-bottom:2rem}th,td{text-align:left;border:1px solid #cbd5e1;padding:12px}th{background:var(--olive-green);color:#f5f5f5}tbody tr:nth-child(2n){background-color:#f3f4f6}tbody tr:hover{background-color:#dbe4d8}.form-panel{border:2px solid var(--olive-green);background-color:#eef3e6;border-radius:10px;margin-top:2rem;padding:1.5rem;box-shadow:0 2px 6px #00000014}.form-panel h3{color:var(--olive-green);border-bottom:2px solid var(--olive-green);margin-top:0;padding-bottom:.5rem}.form-panel form{flex-direction:column;gap:1rem;display:flex}.form-panel input,.form-panel textarea,.form-panel select{border:1px solid #cbd5e1;border-radius:4px;width:100%;padding:.6rem}.form-panel fieldset{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:1rem}fieldset label{align-items:center;gap:.5rem;width:fit-content;margin-bottom:.5rem;display:flex}fieldset input[type=checkbox]{width:auto;margin:0}.target-sound-list{grid-template-columns:repeat(2,minmax(180px,1fr));gap:.5rem;display:grid}