body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f4f4f9;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.container{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 15px #0000001a;width:350px}h2{text-align:center;color:#333}.input-group{display:flex;gap:10px;margin-bottom:20px}input{flex:1;padding:10px;border:1px solid #ddd;border-radius:5px}button{padding:10px 15px;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#218838}ul{list-style:none;padding:0}li{background:#fff;border-bottom:1px solid #eee;padding:10px;display:flex;justify-content:space-between;align-items:center}li:last-child{border-bottom:none}.delete-btn{background:#dc3545;color:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer;font-size:12px}.status-badge{text-align:center;font-size:.8rem;font-weight:700;margin-bottom:1rem;padding:5px;border-radius:4px;text-transform:uppercase}.dev-mode{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.prod-mode{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}